var img_wait="loading_img.gif";
document.onmousedown=HideBigImage;

function InitBigImageLayer()
{
	if (document.all){
		document.writeln(
        	'<div id="_divBigImageLayer" style="position:absolute;visibility:hidden;z-index:10;left:0;top:0;width:1;height:1>'+
                '<a href="javascript:void(0);"'+
                ' onmouseout="HideBigImage()" onmousedown="HideBigImage()"'+
                '>'+
                '<img id="_bigImage" border=1 name=_imgBigImage src=""' +
                ' onload="_bigImageLoaded()"'+
                '>'+
                '</a>'+
                '</div>');

		document.writeln(
        	'<div id="_divWaitImageLayer" style="position:absolute;visibility:hidden;z-index:10;left:0;top:0;width:1;height:1>'+
                '<a href="javascript:void(0);"'+
                '>'+
                '<img id="_waitImage" border=1 name=_imgWaitImage src="'+ img_wait +'"' +
                '>'+
                '</a>'+
                '</div>');
                }

	else if (document.layers)
		;

}


function _bigImageLoaded()
{
        var imgBig=document.images._imgBigImage;
        if (imgBig.src == "")
                return;
        var divBig=document.all._divBigImageLayer;

        var div=document.all._divWaitImageLayer;
        cx=imgBig.width;
        cy=imgBig.height;
        x= Number(div.style.left.replace('px',''));
        y= Number(div.style.top.replace('px',''));//window.event.y;

        if (y+cy>document.body.scrollTop+document.body.offsetHeight)
       		y=document.body.scrollTop+document.body.offsetHeight-cy-10;
        if (y<document.body.scrollTop)
               	y=document.body.scrollTop;
        if (x+cx>document.body.scrollLeft+document.body.offsetWidth)
       		x=document.body.scrollLeft+document.body.offsetWidth-cx-25;
        if (x<document.body.scrollLeft)
               	x=document.body.scrollLeft;

        div.style.visibility='hidden';
        divBig.style.top=y+'px';
        divBig.style.left=x+'px';
        divBig.style.width=cx+'px';
        divBig.style.height=cy+'px';
        divBig.style.visibility='visible';
}


function ShowBigImage(sImagePath)
{
	if (document.all){
               window.event.cancelBubble=true;
	       if (!document.all._divWaitImageLayer)
             	  	return;
               if(window.event.fromElement&&window.event.fromElement.name=="_imgBigImage")
                  return;
              

               var div=document.all._divWaitImageLayer;
               var img=document.images._imgWaitImage;
               var srcObj=window.event.srcElement;

               var xSrc=srcObj.offsetLeft;
               var ySrc=srcObj.offsetTop;
               while (srcObj.offsetParent != null) { srcObj = srcObj.offsetParent; xSrc += srcObj.offsetLeft;ySrc += srcObj.offsetTop;};

               x=xSrc+3;
               y=ySrc+3;//window.event.y;
               cx=img.width;
               cy=img.height;
               div.style.left=x+'px';
               div.style.top=y+'px';
               div.style.width=cx+'px';
               div.style.height=cy+'px';
               div.style.visibility='visible';

               var imgBig=document.images._imgBigImage;
               imgBig.src=sImagePath
	}
	else if (document.layers)
		;
}

function HideBigImage()
{
	document.all._divBigImageLayer.style.visibility='hidden';

}