// JScript 文件
function getOffset (el, isLeft) {
         var  retValue  =   0 ;
         while  (el  !=   null ) {
            //retValue  +=  el[ "offset"   +  (isLeft  ?   "Left"  :  "Top" )];
            retValue += (isLeft?el.offsetLeft:el.offsetTop);
            el  =  el.offsetParent;
        }
         return  retValue;
    }
    
// JScript 文件
function getOffsetTop (el, isTop) {
         var  retValue  =   0 ;
         while  (el  !=   null ) {
            //retValue  +=  el[ "offset"   +  (isLeft  ?   "Left"  :  "Top" )];
            retValue += (isTop?el.offsetTop:el.offsetLeft);
            el  =  el.offsetParent;
        }
         return  retValue;
    }    

function show(id)
{
	document.getElementById(id).style.display='';
}

function hide(id)
{
	document.getElementById(id).style.display='none';
}

function swapImage(id,imgsrc,maxwh)
{
    if(imgsrc=='')
    {
        imgsrc = null;
    }
	//document.getElementById(id).src = '';
	document.getElementById(id).src=imgsrc;
	var img = new Image();
	img.src = imgsrc;	
	rw = img.width;
	rh = img.height;
	if(!rw || !rh)return; 
	if(rw>=rh && rw>maxwh)
	{
		//alert(rw+'#'+rh);
		document.getElementById(id).style.width = maxwh+"px";		
		document.getElementById(id).style.height=(rh*maxwh/rw)+"px";
	}
	else if(rh>rw && rh>maxwh)
	{
		document.getElementById(id).style.height=maxwh+"px";
		document.getElementById(id).style.width=(rw*maxwh/rh)+"px";
	}
	else 
	{
		
		document.getElementById(id).style.height=rh+"px";
		document.getElementById(id).style.width=rw+"px";
	}	
}

function preLoadImage(imgsrc)
{
    if(imgsrc=='')return;
    var img = new Image();
	img.src = imgsrc;
}

function fitImages(maxlength)
{
    var imgs = document.getElementsByTagName("img");
    if(imgs)
    for(i=0;i<imgs.length;i++)
    {
        if(imgs[i].width>maxlength)
        {                    
            imgs[i].height=imgs[i].height*maxlength/imgs[i].width;
            imgs[i].width=maxlength;
        }
        if(imgs[i].height>maxlength)
        {                    
            imgs[i].width=imgs[i].width*maxlength/imgs[i].height;
            imgs[i].height=maxlength;
        }
    }
}

function showImage(id,obj,top,imgSrc)
{   
    show("divThreadImage");
    document.getElementById("divThreadImage").style.top = (top+obj.offsetHeight)+"px";	
    var screenWidth = screen.width/2;  
    if(event.clientX > screenWidth) 
    {
        screenWidth = screenWidth + 100;
        if (event.clientX > screenWidth)
        {
            document.getElementById("divThreadImage").style.left = (getOffset(obj,true)-300)+"px";
        }
        else
        {
            document.getElementById("divThreadImage").style.left = (getOffset(obj,true)-200)+"px";
        }
    }
    else
    {
        screenWidth = screenWidth - 100;
        if(event.clientX < screenWidth)
        {
            document.getElementById("divThreadImage").style.left = (getOffset(obj,true)+200)+"px";
        }
        else
        {
            document.getElementById("divThreadImage").style.left = (getOffset(obj,true)+150)+"px";
        }
    }
    
    var screenHeight = screen.height/2;
    //alert(obj.offsetHeight)
    if(event.clientY > screenHeight - 10) 
    {
        screenHeight = screenHeight + 100;
        if (event.clientY > screenHeight)
        {
            document.getElementById("divThreadImage").style.top = (getOffsetTop(obj,true)-350) +"px";
        }
        else
        {
            document.getElementById("divThreadImage").style.top = (getOffsetTop(obj,true)-250) + "px";
            //alert(event.clientY)
        }
    }
    
    swapImage("imgThread",imgSrc,500);
}
function showImageTwo(id,obj,top,imgSrc)
{   
    show("divThreadImage");
    document.getElementById("divThreadImage").style.top = (top+obj.offsetHeight)+"px";	
    var screenWidth = screen.width/2;  
    if(event.clientX > screenWidth) 
    {
        screenWidth = screenWidth + 100;
        if (event.clientX > screenWidth)
        {
            document.getElementById("divThreadImage").style.left = (getOffset(obj,true)-80)+"px";
        }
        else
        {
            document.getElementById("divThreadImage").style.left = (getOffset(obj,true)-80)+"px";
        }
    }
    else
    {
        screenWidth = screenWidth - 100;
        if(event.clientX < screenWidth)
        {
            document.getElementById("divThreadImage").style.left = (getOffset(obj,true)+80)+"px";
        }
        else
        {
            document.getElementById("divThreadImage").style.left = (getOffset(obj,true)+80)+"px";
        }
    }
    
    var screenHeight = screen.height/2;
    //alert(obj.offsetHeight)
    if(event.clientY > screenHeight - 10) 
    {
        screenHeight = screenHeight + 100;
        if (event.clientY > screenHeight)
        {
            document.getElementById("divThreadImage").style.top = (getOffsetTop(obj,true)-80) +"px";
        }
        else
        {
            document.getElementById("divThreadImage").style.top = (getOffsetTop(obj,true)-80) + "px";
            //alert(event.clientY)
        }
    }
    
    swapImage("imgThread",imgSrc,500);
}

function hideImage()
{
    hide("divThreadImage");
}