// ÃÖÃÊÀÛ¼ºÀÚ urobonos

// º¯¼ö¼±¾ð
var eventx;
var eventy;
var meventx;
var meventy;
var mouse_x;
var mouse_y;

var imgRatiow;
var imgRatioh;

var sourceImgw;
var sourceImgh;
var viewerImgw;
var viewerImgh;
var viewerDIVw;
var viewerDIVh;

var viewer;

viewer = 'off'

function mouseEventon()
{
	
	//ÀÌÀü ¸¶¿ì½ºÀ§Ä¡°ª
	meventx = eventx;
	meventy = eventy;
	//ÇöÀç ¸¶¿ì½º À§Ä¡°ª
	eventx = window.event.offsetX;
	eventy = window.event.offsetY;

	//¸¶¿ì½º À§Ä¡°ªÀÌ ÇöÀç·¹ÀÌ¾î ³»ÀÏ°æ¿ì ·¹À̾ on
  if(Math.abs(meventx - eventx) > 10 || Math.abs(meventy - eventy) > 10 ){viewer='on';return false;}

	//ÇöÀç ¸¶¿ì½ºÀ§Ä¡°¡ ·¹À̾ ¹þ¾î³¯°æ¿ì mouseEventoffÈ£Ãâ
	if(eventx > sourceImgw || eventy > sourceImgh || eventx < 0 || eventy < 0 ){viewer='off';mouseEventoff();return false;}

	if (document.all){
		if(document.all('viewerDIV').style.visibility != 'visible' && viewer=='on'){viewer='on';viewerDIVOpen();}
	} else if (document.layers){
		if(document.layers('viewerDIV').style.visibility != 'visible' && viewer=='on'){viewer='on';viewerDIVOpen();}
	} else if (document.getElementById){
		if(document.getElementById('viewerDIV').style.visibility != 'visible' && viewer=='on'){viewer='on';viewerDIVOpen();}
	}	
	
	//¸¶¿ì½º¸¦ µû¶ó´Ù´Ï´Â ·¹À̾î È£Ãâ
	zoomInboxmove();
	
	//ÇöÀç À̹ÌÁö¿Í ÁÜÀÎÀ̹ÌÁöÀÇ Å©±â¹èÀ²¿¡ ¸ÂÃç °ª»êÃâ
	mouse_x = parseInt((eventx * imgRatiow)-(viewerDIVw/2));
	mouse_y = parseInt((eventy * imgRatioh)-(viewerDIVh/2));

	if ( mouse_x > viewerImgw - viewerDIVw) { mouse_x = viewerImgw - viewerDIVw; }
	if ( mouse_y > viewerImgh - viewerDIVh) { mouse_y = viewerImgh - viewerDIVh; }

	//À̺¥Æ®°ªº¸±â

	if (document.all){
		document.all('viewXY').value = mouse_x +", "+mouse_y+ " : "+ eventx +", "+eventy ;		
	} else if (document.layers){
		document.layers('viewXY').value = mouse_x +", "+mouse_y+ " : "+ eventx +", "+eventy ;		
	} else if (document.getElementById){
		document.getElementById('viewXY').value = mouse_x +", "+mouse_y+ " : "+ eventx +", "+eventy ;		
	}	
	//document.getElementById('viewXY').style.visibility = "visible";

	//alert(mouse_x);

	//ÁÜÀη¹À̾îÀÇ margin°ª Áֱ⠿ø·¡ ¼Ò½º
	/*
	if (document.all){
		if(mouse_x < 0){document.all('zoomInimg').style.marginLeft = Math.abs(mouse_x);}else{document.all('zoomInimg').style.marginLeft = "-"+mouse_x;}
		if(mouse_y < 0){document.all('zoomInimg').style.marginTop = Math.abs(mouse_y);}else{document.all('ZoomInimg').style.marginTop = "-"+mouse_y;}
	} else if (document.layers){
		if(mouse_x < 0){document.layers('zoomInimg').style.marginLeft = Math.abs(mouse_x);}else{document.layers('zoomInimg').style.marginLeft = "-"+mouse_x;}
		if(mouse_y < 0){document.layers('zoomInimg').style.marginTop = Math.abs(mouse_y);}else{document.layers('ZoomInimg').style.marginTop = "-"+mouse_y;}
	} else if (document.getElementById){
		if(mouse_x < 0){document.getElementById('zoomInimg').style.marginLeft = Math.abs(mouse_x);}else{document.getElementById('zoomInimg').style.marginLeft = "-"+mouse_x;}
		if(mouse_y < 0){document.getElementById('zoomInimg').style.marginTop = Math.abs(mouse_y);}else{document.getElementById('ZoomInimg').style.marginTop = "-"+mouse_y;}
	}	
	*/
	
	
	
	if (document.all){
		if(mouse_x < 0){
			document.all('zoomInimg').style.marginLeft = 0;
		}else if(mouse_x > 200){
			document.all('zoomInimg').style.marginLeft = -200;
		}else{
			document.all('zoomInimg').style.marginLeft = "-"+mouse_x;
		}
		
		if(mouse_y < 0){
			document.all('zoomInimg').style.marginTop = 0;
		}else if(mouse_y > 360){
			document.all('zoomInimg').style.marginTop = -360;
		}else{
			document.all('ZoomInimg').style.marginTop = "-"+mouse_y;
		}

	} else if (document.layers){
		if(mouse_x < 0){
			document.layers('zoomInimg').style.marginLeft = 0;
		}else if(mouse_x > 200){
			document.layers('zoomInimg').style.marginLeft = -200;
		}else{
			document.layers('zoomInimg').style.marginLeft = "-"+mouse_x;
		}
		if(mouse_y < 0){
			document.layers('zoomInimg').style.marginTop = Math.abs(mouse_y);
		}else if(mouse_y > 360){
			document.layers('zoomInimg').style.marginTop = -360;
		}else{
			document.layers('ZoomInimg').style.marginTop = "-"+mouse_y;
		}
	} else if (document.getElementById){
		if(mouse_x < 0){
			document.getElementById('zoomInimg').style.marginLeft = 0;
		}else if(mouse_x > 200){
			document.getElementById('zoomInimg').style.marginLeft = -200;
		}else{
			document.getElementById('zoomInimg').style.marginLeft = "-"+mouse_x;
		}
		if(mouse_y < 0){
			document.getElementById('zoomInimg').style.marginTop = Math.abs(mouse_y);
		}else if(mouse_y > 360){
			document.getElementById('zoomInimg').style.marginTop = -360;
		}else{
			document.getElementById('ZoomInimg').style.marginTop = "-"+mouse_y;
		}
	}	
}


// ¸¶¿ì½º¸¦ µû¶ó´Ù´Ï´Â ¹Ú½º
function zoomInboxmove()
{
	zoomInboxx = eventx - 25 - 385;
	zoomInboxy = eventy - 50;

	// ÀÏÁ¤ ¹üÀ§ÀÌ»óÀ» ¹þ¾î³¯°æ¿ì À§Ä¡°íÁ¤
	if(zoomInboxx + 360 < 0){ zoomInboxx = -360; }
	if(zoomInboxy > 385 ){ zoomInboxy = 385; }

	if(zoomInboxx > -105 ){ zoomInboxx = -105; }
	if(zoomInboxy < 5 ){ zoomInboxy = 5; }


	//if(eventx + 33 > sourceImgw){ zoomInboxx = sourceImgw - 60; }
	//if(eventy + 40 > sourceImgh){ zoomInboxy = sourceImgh - 67; }

	//ÃÖÁ¾À§Ä¡ ¼±¾ð
	if (document.all){
		document.all('zoomInBox').style.marginLeft = zoomInboxx;
		document.all('zoomInBox').style.marginTop = zoomInboxy;
	} else if (document.layers){
		document.layers('zoomInBox').style.marginLeft = zoomInboxx;
		document.layers('zoomInBox').style.marginTop = zoomInboxy;
	} else if (document.getElementById){
		document.getElementById('zoomInBox').style.marginLeft = zoomInboxx;
		document.getElementById('zoomInBox').style.marginTop = zoomInboxy;
	}		
	return;
}

//¸¶¿ì½º°¡ ¹þ¾î³µÀ»°æ¿ì ·¹ÀÌ¾î ´Ý±â ÇÔ¼ö
function mouseEventoff()
{
	if(viewer='off'){
		if (document.all){
			document.all('zoomInBox').style.visibility = 'hidden';
			document.all('viewerDIV').style.visibility = 'hidden';
		} else if (document.layers){
			document.layers('zoomInBox').style.visibility = 'hidden';
			document.layers('viewerDIV').style.visibility = 'hidden';
		} else if (document.getElementById){
			document.getElementById('zoomInBox').style.visibility = 'hidden';
			document.getElementById('viewerDIV').style.visibility = 'hidden';
		}		
	}

	document.getElementById('ProductColorCode').style.visibility = 'visible';
	document.getElementById('ProductSize').style.visibility = 'visible';

	return;
}

//¸¶¿ì½º¸¦ ¿Ã·ÈÀ»¶§ ·¹À̾±â ÇÔ¼ö IEÀü¿ë
function viewerDIVOpen()
{
	if(viewer='on'){
		if (document.all){
			document.all('viewerDIV').filters[0].apply();
			document.all('viewerDIV').style.visibility = 'visible';
			document.all('viewerDIV').filters[0].play();
			document.all('zoomInBox').style.visibility = 'visible';
		} else if (document.layers){
			document.layers('viewerDIV').filters[0].apply();
			document.layers('viewerDIV').style.visibility = 'visible';
			document.layers('viewerDIV').filters[0].play();
			document.layers('zoomInBox').style.visibility = 'visible';
		} else if (document.getElementById){
			document.getElementById('viewerDIV').filters[0].apply();
			document.getElementById('viewerDIV').style.visibility = 'visible';
			document.getElementById('viewerDIV').filters[0].play();
			document.getElementById('zoomInBox').style.visibility = 'visible';
		}		
	}
	
	document.getElementById('ProductColorCode').style.visibility = 'hidden';
	document.getElementById('ProductSize').style.visibility = 'hidden';
	
	return;
}

//°ªÃʱâÈ­
function initViewer()
{
	if (document.all){
		sourceImgw = document.all('Largeimage').width;
		sourceImgh = document.all('Largeimage').height;
		viewerImgw = document.all('zoomInimg').width;
		viewerImgh = document.all('zoomInimg').height;
		viewerDIVw = parseInt(document.all('viewerDIV').style.width);
		viewerDIVh = parseInt(document.all('viewerDIV').style.height);
	} else if (document.layers){
		sourceImgw = document.layers('Largeimage').width;
		sourceImgh = document.layers('Largeimage').height;
		viewerImgw = document.layers('zoomInimg').width;
		viewerImgh = document.layers('zoomInimg').height;
		viewerDIVw = parseInt(document.layers('viewerDIV').style.width);
		viewerDIVh = parseInt(document.layers('viewerDIV').style.height);
	} else if (document.getElementById){
		sourceImgw = document.getElementById('Largeimage').width;
		sourceImgh = document.getElementById('Largeimage').height;
		viewerImgw = document.getElementById('zoomInimg').width;
		viewerImgh = document.getElementById('zoomInimg').height;
		viewerDIVw = parseInt(document.getElementById('viewerDIV').style.width);
		viewerDIVh = parseInt(document.getElementById('viewerDIV').style.height);
	}	
	
	//Àӽú¯¼ö ¼±¾ð
	sourceImgw = 360;
	sourceImgh = 540;
	sourceDivL = sourceImgw;
	sourceDivT = sourceImgh;
	viewerImgw = 600;
	viewerImgh = 900;
	viewerDIVw = 320;
	viewerDIVh = 320;

	if (document.all){
		document.all('sourceDIV').style.width = sourceImgw+"px";
		document.all('sourceDIV').style.height = sourceImgh+"px";
	} else if (document.layers){
		document.layers('sourceDIV').style.width = sourceImgw+"px";
		document.layers('sourceDIV').style.height = sourceImgh+"px";
	} else if (document.getElementById){
		document.getElementById('sourceDIV').style.width = sourceImgw+"px";
		document.getElementById('sourceDIV').style.height = sourceImgh+"px";
	}	

	imgRatiow = viewerImgw / sourceImgw;
	imgRatioh = viewerImgh / sourceImgh;
}