//Jong Box Base ¸¸µé±â
function baseJongBox()
{	
	var body = document.body;
	var jongBox = "<div ID=\'jongbox1\' style=\'width:100%; height:100%; display:block; position:absolute; top:0; z-index:1000\'>"
//			+"	<div ID=\'jongbox2\' style=\'width:100%; height:100%; filter:alpha(Opacity:70); background-color:#000000; padding:0; position:absolute; z-index:1001\'>"
			+"	<div ID=\'jongbox2\' style=\'width:100%; height:100%; padding:0; position:absolute; z-index:1001\'>"
			+"	</div>"
			+"	<div ID=\'jongbox3\' style=\'position:absolute; z-index:1002; background-color:#FFFFFF;\'>"
			+"	</div>"
			+"</div>";
			
	var mObj = document.getElementById("baseJongBoxID");
    if(!mObj)
	{
		var divObj = document.createElement("div")
		body.insertBefore(divObj);
	
		divObj.setAttribute("id","baseJongBoxID");
		divObj.innerHTML = jongBox;
	}
}

//Image ¹× Message Box ¸¸µé±â
function createJongBox(viewType, objId)
{
	var jongbox3 = document.getElementById("jongbox3");
	
	if(viewType == "image")
	{
		jongbox3.innerHTML = "<table style=\'border:1px solid #000000;\' bgcolor=\"#ffffff\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
				  + "  <tr>"
				  + "   <td style=\"padding:13px 0 0 12px;\">"
				  + "	<div style=\"float:left; padding-top:3px;\" id=\'zoominoutid\'></div>"
				  + "	<div style=\"float:right;\"><img src=\"/lgcyon/images/btn/close_bt.gif\" onclick=\'hideJongBox();\' style=\'cursor:pointer\' alt=\'close\'></div>"
				  + "	</td>"
				  + "  </tr>"
				  + "  <tr>"
				  + "    <td style=\"padding:10px;\"><img ID=\'jongboximg\' src=\'\' alt=\'\'></td>"
				  + "  </tr>"  
				  + "</table>";
		
	}else if(viewType == "text")
	{
		jongbox3.innerHTML = "	<table style=\'border:1px solid #000000;\' bgcolor=\"#ffffff\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
						  + "		<tr>"
						  + "			<td style=\"padding:13px 0 0 12px;\"><div style=\"float:right;\"><img src=\'/lgcyon/images/btn/clo01.gif\' onclick=\'hideJongBox();\' style=\'cursor:pointer\' alt=\'close\'></div>"
						  + "			</td>"
						  + "		</tr>"
						  + "		<tr>"
						  + "			<td style=\"padding:10px;\">"+objId.innerHTML+"</td>"
						  + "		</tr>"
						  + "	</table>";
	}else if(viewType == "only_text")
	{
		jongbox3.innerHTML = "<table bgcolor=\"#ffffff\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
						  + "		<tr>"
						  + "			<td style=\"text-align:center\">" + objId + "</td>"
						  + "		</tr>"
						  + "	  </table>";
	}

	
}

//¸®»çÀÌ¡(â Á¶Àý)
function resizeJongBox()
{
	var jongbox1 = document.getElementById('jongbox1');
	jongbox1.style.width=document.body.offsetWidth;
	jongbox1.style.height=document.body.offsetHeight;
}

//¸®»çÀÌ¡(½ºÅ©·Ñ)
function resizeScrollJongBox()
{
	var jongbox1 = document.getElementById('jongbox1');
	jongbox1.style.width=document.body.scrollWidth;
	jongbox1.style.height=document.body.scrollHeight;
}

//À̹ÌÁö Boxº¸¿©ÁÖ±â
function showImageJongBox(objImg, sizeOption)
{
	baseJongBox();
	createJongBox('image');
	
	var jongbox1 = document.getElementById('jongbox1');
	var jongbox3 = document.getElementById('jongbox3');
	var zoominoutid = document.getElementById('zoominoutid');
	var jongboximg = document.getElementById('jongboximg');
	
	var img = new Image();
	img.src = objImg.src;	

	jongbox1.style.display='';
	//â »çÀÌÁî¿¡ À̹ÌÁö ¸ÂÃß±â
	if(sizeOption == 1)
	{
		var x = document.body.clientWidth-17;
		var y = document.body.clientHeight;
		var z = 100;
		
		x = x*(y-z)/y;
		y = y - z

		if(img.width > x || img.height > y)
		{
			zoominoutid.innerHTML = "<a href=\"javascript:zoomJongBox('in');void(0);\"><img src=\'/lgcyon/images/btn/bt_la.gif\'><a>";
			imgResize(jongboximg, img.width, img.height, x, y);
		}		
	}
	
	jongboximg.src = objImg.src;
	jongboximg.alt = objImg.src;

	
	jongbox1.style.width=document.body.scrollWidth-17;
	jongbox1.style.height=document.body.scrollHeight;	

	moveJongBox(jongbox3, jongboximg.width, jongboximg.height);
	
	document.onmousedown=dragInit;
}

//¸Þ½ÃÁö Box º¸¿© ÁÖ±â
function showMessageJongBox(objId, msgBoxWidth, msgBoxHeight)
{
	baseJongBox();
	createJongBox('text', objId);

	var jongbox1 = document.getElementById('jongbox1');
	var jongbox3 = document.getElementById('jongbox3');

	jongbox1.style.display='';

	jongbox1.style.width=document.body.scrollWidth-17;
	jongbox1.style.height=document.body.scrollHeight;	

	moveJongBox(jongbox3, msgBoxWidth, msgBoxHeight);
}

//¸Þ½ÃÁö Box º¸¿© ÁÖ±â
function showMessageJongBox2(strInnerHTML, msgBoxWidth, msgBoxHeight)
{

	baseJongBox();
	createJongBox('only_text', strInnerHTML);
	
	var jongbox1 = document.getElementById("jongbox1");
	var jongbox3 = document.getElementById("jongbox3");
	
	jongbox1.style.display='block';

	jongbox1.style.width=document.body.scrollWidth-17;
	jongbox1.style.height=document.body.scrollHeight;	

	moveJongBox(jongbox3, msgBoxWidth, msgBoxHeight);
}

//¹Ú½º ¼û±â±â
function hideJongBox(jongboximg, viewType)
{
	var jongbox1 = document.getElementById('jongbox1');
	var jongbox3 = document.getElementById('jongbox3');
	jongbox1.style.display='none';
	jongbox3.innerHTML = "";
	
	window.onresize = null;
	window.onscroll = null;

}

function zoomJongBox(zoom)
{
	var jongbox3 = document.getElementById('jongbox3');
	var jongboximg = document.getElementById('jongboximg');
	var zoominoutid = document.getElementById('zoominoutid');
	
	if(zoom == 'in')
	{
		 var imgOriginal = new Image();
		 imgOriginal.src = jongboximg.src;
		 jongboximg.width=imgOriginal.width;
		 jongboximg.height=imgOriginal.height;
		 zoominoutid.innerHTML = "<a href=\"javascript:zoomJongBox('out');void(0);\"><img src=\'/lgcyon/images/btn/bt_sm.gif\'><a>";

	}else if(zoom == 'out')
	{		
		var x = document.body.clientWidth;
		var y = document.body.clientHeight;
		var z = 100;

		x = x*(y-z)/y;
		y = y -z

		var img = new Image();
		img.src = jongboximg.src;

		imgResize(jongboximg, img.width, img.height, x, y);
		zoominoutid.innerHTML = "<a href=\"javascript:zoomJongBox('in');void(0);\"><img src=\'/lgcyon/images/btn/bt_la.gif\'><a>";	

		resizeScrollJongBox();
	}	

	moveJongBox(jongbox3, jongboximg.width, jongboximg.height);
}

//À̹ÌÁö ¸®»çÀÌ¡ ÇÔ¼ö
function imgResize(imgObj, orgWidth, orgHeight, maxWidth, maxHeight)
{
	var thisWidth = orgWidth;
	var thisHeight = orgHeight;
	var flg;
	
	if(thisWidth  < maxWidth) maxWidth = thisWidth;
	if(thisHeight < maxHeight) maxHeight = thisHeight;

	if((thisWidth / maxWidth) > (thisHeight / maxHeight))
	{
		maxHeight = Math.round(thisHeight * (maxWidth / thisWidth));
	}else if((thisWidth / maxWidth) < (thisHeight / maxHeight))
	{
		maxWidth = Math.round(thisWidth * (maxHeight / thisHeight));
	}
	
	imgObj.width = maxWidth;
	imgObj.height = maxHeight;
}

function moveJongBox(obj, w, h)
{
	var mWidth = Math.round(w/2);
    var mHeight = Math.round(h/2);
	
	mWidth = Math.round(document.body.clientWidth/2 + document.body.scrollLeft - mWidth);
	mHeight = Math.round(document.body.clientHeight/2 + document.body.scrollTop - mHeight);

	if(mWidth <= 0) mWidth = 10;
	if(mHeight <= 0) mHeight = 10;

    obj.style.left = mWidth;
    obj.style.top = mHeight;
}

function dragJongBox(e)
{   
	var jongbox3 = document.getElementById('jongbox3');
	jongbox3.style.left = tempx+event.clientX-offsetx;
	jongbox3.style.top = tempy+event.clientY-offsety;
}

function eventWindowResize()
{
	//ºê¶ó¿ìÁ® ¸®»çÀÌ¡ À̺¥Æ®
	window.onresize = function(){    
		resizeJongBox();
		document.onmousemove=null;
	}
	
	//½ºÅ©·Ñ À̺¥Æ®
	window.onscroll = function(){
		resizeScrollJongBox();		
		document.onmousemove=null;
	}
}

//À̹ÌÁö ¹Ú½º µå·¡±×
var ddEnabled;
var offsetx;
var offsety;
var nowX;
var nowY;

//µå·¡±× ÃʱâÈ­
function dragInit(e)
{
	var jongbox3 = document.getElementById('jongbox3');
	if (jongbox3)
	{
		offsetx=event.clientX;
		offsety=event.clientY;
		nowX=parseInt(jongbox3.style.left);
		nowY=parseInt(jongbox3.style.top);
		ddEnabled=true;
		document.onmousemove=drag;
	}
}

//µå·¡±×
function drag(e)
{
	var jongbox3 = document.getElementById('jongbox3');
	jongbox3.style.left=nowX+event.clientX-offsetx;
	jongbox3.style.top=nowY+event.clientY-offsety;
	return false;
}

//µå·¡±× ÇØÁ¦
document.onmouseup=function()
{
	var jongbox3 = document.getElementById('jongbox3');
	if(jongbox3)
	{
		document.onmousemove=null;
	}
}