var bAktiv = false;
var xImage = new Image;

function hideImage()
{
	bAktiv = false;
	
	document.getElementById("image_close").style.visibility = "hidden";
	document.getElementById("image_load_img").style.visibility = "hidden";
	
	document.getElementById("image_show_img").src = "gif/spacer.gif";
  	document.getElementById("image_show_img").style.visibility = "hidden";
  	
  	document.getElementById("image_container").style.visibility = "hidden";
  	document.getElementById("image_container").style.zIndex = "-1";
  	
  	document.getElementById("image_transparent_bg").style.visibility = "hidden";
  	document.getElementById("image_transparent_bg").style.zIndex = "-2";
}

function showTransparentLayer()
{
	document.getElementById("image_transparent_bg").style.visibility = "visible";
	document.getElementById("image_transparent_bg").style.zIndex = "3";
	
	document.getElementById("image_transparent_bg").style.height = document.body.scrollHeight;
	document.getElementById("image_transparent_bg").style.width = document.body.scrollWidth;
}

function showImage()
{
  	document.getElementById("image_close").style.visibility = "visible";
  	document.getElementById("image_close").style.display = "block";
  	
  	document.getElementById("image_show_img").src = xImage.src;
  	document.getElementById("image_show_img").style.visibility = "visible";
  	document.getElementById("image_show_img").style.display = "block";
  		
  	document.getElementById("image_load_img").style.visibility = "hidden";
  	document.getElementById("image_load_img").style.display = "none";
  	
  	showTransparentLayer();
}

function resize()
{
    if( document.getElementById("image_container").style.visibility == 'visible' )
    {
  		document.getElementById("image_container").style.width = document.body.clientWidth;
		document.getElementById("image_transparent_bg").style.height = document.body.scrollHeight;
  		document.getElementById("image_transparent_bg").style.width = document.body.scrollWidth;
    }
}

function waitImage()
{	
	if( bAktiv == true )
	{
		if( xImage.complete == true )
   		{
            showImage();
    	}
   		else
   		{
   			setTimeout( "waitImage()", 100 );
	    }
    }
}

function loadImage( in_strImagePath )
{
	bAktiv = true;
	
	xImage = new Image;
	xImage.src = in_strImagePath;
  	document.getElementById("image_show_img").style.visibility = "hidden";
  	document.getElementById("image_show_img").style.display = "none";
  	
  	document.getElementById("image_close").style.visibility = "hidden";
  	document.getElementById("image_close").style.display = "none";
  	
  	document.getElementById("image_load_img").style.visibility = "visible";
  	document.getElementById("image_load_img").style.display = "block";
  	
  	showTransparentLayer();

	document.getElementById("image_container").style.visibility = "visible";
  	document.getElementById("image_container").style.zIndex = "4";
  	document.getElementById("image_container").style.width = document.body.clientWidth;
  	document.getElementById("image_container").style.top = document.body.scrollTop;
	
	waitImage();
}