var iMarginVertical = 0;
var iMarginHorizontal = 0;
var xLeftMove = 0;
var yTopMove = 0;

function SetImg( sImg, sText )
{
	//HideShowElements("OBJECT","hidden");
	if ( sText == null ) sText = "";
		document.getElementById( "divPreload" ).style.display="block";
	document.getElementById( "divShowImageLarge" ).style.display="block";
	
	posToCenter( document.getElementById( "divPreload" ) );
	maintPos();
	
	setOpacity( "divShowImageLarge", 0 );
	var ibox_op_level = 7;
	setIboxOpacity = setOpacity;
	for (var i=0;i<=ibox_op_level;i++) {setTimeout("setIboxOpacity('divShowImageLarge',"+i+")",70*i);}
	
	/*  GET IMAGE PREVIOUS  */
	var sImagePrev = "";
	if(document.getElementById( "hdnListPic" ).value != "")
	{
		var aImg = new Array();
		aImg = document.getElementById( "hdnListPic" ).value.split(",");
		for (i=1; i<aImg.length; i++)
		{	
			if(aImg[i]==sImg && aImg[i-1]!="")
				sImagePrev = aImg[i-1];
		}
	}
	/*----------------------*/
	/*  GET IMAGE NEXT  */
	var sImageNext = "";
	if(document.getElementById( "hdnListPic" ).value != "")
	{
		var aImg = new Array();
		aImg = document.getElementById( "hdnListPic" ).value.split(",");
		for (i=0; i<aImg.length-1; i++)
		{	
			if(aImg[i]==sImg && aImg[i+1]!="") 
				sImageNext = aImg[i+1];
		}
	}
	/*----------------------*/
	
	var img = new Image();
	img.onload = fnLoadImg;	
	img.onclick = fnClickImg;
	img.src = sImg;
	
	function fnLoadImg()
	{			
		document.getElementById( "divImageLarge" ).style.width = img.width;
			
		document.getElementById( "divImageLarge" ).style.height = img.height;
		
		setOpacity( "divImageLarge", 10 );
		setOpacity( "divImageLargeBorder", 0 );
		document.getElementById( "divImageLarge" ).style.display="block";
		document.getElementById( "imgLarge" ).src = img.src;
		if ( sText != "" )
			document.getElementById( "divImageTitle" ).innerHTML = sText;
		if (sImagePrev != "" )
		{
			document.getElementById( "divImagePrev" ).style.display="block";
			document.getElementById( "divImagePrev" ).innerHTML = "<a href=# onClick=\"SetImg( '"+sImagePrev+"', '' ); return false;\"><IMG height=14 src='Images/BackIcon.gif' width=14 align=bottom border=0></a>&nbsp;";
		}
		else
		{
			document.getElementById( "divImagePrev" ).innerHTML="<IMG height=14 src='Images/BackIcon.gif' width=14 align=bottom border=0>&nbsp;";
			document.getElementById( "divImagePrev" ).style.display="block";	
		}	
		if (sImageNext != "" )
		{
			document.getElementById( "divImageNext" ).style.display="block";
			document.getElementById( "divImageNext" ).innerHTML = "&nbsp;<a href=# onClick=\"SetImg( '"+sImageNext+"', '' ); return false;\"><IMG height=14 src='Images/GetIcon.gif' width='14' align=bottom border=0></a>";
		}
		else
		{
			document.getElementById( "divImageNext" ).innerHTML="&nbsp;<IMG height=14 src='Images/GetIcon.gif' width=14 align=bottom border=0>";
			document.getElementById( "divImageNext" ).style.display="block";	
		}
		/* resize img */
		/*var pageSize = new getPageSize();
		alert( img.width );
		if ( img.width >= pageSize.width )
			resizeImageToScreen( document.getElementById( "imgLarge" ) );
		else
		{
			document.getElementById( "divImageLarge" ).style.width = img.width;
			document.getElementById( "divImageLarge" ).style.height = img.height;
		}*/
		posToCenter( document.getElementById( "divImageLarge" ), xLeftMove, yTopMove );
		//alert(document.getElementById( "divImageLarge" ).offsetWidth );
		///alert( img.width );
		var iMV = iMarginVertical * 2;
		var iMH = iMarginHorizontal * 2;
		document.getElementById( "divImageLargeBorder" ).style.width = img.width-iMV//document.getElementById( "divImageLarge" ).style.offsetWidth;
		document.getElementById( "divImageLargeBorder" ).style.height = img.height-iMV//document.getElementById( "divImageLarge" ).style.offsetHeight;
		document.getElementById( "divImageLargeBorder" ).style.display="block";
		posToCenter( document.getElementById( "divImageLargeBorder" ), xLeftMove, yTopMove );
		setOpacity( "divImageLarge", 0 );
		setOpacity( "divImageLargeBorder", 0 );
		var imagebox_op_level = 10;
		for (var i=0;i<=imagebox_op_level;i++) {setTimeout("setIboxOpacity('divImageLarge',"+i+")",30*i);}
		for (var i=0;i<=imagebox_op_level;i++) {setTimeout("setIboxOpacity('divImageLargeBorder',"+i+")",30*i);}
		//setOpacity( "divImageLarge", 10 );
		
		document.getElementById( "divPreload" ).style.display="none";
		//document.getElementById( "divShowImageLarge" ).innerHTML="";
		posToCenter( document.getElementById( "divImageLarge" ), xLeftMove, yTopMove );
	}
}
function fnClickImg()
{
	document.getElementById( "divShowImageLarge" ).style.display="none";
	document.getElementById( "divImageLarge" ).style.display="none";
	document.getElementById( "divImageLargeBorder" ).style.display="none";
	document.getElementById( "divPreload" ).style.display="none";
	//HideShowElements("OBJECT","visible");
}

	function HideShowElements(sTagName,sStatus)
	{
		var aElm = document.getElementsByTagName(sTagName);
		var oElm = null;
		for (i=0; i<aElm.length; i++)
		{
			oElm = aElm[i];
			oElm.style.visibility = sStatus;
		}
	}






setOpacity = function (elemid,value)
{
		var e = getElem(elemid);
		e.style.opacity = value/10;
		e.style.filter = 'alpha(opacity=' + value*10 + ')';
}

resizeImageToScreen = function(objImg)
{
	
	
	var pagesize = new getPageSize();
	
	var x = pagesize.width - 100;
	var y = pagesize.height - 100;

	if(objImg.width > x) { 
		objImg.height = objImg.height * (x/objImg.width); 
		objImg.width = x; 
		if(objImg.height > y) { 
			objImg.width = objImg.width * (y/objImg.height); 
			objImg.height = y; 
		}
	} 

	else if(objImg.height > y) { 
		objImg.width = objImg.width * (y/objImg.height); 
		objImg.height = y; 
		if(objImg.width > x) { 
			objImg.height = objImg.height * (x/objImg.width); 
			objImg.width = x;
		}
	}
	
	return objImg;
}






posToCenter = function(elem, xx, yy )
{
	if ( xx == null ) xx = 0;
	if ( yy == null ) yy = 0;
	var scrollPos = new getScrollPos();
	var pageSize = new getPageSize();
	var emSize = new getElementSize(elem);
	var x = Math.round(pageSize.width/2) - (emSize.width /2) + scrollPos.scrollX;
	var y = Math.round(pageSize.height/2) - (emSize.height /2) + scrollPos.scrollY;	
	//alert( x + " - " + y );
	x = x + xx;
	y = y + yy;
	//alert( x + " - " + y );
	elem.style.left = x+'px';
	elem.style.top = y+'px';
}

getScrollPos = function()
{
	var docElem = document.documentElement;
	this.scrollX = self.pageXOffset || (docElem&&docElem.scrollLeft) || document.body.scrollLeft;
	this.scrollY = self.pageYOffset || (docElem&&docElem.scrollTop) || document.body.scrollTop;
}

getPageSize = function()
{
	var docElem = document.documentElement
	this.width = self.innerWidth || (docElem&&docElem.clientWidth) || document.body.clientWidth;
	this.height = GetPageHeight();//self.innerHeight || (docElem&&docElem.clientHeight) || document.body.clientHeight;
}

getElementSize = function(elem)
{
	this.width = elem.offsetWidth ||  elem.style.pixelWidth;
	this.height = elem.offsetHeight || elem.style.pixelHeight;
}

getElem = function(elemId)
{
	return document.getElementById(elemId);	
}

maintPos = function() {
	var ibox = getElem('divImageLarge');
	var iboxBorder = getElem('divImageLargeBorder');
	var box_w = getElem('divShowImageLarge');
	var pagesize = new getPageSize();
	var ua = navigator.userAgent;
	//alert( box_w.style.width + " - " + pagesize.width );
	if(ua.indexOf("MSIE ") != -1) {box_w.style.width = pagesize.width+'px';} 
	else {box_w.style.width = pagesize.width-16+'px';}
	
	//alert( box_w.style.height + " - " + document.body.scrollHeight );
	if(ua.indexOf("Opera/9") != -1) {box_w.style.height = document.body.scrollHeight+'px';}
	else {box_w.style.height = document.body.scrollHeight+0+'px';}
	posToCenter( ibox, xLeftMove, yTopMove );
	posToCenter( iboxBorder, xLeftMove, yTopMove );
	
}
function GetPageHeight()
{
	if (self.innerHeight) // all except Explorer
		screenY = self.innerHeight;
	else if (document.documentElement && document.documentElement.clientHeight)	// Explorer 6 Strict Mode
		screenY = document.documentElement.clientHeight;
	else if (document.body) // other Explorers
		screenY = document.body.clientHeight;
	//document.getElementById( "contentall" ).style.height = screenY - 100;
	return screenY;
}

window.onscroll = maintPos;
window.onresize = maintPos;