var id_galery_CloseButton = "galeryCloseButton";
var id_galery_ImageContainer = "galeryPictureLayer_ImageContainer";
var id_galery_Image = "galeryPictureLayer_Image";
var galeryDivHeight = 460;
var galeryDivWidth = 780;
var galeryShadeWidth = 4;
var galeryShadeHeight = 3;

function ShowGaleryPicture( url, layer, width, height )
{
   /*HideGaleryPicture(layer);*/
   var d = document.getElementById(layer);
   var s = document.getElementById(layer+'Shade');
   if (d != null && s != null)
   {
	  d.innerHTML = '<div class="galeryCloseButton" id="'+id_galery_CloseButton+'"><img src="assets/images/close.gif" border="0" onClick="HideGaleryPicture(\''+layer+'\');"/></div><div class="galeryPictureLayer_ImageContainer" id="'+id_galery_ImageContainer+'" ><img class="galeryPictureLayer_Image" id="'+id_galery_Image+'" src="' + url + '" border="0" onClick="HideGaleryPicture(\''+layer+'\');" alt="'+id_galery_Image+'" /></div>';	  
	  GaleryScaleLayer(layer, width, height);
	  s.style.display = 'block';
      d.style.display = 'block';                  
   }
}

function GaleryScaleLayer(layer, width, height)
{
		var divHeight = height + 23;
        var divWidth = width + 1;    
        var imgHeight = height;
        var imgWidth = width;
        var divGalery = document.getElementById(layer);    
        var divShade = document.getElementById(layer+'Shade');    
        
        var divX = Math.round((galeryDivWidth / 2 ) - (divWidth / 2));
        var divY = Math.round( (viewportGetHeight() - divHeight)/2 ) + viewportGetScrollY();
        
        divGalery.style.position = 'absolute';
        
        
        divGalery.style.left = divX + "px";
        divGalery.style.top = divY + "px";
                        
        divGalery.style.height = divHeight + "px";
        divGalery.style.width = divWidth + "px";       
        
        divShade.style.position = 'absolute';
        divShade.style.left = ( divX - galeryShadeWidth ) + "px";
        divShade.style.top = ( divY - galeryShadeHeight ) + "px";
        divShade.style.height = divHeight + ( 2 * galeryShadeHeight ) + 2 + "px";
        divShade.style.width = divWidth + ( 2 * galeryShadeWidth ) + 2 + "px";        

        var divCloseButton = document.getElementById(id_galery_CloseButton);
        if (divCloseButton) {
            divCloseButton.style.width = (divWidth-6) + "px";
        }
        
        var divImageContainer = document.getElementById(id_galery_ImageContainer);
        if (divImageContainer) {
            divImageContainer.style.height = (imgHeight + 1) + "px";
            divImageContainer.style.width = (imgWidth + 1) + "px";
        }
        
        var divImage = document.getElementById(id_galery_Image);
        if (divImage) {
            divImage.style.height = imgHeight + "px";
            divImage.style.width = imgWidth + "px";
        }
}

function HideGaleryPicture(layer)
{
   var d = document.getElementById(layer);
   var s = document.getElementById(layer+'Shade');
   if (d != null && s != null)
   {
	  d.innerHTML = '';
      d.style.display = 'none';
      s.style.display = 'none';        
   }
}

function viewportGetHeight()
{
    var retval = 0;

    if (window.innerHeight)
        retval = window.innerHeight - 18;
    else if (document.documentElement && document.documentElement.clientHeight) 
        retval = document.documentElement.clientHeight;
    else if (document.body && document.body.clientHeight) 
        retval = document.body.clientHeight;

    return retval;    
}

function viewportGetWidth()
{
    var retval = 0;

    if (window.innerWidth)
        retval = window.innerWidth - 18;
    else if (document.documentElement && document.documentElement.clientWidth) 
        retval = document.documentElement.clientWidth;
    else if (document.body && document.body.clientWidth) 
        retval = document.body.clientWidth;

    return retval;    
}

function viewportGetScrollY()
{
    var retval = 0;

    if (typeof window.pageYOffset == "number")
        retval = window.pageYOffset;
    else if (document.documentElement && document.documentElement.scrollTop)
        retval = document.documentElement.scrollTop;
    else if (document.body && document.body.scrollTop) 
        retval = document.body.scrollTop; 
    else if (window.scrollY)
        retval = window.scrollY;

    return retval;
}

function viewportSetScrollY(setval)
{   
    if (typeof window.pageYOffset == "number")
       window.pageYOffset = setval;
    else if (document.documentElement && document.documentElement.scrollTop)
       document.documentElement.scrollTop = setval;
    else if (document.body && document.body.scrollTop) 
        document.body.scrollTop = setval; 
    else if (window.scrollY)
        window.scrollY = setval;

    return retval;
}