
menuStyle = ''
	+ '<style>'
	+ '.noLine { text-decoration:none; font-weight:bold; color:white}'
	+ '#M1, #M2, #M3, #M4, #M5 { ' 	
	+ '#M1 {width:114px; left:248px;}'
	+ '#M2 {width:114px; left:362px;}'
	+ '#M3 {width:114px; left:476px;}'
	+ '#M4 {width:114px; left:590px;}'
	+ '#M5 {width:114px; left:704px;}'
	
	+ '#S1, #S2, #S3, #S4, #S5 { ' 
		+ 'position:absolute; width:150; height:100; top:136; visibility:hidden; border:0px; '
		+ 'background-color: #f34314; font-size: 9pt; color:white;line-height:13pt; padding:10px; }'
	+ '#S1 {width:150; left:248px;}'
	+ '#S2 {width:150; left:362px;}'
	+ '#S3 {width:150; left:479px;}'
	+ '#S4 {width:150; left:597px;}'
	+ '#S5 {width:150; left:715px;}'
	+ '</style>';

menuLayout = '<table width="570"><tr>'
	+ '<td id=M1 width="114"><img src="images/menu_1.gif"></td>' 
	+ '<td id=M2 width="114"><img src="images/menu_2.gif"></td>'
	+ '<td id=M3 width="114"><img src="images/menu_3.gif"></td>'
	+ '<td id=M4 width="114"><img src="images/menu_4.gif"></td>'
	+ '<td id=M5 width="114"><img src="images/menu_5.gif"></td></tr></table>';

subMenuLayout = '<table><tr>'
+ '<td valign="top" id=S1>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="about.htm">À¯ÇÐ¿ø¼Ò°³</a><br>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="total.htm">Total Care System</a><br>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="jei.htm">JEIÀç´É±³À°</a><br>'
+ '</td>'
+ '<td valign="top" id=S2>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="saint.htm">¼¼ÀÎÆ®Ä³´õ¸°</a><br>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="niagara.htm">³ªÀÌ¾Æ°¡¶ó</a><br>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="choice.htm">À¯ÇÐÃÖÀûÁöÀÎ ÀÌÀ¯</a><br>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="link.htm">°ü·Ã¸µÅ©</a><br>'
+ '</td>'
+ '<td valign="top" id=S3>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="system.htm">Ä³³ª´ÙÀÇ ±³À°Á¦µµ</a><br>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="longterm.htm">Àå´Ü±â¿¬¼ö</a><br>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="summer.htm">¿©¸§¿µ¾îÄ·ÇÁ</a><br>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="wincamp.htm">°Ü¿ï¿µ¾îÄ·ÇÁ</a><br>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="GUARDIAN.htm">°¡µð¾ÈÀÌ¶õ</a><br>'

+ '</td>'
+ '<td valign="top" id=S4>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="procedure.htm">¼ö¼ÓÀýÂ÷</a><br>'
		+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="visa.htm">ºñÀÚ¾È³»</a><br>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="application.htm">Á¢¼ö¾ç½Ä´Ù¿î·Îµå</a><br>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="qna.htm">¹¯°í ´äÇÏ±â</a><br>'
+ '</td>'
+ '<td valign="top" id=S5>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="procedure.htm">¾ÆÀÌµéÀÏ±â</a><br>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="online.htm">»ýÈ°±â·ÏºÎ</a><br>'
	+ '<a class=noLine onmouseover="this.style.color=\'#333333\'" onmouseout="this.style.color=\'white\'" href="qna.htm">4UÀåÅÍ</a><br>'
+ '</td></tr></table>';

function menuOver() {
 	if( this.son != subLayerOn && subLayerOn) subLayerOn.style.visibility="hidden" 
	this.style.color = "#000000"
	this.son.style.visibility="visible"
}
function menuOut() { 
	subLayerOn = this.son; 
	this.style.color = "#333333"
}
function subOn() {
	clearTimeout(sub_ID)
}
function subOut() {
	sub_ID = setTimeout("subLayerOn.style.visibility='hidden'", 1)
}
function displayMenu() {
	if(!document.all) return
	var menuLayer, subLayer
	var firstPos = 0 
	for(var i=1; i<6; i++) {
		menuLayer = document.all["M"+i]
		subLayer = document.all["S"+i]
			
		menuLayer.onmouseover=menuOver
		menuLayer.onmouseout=menuOut
		menuLayer.son=subLayer
		
		subLayer.onmouseover = subOn
		subLayer.onmouseout = subOut 

		menuLayer.style.pixelLeft = firstPos
		menuLayer.style.pixelTop = document.body.scrollTop
		firstPos += menuLayer.offsetWidth
		
		subLayer.style.pixeltop = menuLayer.style.pixeltop + menuLayer.offsetHeight -1
		subLayer.style.pixelleft = menuLayer.style.pixelleft 
	}
}
function fixMenu() {
	var menuLayer, subLayer
	var topPos = document.body.scrollTop
	for(var i=1; i<6; i++) {
		menuLayer = document.all["M"+i]
		subLayer = document.all["S"+i]
		
		menuLayer.style.pixelTop = topPos
		subLayer.style.pixelTop = topPos + menuLayer.offsetwidth
	}
}
subLayerOn=sub_ID=null
document.write(menuStyle)
document.write(menuLayout)
document.write(subMenuLayout)
displayMenu()

'window.onscroll = fixMenu '
