var curx=300;cury=200;
var demo = document.getElementById("product");
var gg = demo.getElementsByTagName("img");
var ei = document.getElementById("enlarge_images");
pic = document.getElementById("ShowPic");
for(i=0; i<gg.length; i++){
	var ts = gg[i];
	if(gg[i].name=="product")
	{
		ts.onmousemove = function(event){
			event = event || window.event;
			ei.style.display = "block";		
			picUrl = this.src.replace("small","big");
			checkComplete._img = new Image();
			checkComplete._img.src = picUrl;
			checkComplete._timeId = setInterval("checkComplete();",10);
			if(curx>checkComplete._img.width){
				picwidth = checkComplete._img.width;
			}else{
				picwidth = curx;
			}
			if(cury>checkComplete._img.height){
				picheight = checkComplete._img.height;
			}else{
				picheight = cury;
			}
			var topPosition = document.body.scrollTop + event.clientY + picheight;
			var leftPosition= document.body.scrollLeft + event.clientX + picwidth;
			if(topPosition>document.body.clientHeight){
				popTopAdjust=-picheight;
			}else{popTopAdjust=0;}
			if(leftPosition>document.body.clientWidth){
				leftTopAdjust = -picwidth+10*3; 
			}else{leftTopAdjust=0;}
			ei.style.top  = document.body.scrollTop + event.clientY  + popTopAdjust + "px";
			ei.style.left = document.body.scrollLeft + event.clientX  + leftTopAdjust + "px";
		}
		ts.onmouseout = function(){
			//ei.innerHTML = "";
			clearInterval(checkComplete._timeId);
			ei.style.display = "none";
			pic.width="16px";
			pic.height="16px";
			pic.src="images/loading.gif";
			
			
		}
	}
}
function checkComplete()
{
	if(checkComplete._img&&checkComplete._img.complete)
		checkComplete._onload();
		clearInterval(checkComplete._timeId);
	}
	checkComplete._onload=function(){
	clearInterval(checkComplete._timeId);
	var w=checkComplete._img.width;
	var h=checkComplete._img.height;
	//°´±ÈÀýËõ·Å
	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;
}