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

function SetImg( sImg, sText)
{
	if(sImg !=""){
	    if ( sText == null ) sText = "";
	    document.getElementById( "divPreload" ).style.display="block";
        document.getElementById( "divShowImageLarge" ).style.display="block";
        document.getElementById( "divShowImageLarge" ).style.border="solid 1px white";

	    posToCenter( document.getElementById( "divPreload" ) );
	    maintPos();
    	
	    setOpacity( "divShowImageLarge", 0 );
	    var ibox_op_level = 4;
	    setIboxOpacity = setOpacity;
	    for (var i=0;i<=ibox_op_level;i++) {setTimeout("setIboxOpacity('divShowImageLarge',"+i+")",70*i);}
	    var img = new Image();
	    img.onload = fnLoadImg;	
	    img.onclick = fnClickImg;
	    img.src = sImg;
    } 
    	
    function fnLoadImg()
    {
	    document.getElementById( "imgLarge" ).src = img.src;
		
	    HideShowElements("OBJECT","hidden");
		
	    setOpacity( "divImageLarge", 0 );
	    setOpacity( "divImageLargeBorder", 0 );
	    document.getElementById( "divImageLarge" ).style.display="block";
	    if ( sText != "" )
		    document.getElementById( "divImageTitle" ).innerHTML = sText;
	    
	    posToCenter( document.getElementById( "divImageLarge" ), xLeftMove, yTopMove );
	    var iMV = iMarginVertical * 2;
	    var iMH = iMarginHorizontal * 2;
	    document.getElementById( "divImageLargeBorder" ).style.width = 600-iMV//document.getElementById( "divImageLarge" ).style.offsetWidth;
	    document.getElementById( "divImageLargeBorder" ).style.height = 400-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);}
	    
	    document.getElementById( "divPreload" ).style.display="none";
    }
}

function SetFlash( sImg, sDivContainer)
{
    document.getElementById( "divPreload" ).style.display="block";
    document.getElementById( "divShowImageLarge" ).style.display="block";
    document.getElementById( "divShowImageLarge" ).style.border="solid 1px white";

    posToCenter( document.getElementById( "divPreload" ) );
    maintPos();
	
    setOpacity( "divShowImageLarge", 0 );
    var ibox_op_level = 4;
    setIboxOpacity = setOpacity;
    for (var i=0;i<=ibox_op_level;i++) {setTimeout("setIboxOpacity('divShowImageLarge',"+i+")",70*i);}
    
    document.getElementById( "divImageLarge" ).innerHTML = document.getElementById(sDivContainer).innerHTML + "<div onclick ='fnClickImg()' style='cursor:pointer;width:100%;height:20px;text-align:center;padding-top:5px;color:#FFFFFF;font-weight:bold;font-size:12px'>CLOSE</div>";
    //HideShowElements("OBJECT","hidden");
	
    setOpacity( "divImageLarge", 0 );
    setOpacity( "divImageLargeBorder", 0 );
    document.getElementById( "divImageLarge" ).style.display="block";
    
    posToCenter( document.getElementById( "divImageLarge" ), xLeftMove, yTopMove );
    var iMV = iMarginVertical * 2;
    var iMH = iMarginHorizontal * 2;
    document.getElementById( "divImageLargeBorder" ).style.width = 644 - iMV//document.getElementById( "divImageLarge" ).style.offsetWidth;
    document.getElementById( "divImageLargeBorder" ).style.height = 335 - 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);}
    
    document.getElementById( "divPreload" ).style.display="none";
}

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;	
	x = x + xx;
	y = y + yy;
	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 = 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;
	if(ua.indexOf("MSIE ") != -1) {box_w.style.width = pagesize.width+'px';} 
	else {box_w.style.width = pagesize.width-16+'px';}
	
	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;
	return screenY;
}

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