var maxWidth=302;
var maxHeight=500;
var currScreen = window.screen.width;
var sUserAgent = navigator.userAgent;
var isOpera = sUserAgent.indexOf("Opera") > -1;
var isIE = sUserAgent.indexOf("compatible") > -1 && sUserAgent.indexOf("MSIE") > -1 && !isOpera;

function getAbsoluteOffsetTop(obj,DefaultValue) {
	var y = obj.offsetTop;
	y += DefaultValue;
	while (obj = obj.offsetParent) y += obj.offsetTop;
	if(isIE)
	{
	return y;
	}
	else{
	return y+"px";
	}
}

function getAbsoluteOffsetLeft(obj,DefaultValue) {
	var x = obj.offsetLeft;
	x += DefaultValue;
	while (obj = obj.offsetParent) x += obj.offsetLeft;
	if(isIE)
	{
	return x;
	}else{
	return x+"px";
	}
}



function getPosXY(a,offset) {
		//alert(offset);
		//alert(a.parentNode.offsetTop);
       var p=offset?offset.slice(0):[0,0],tn;
       while(a) {
           tn=a.tagName.toUpperCase();
           if(tn=="IMG") {
              //a=a.offsetParent;continue;
			  a=a.parentNode;continue;
           }
          //p[0]+=a.offsetLeft-(tn=="DIV"&&a.scrollLeft?a.scrollLeft:0);
          //p[1]+=a.offsetTop-(tn=="DIV"&&a.scrollTop?a.scrollTop:0);
		  
		  p[0]+=a.offsetLeft-(tn=="DIV"&&a.scrollLeft?a.scrollLeft:0);
          p[1]+=a.offsetTop-(tn=="DIV"&&a.scrollTop?a.scrollTop:0);
		  //alert(p[1] +"---a.offsetTop:"+a.offsetTop+ "---tn:" + tn + "---a.srcollTop:"+a.scrollTop);
          if(tn=="BODY")
                break;
          //a=a.offsetParent;
		  a=a.offsetParent;
      }
      return p;
}
function checkComplete() {
     if(checkComplete.__img&&checkComplete.__img.complete)
              checkComplete.__onload();
}
checkComplete.__onload=function() {
         clearInterval(checkComplete.__timeId);
         var w=checkComplete.__img.width;
         var h=checkComplete.__img.height;
         if(w>=h&&w>maxWidth) {
              previewImage.style.width=maxWidth+"px";
         }
        else if(h>=w&&h>maxHeight) {
              previewImage.style.height=maxHeight+"px";
        }
        else {
              previewImage.style.width=previewImage.style.height='';
        }
       previewImage.src=checkComplete.__img.src;previewUrl.href=checkComplete.href;checkComplete.__img=null;
}
function showPreview(e) {
         hidePreview (e);
         previewFrom=e.target||e.srcElement;
         previewImage.src=loadingImg;
         previewImage.style.width=previewImage.style.height='';
         previewTimeoutId=setTimeout("_showPreview()",100);
         checkComplete.__img=null;
}
function hidePreview(e) {
        if(e) {
            var toElement=e.relatedTarget||e.toElement;
            while(toElement) {
                  if(toElement.id=='PreviewBox')
                          return;
                  toElement=toElement.parentNode;
            }
       }
       try {
            clearInterval(checkComplete.__timeId);
            checkComplete.__img=null;
            previewImage.src=null;
       }
       catch(e) {}
       clearTimeout(previewTimeoutId);
       previewBox.style.display='none';
}
function _showPreview() {
        checkComplete.__img=new Image();
        if(previewFrom.tagName.toUpperCase()=='A')
               previewFrom=previewFrom.getElementsByTagName('img')[0];
        var largeSrc=previewFrom.getAttribute("large-src");
        var picLink=previewFrom.getAttribute("pic-link");
        if(!largeSrc)
             return;
        else {
             checkComplete.__img.src=largeSrc;
             checkComplete.href=picLink;
             checkComplete.__timeId=setInterval("checkComplete()",20);
             var pos=getPosXY(previewFrom,[66,-400]);
	     	if(parseInt(pos[0]) + 350 > currScreen)
			{
				pos=getPosXY(previewFrom,[-284,-400]);
			}
             previewBox.style.left=pos[0]+"px";
             previewBox.style.top=pos[1]+"px";
//			 previewBox.style.left = getAbsoluteOffsetLeft(previewFrom,-284);
//			 previewBox.style.top = getAbsoluteOffsetTop(previewFrom,-400);

             previewBox.style.display="block";
        }
}

var previewBox = document.getElementById('PreviewBox');
var previewImage = document.getElementById('PreviewImage');
var previewUrl = document.getElementById('previewUrl');
var previewFrom = null;
var previewTimeoutId = null;
var loadingImg = 'http://img.taobao.com/2k6/sys/list/loading.gif';