var tempY,tempX,initialized,X,Y;
var ie55 = false;
var firstTableWidth;
var iframeSrc = "http://hope.gnu.ac.kr/zoom.htm";

if(window.createPopup){
	
	ie55 = true;
}
else{
	ie55 = false;
}

zoomBoxHTML = "<div id=\"zoomBox\" style=\"position:absolute;left:0;top:0; z-index:100;visibility:hidden\">";
zoomBoxHTML += "<table cellspacing=0 cellpadding=0 border=0>";
zoomBoxHTML += "<tr>";
zoomBoxHTML += "<td width=20 height=20 valign=top><img src=http://hope.gnu.ac.kr/images/zoom_bg01.gif></td>";
zoomBoxHTML += "<td background=http://hope.gnu.ac.kr/images/zoom_bg02.gif height=20></td>";
zoomBoxHTML += "<td width=26 height=20 valign=top><img src=http://hope.gnu.ac.kr/images/zoom_bg03.gif></td>";
zoomBoxHTML += "</tr>";
zoomBoxHTML += "<tr>";
zoomBoxHTML += "<td background=http://hope.gnu.ac.kr/images/zoom_bg04.gif  height=164>&nbsp;</td>";
zoomBoxHTML += "<td width=439 height=164 valign=top>";
zoomBoxHTML += "<iframe src=\""+iframeSrc+"\" name=zoom id=zoom  frameborder=0 width=439 height=164  style=\"padding:0px;border:0px;\"></iframe>";
zoomBoxHTML += "</td>";
zoomBoxHTML += "<td  height=164><img src=http://hope.gnu.ac.kr//images/zoom_bg05.gif width=26 height=164></td>";
zoomBoxHTML += "</tr>";
zoomBoxHTML += "<tr>";
zoomBoxHTML += "<td valign=top><img src=http://hope.gnu.ac.kr/images/zoom_bg06.gif></td>";
zoomBoxHTML += "<td valign=top><img src=http://hope.gnu.ac.kr//images/zoom_bg07.gif width=439 height=26></td>";
zoomBoxHTML += "<td><img src=http://hope.gnu.ac.kr/images/zoom_bg08.gif></td>";
zoomBoxHTML += "</tr>";
zoomBoxHTML += "</table>";

zoomBoxHTML += "</div>";
zoomBoxHTML += "<table border=0 cellpadding=0 cellspacing=0 width=\"100%\">"; 
zoomBoxHTML += "<tr>";
zoomBoxHTML += "<td>";

if(ie55 == true){	
	document.write(zoomBoxHTML);	
}

function init(){	
	if(ie55 == true){
		var HTMLtoGrab = document.all.tags("HTML")[0].innerHTML;
		var HTMLtoWrite = HTMLtoGrab.replace(/<script language=javascript src=\"zoom.js\"><\/script>/i,"");
		var HTMLtoWrite = "<HTML>"+HTMLtoWrite+"</HTML>";		
		document.frames.zoom.document.all.writeToMe.outerHTML = HTMLtoWrite;
		document.frames.zoom.document.all.zoomBox.style.visibility="hidden";
		document.frames.zoom.document.body.scroll='no';	
		document.frames.zoom.document.body.style.zoom=1.6;
		document.frames.zoom.scrollTo(0,0);
		zoom.document.onclick = EventFalse;zoom.document.oncontextmenu = EventFalse;
		document.frames.zoom.document.body.mergeAttributes(document.body);
		resize();
	}
}

function resize(){
	if(ie55 == true){
		zoomBox.style.pixelLeft=0;
		zoomBox.style.pixelTop=0;
		document.frames.zoom.scrollTo(0,0);
		document.frames.zoom.document.all.tags("TABLE")[1].width=document.body.offsetWidth-25;
	}
}

var isShow = false;
function showhideZoomBox(){
	if(isShow){
		isShow = false;
		zoomBox.style.visibility="hidden";
	}
	else{
		isShow = true;
		zoomBox.style.visibility="visible";
		initXY();
	}
	event.returnValue = false;
}

function EventFalse()
{
	zoom.event.returnValue = false;
}

function  initXY(){
		X=event.clientX;
		Y=event.clientY;
        		document.body.onselectstart=new Function("return false")
		tempX=X - (zoomBox.clientWidth-20);//zoomBox.style.pixelLeft;
		tempY=Y - zoomBox.clientHeight+20;//zoomBox.style.pixelTop;
		initialized=true;
		document.onmousemove=moveZoomBox;	
}

function moveZoomBox(){
	if(initialized==true){
		zoomBox.style.pixelLeft=tempX+event.clientX-X + document.body.scrollLeft;
		zoomBox.style.pixelTop=tempY+event.clientY-Y + document.body.scrollTop;
		document.frames.zoom.scrollTo(tempX+event.clientX-X + document.body.scrollLeft,
			tempY+event.clientY-Y + document.body.scrollTop);
		return false;
	}
}

function zoomIn(){
	if ( fontSize<240 ) {
		if(document.frames.zoom.document.body.style.zoom!=0) {
			document.frames.zoom.document.body.style.zoom*=1.6; 
			document.frames.zoom.document.body.scrollLeft = document.all.zoomBox.style.pixelLeft;
		}	
		else{
			document.frames.zoom.document.body.scrollLeft = document.all.zoomBox.style.pixelLeft;
			document.frames.zoom.document.body.style.zoom=1.6;
		}
	}
}
function zoomOut(){
	if ( fontSize>80 ) {
		if(document.frames.zoom.document.body.style.zoom!=0){
			document.frames.zoom.document.body.style.zoom*=0.625; 
		}
		else{
			document.frames.zoom.document.body.style.zoom=0.625;
		}
	}
}

window.attachEvent("onload", init);
window.onresize=resize;
document.oncontextmenu = showhideZoomBox;