// JScript 文件

var oEvent=null,oElement=null;
function $(el){
return document.getElementById(el);
}
function ShowImage(evt,smallphoto,bigphoto){//显示图片用的方法

evt = (evt) ? evt : ((window.event) ? window.event : "")
var elem =null;
if (evt) {
    elem = (evt.target) ? evt.target : evt.srcElement
}
//定义X,Y轴
var ee=elem;
var ex=ee.offsetLeft,ey=ee.offsetTop;
while(ee=ee.offsetParent){
    ex+=ee.offsetLeft;
    ey+=ee.offsetTop;
    
}
//这里给显示的层做定位
if(ex-elem.offsetWidth<=0) 
  //如果超过600像素，层显示在左边
{
ShowPicBox.style.left=ex-elem.offsetWidth +"px";
}else{
ShowPicBox.style.left=ex+elem.offsetWidth +"px";
}
ShowPicBox.style.top=ey+"px";
ShowPicBox.style.display="";
checkComplete.__img=new Image();
checkComplete.__img.src=elem.src.replace(smallphoto,bigphoto);//小图转换为大图
checkComplete.__timeId=setInterval("checkComplete();",20);
elem.detachEvent("onmouseover",ShowImage);
}

function checkComplete()//这个方法在这里检查大图是不是被加载完毕
{
if(checkComplete.__img&&checkComplete.__img.complete)
checkComplete.__onload();
clearInterval(checkComplete.__timeId);
}
var curx=200;cury=200;
checkComplete.__onload=function(){
clearInterval(checkComplete.__timeId);
var w=checkComplete.__img.width;
var h=checkComplete.__img.height;
//按比例缩放保持图片不失真，大小在上面的curx,cury设置
var x=0,y=0;           
x=w/curx;
y=h/cury;

var m=0,n=0;
if(x>1 || y>1)
{
    m=w/Math.max(x,y);
    n=h/Math.max(x,y);
}
else
{
    m=w;
    n=h;
}
ShowPic.src=checkComplete.__img.src;
ShowPic.width=m;
ShowPic.height=n;
checkComplete.__img=null;
}

function HideImage(evt){//隐藏图片
evt = (evt) ? evt : ((window.event) ? window.event : "")
var elem =null;
if (evt) {
    elem = (evt.target) ? evt.target : evt.srcElement
}
elem.attachEvent("onmouseover",ShowImage);
clearInterval(checkComplete.__timeId);
ShowPicBox.style.display="none";
ShowPic.width="185px";
ShowPic.height="70px";
ShowPic.src="images/loading.gif";
}