/*-----------------------------------------------------------------------------

		   [ µ¸º¸±â ]

°³¿ä:
		½Ã°¢ Àå¾Ö¿ì ¹× ¾à½ÃÀÚ¸¦ À§ÇÑ µ¸º¸±â ±â´ÉÀÇ ÀÚ¹Ù½ºÅ©¸³Æ®.
-----------------------------------------------------------------------------*/

var iframeSrc = "/common/glasses/glasses.html";
var tempY,tempX,initialized,X,Y;
var ie55 = false;
var firstTableWidth;
var glassWidth  = 300;
var glassHeight = 200;
var glassStep = 0;

if(window.createPopup) {	
	ie55 = true;
}
else {
	ie55 = false;
}

zoneHTML  = "<div id=\"zone\" style=\"position:absolute;left:0;top:0;visibility:hidden\">";
zoneHTML += "<table border=\"1\" width="+glassWidth+" height="+glassHeight+" bgcolor=\"#EEEEEE\" cellspacing=\"0\" ";
zoneHTML += "cellpadding=\"0\" bordercolor=black>";
zoneHTML += "<tr>";
zoneHTML += "<td  bgcolor=\"#EEEEEE\"  colspan=2 align=center>";
zoneHTML += "<iframe src=\""+iframeSrc+"\" name=zoneframe border=0 width="+glassWidth+" height="+glassHeight+" ";
zoneHTML += "style=\"padding:0px;border:0px;\"></iframe>";
zoneHTML += "</td>";
zoneHTML += "</tr>";
zoneHTML += "<tr>";
zoneHTML += "<td width="+glassWidth+" OnMouseDown=\"initXY();\"  OnMouseUp=\"disable();\" ";
zoneHTML += "style=\"cursor:hand;color:darkblue;font-weight:bold;font-family:arial\" align=center>";
zoneHTML += "ÀÌ°÷À» Å¬¸¯ÇÑ »óÅÂ·Î  ¿òÁ÷ÀÌ¼¼¿ä</td>";
zoneHTML += "<td STYLE=\"cursor:hand\" align=center valign=middle>";
zoneHTML += "<img src=\"/image/btn/bu01.gif\" alt=\"È®´ë\" OnClick=\"zoomIn()\">";
zoneHTML += "<img src=\"/image/btn/bu02.gif\" alt=\"Ãà¼Ò\" OnClick=\"zoomOut()\">";
zoneHTML += "<img src=\"/image/btn/bu03.gif\" alt=\"´Ý±â\" OnClick=\"hideGlasses();\" align=absmiddle></td>";
zoneHTML += "</tr>";
zoneHTML += "</table>";
zoneHTML += "</div>";

if(ie55 == true){
	document.write(zoneHTML);		
}

function moveGlasses(){
	if(initialized==true){		
		zone.style.pixelLeft=tempX+event.clientX-X;
		zone.style.pixelTop=tempY+event.clientY-Y;
		document.frames.zoneframe.scrollTo(tempX+event.clientX-X,tempY+event.clientY-Y+20);
		return false;
	}
}

function initXY(){
	X=event.clientX;
	Y=event.clientY;
   	document.body.onselectstart=new Function("return false");
	tempX=zone.style.pixelLeft;
	tempY=zone.style.pixelTop;
	initialized=true;
	document.onmousemove=moveGlasses;	
}

function resize() {
	if (ie55 == true) {
		zone.style.pixelLeft = 0;
		zone.style.pixelTop = 0;
		document.frames.zoneframe.scrollTo(0, 20);
		document.frames.zoneframe.document.all.tags("TABLE")[1].width = document.body.offsetWidth - 40;
	}
}

function initGlasse(){
	if(ie55 == true){
		var HTMLtoGrab = document.all.tags("HTML")[0].innerHTML;
		var HTMLtoWrite = HTMLtoGrab.replace(/<script language=javascript src=\"\/js\/glasses.js\"><\/script>/i,"");
		
		HTMLtoWrite = HTMLtoWrite.replace(/bTTSswitch=true;/i, "bTTSswitch=false;");
		
		HTMLtoWrite = HTMLtoWrite.replace(/<object/i,"");
		
		HTMLtoWrite = "<HTML>"+HTMLtoWrite+"</HTML>";
		
		zone.style.visibility = "hidden";
		
		document.frames.zoneframe.document.all.writeToMe.outerHTML = HTMLtoWrite;
		document.frames.zoneframe.document.all.zone.style.visibility="hidden";
		document.frames.zoneframe.document.body.scroll='no';
			document.frames.zoneframe.document.body.style.fontsize=10;
		document.frames.zoneframe.document.body.style.zoom=1.5;
		document.frames.zoneframe.scrollTo(0,0);
		document.frames.zoneframe.document.body.mergeAttributes(window.parent.document.body);

		for(var i=0; i<document.frames.zoneframe.document.all.tags("A").length; i++){
			document.frames.zoneframe.document.all.tags("A")[i].target="_top";
		}	
		
		zoomIn();
		
		this.resize();
	}	
}

function zoomIn() {
	if (document.frames.zoneframe.document.body.style.zoom != 0) {
		//document.frames.zoneframe.document.body.style.zoom *= 1.5; 
		document.frames.zoneframe.document.body.style.zoom = parseInt(document.frames.zoneframe.document.body.style.zoom) + 50 + '%' ;
		document.frames.zoneframe.document.body.scrollLeft = document.all.zone.style.pixelLeft;
	}	
	else{
		document.frames.zoneframe.document.body.scrollLeft = document.all.zone.style.pixelLeft;
		document.frames.zoneframe.document.body.style.zoom=1;
	}
}

function zoomOut(){
	if(document.frames.zoneframe.document.body.style.zoom != 0) {
		//document.frames.zoneframe.document.body.style.zoom=(document.frames.zoneframe.document.body.style.zoom/1.5); 
		document.frames.zoneframe.document.body.style.zoom = parseInt(document.frames.zoneframe.document.body.style.zoom) - 50 + '%' ;	
	}
	else{
		document.frames.zoneframe.document.body.style.zoom=1;
	}
}

function hideGlasses(){
	zone.style.visibility="hidden";
}

function showGlasses(){
	zone.style.visibility="visible";
}

function disable(){
   	document.body.onselectstart=new Function("return true");
	initialized=false;
}

function toggleGlasses() {
	if (glassStep == 0) {
		initGlasse();
		++glassStep;
	} 
	else {
		resize();
	}
	
	if (zone.style.visibility!="hidden") 
		zone.style.visibility="hidden";
	else 
		zone.style.visibility="visible";
}

//window.onresize=resize;
document.onmouseup=disable;

