//script to popupimage when mouse over
 
function getScrollXY()
{
	var scrOfX = 0, scrOfY = 0;
	if( typeof( window.pageYOffset ) == 'number' )
	{
		//Netscape compliant
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
	} 
	else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) 
	{
		//DOM compliant
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
	} 
    else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) )
    {
        //IE6 standards compliant mode
        scrOfY = document.documentElement.scrollTop;
        scrOfX = document.documentElement.scrollLeft;
    }
    return scrOfY;
}

function windowHeight()
{
    var myWidth = 0, myHeight = 0;
    if( typeof( window.innerWidth ) == 'number' )
    {
        //Non-IE
        myWidth = window.innerWidth;
        myHeight = window.innerHeight;
    } 
    else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) 
    {
        //IE 6+ in 'standards compliant mode'
        myWidth = document.documentElement.clientWidth;
        myHeight = document.documentElement.clientHeight;   
    } 
    else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) 
    {
        //IE 4 compatible
        myWidth = document.body.clientWidth;
        myHeight = document.body.clientHeight;
    }
    return myHeight;
}

function ImageThumbPopup(id)
{
    var scrollheight=getScrollXY();
	var Height=windowHeight();
	
    var IE = document.all?true:false;
    if (!IE) document.captureEvents(Event.MOUSEMOVE)
        document.onmousemove = getMouseXY;
    var tempX = 0;
    var tempY = 0;
    var returnX;
    
    function getMouseXY(e) 
    {    
        if (IE)
	    {
            tempX = event.clientX + document.documentElement.scrollLeft;
            tempY = event.clientY +  document.documentElement.scrollTop;
	    }
        else
        { 
            tempX = e.pageX;
            tempY = e.pageY;
        }  
        if(id!="")
        {           
            if(Height/2>scrollheight)
            {
				if(Height/2<tempY)
				{
                    document.getElementById("myDiv").style.left=tempX+5+"px";
                    document.getElementById("myDiv").style.top=tempY-360+"px";
                    document.getElementById("myDiv").style.display="inline";
				    document.getElementById("myDiv").innerHTML="<img src='images/largepreview/"+id+"' alt='' border='0' width='500'/>";                  
                    id="";  
                 }
                 else
                 {
                    document.getElementById("myDiv").style.left=tempX+5+"px";
                    document.getElementById("myDiv").style.top=tempY+5+"px";
                    document.getElementById("myDiv").style.display="inline";
                    document.getElementById("myDiv").innerHTML="<img src='images/largepreview/"+id+"' alt='' border='0' width='500'/>";
                    id="";  
                 }
            }
            else
            {
                var newMouse=tempY-scrollheight;
			    if(Height/2<newMouse)
				{
				    document.getElementById("myDiv").style.left=tempX+5+"px";
                    document.getElementById("myDiv").style.top=tempY-360+"px";
                    document.getElementById("myDiv").style.display="inline";
                    document.getElementById("myDiv").innerHTML="<img src='images/largepreview/"+id+"' alt='' border='0' width='500'/>";
                    id="";  
				}
				else
				{
				    document.getElementById("myDiv").style.left=tempX+5+"px";
                    document.getElementById("myDiv").style.top=tempY+5+"px";
                    document.getElementById("myDiv").style.display="inline";
                    document.getElementById("myDiv").innerHTML="<img src='images/largepreview/"+id+"' alt='' border='0' width='500'/>";
                    id="";  
				}
            }
        }
    }
}

function OnOut()
{
    document.getElementById("myDiv").style.display="none";
}