var nowSelDiv = "-1";
var subMenuMaxWidth = 0;

function initMenu(parentMenuNo,mode){
/*	selDiv = document.getElementById("sub"+parentMenuNo);
	
	if(mode=="LENGTH")
		rolloverSubMenu_length(menuObj,event);
	else if(mode=="C")
		rolloverSubMenu_C(menuObj,event);
	else
		rolloverSubMenu_width(menuObj,event);*/
}

function rolloverMenu(menuObj,menuName,event,mode){
	rolloverDesign(menuObj,menuName);
	
	if(mode=="LENGTH")
		rolloverSubMenu_length(menuObj,event);
	else if(mode=="C")
		rolloverSubMenu_C(menuObj,event);
	else
		rolloverSubMenu_width(menuObj,event);
}

function rolloutMenu(menuObj,menuName){
	rolloutDesign(menuObj,menuName);
}
function rolloverDesign(menuObj,menuName,menu_type){
	
	if(menu_type=="") menu_type="main";

	if( menu_type=="TOP"){	
		menu_display = "inline";
	}else menu_display = "block";
	
	if(menuObj.parentNode.parentNode!=""&&menu_type=="TOP"){
		
	/*	menuDiv = menuObj.parentNode.parentNode;			

		var subMenuCnt = menuDiv.childNodes.length;
		var subOffsetWidth = 0;
		
		for(i = 0; i < subMenuCnt; i++)
		{
			menuDiv.childNodes[i].style.border = 0;
		}*/
	}

	if(menuObj.firstChild.nodeName =="IMG"){
		menuObj.firstChild.style.display = "none";
		menuObj.firstChild.style.width = 0;
	}
	else if(menuObj.firstChild.nodeName=="#text"){
		menuObj.firstChild.nodeValue= "";
	}
	if(menuObj.firstChild.nextSibling==null){
		newText = document.createTextNode(menuName);	
		menuObj.appendChild(newText);
		return;
	}	
	else if(menuObj.firstChild.nextSibling.nodeName=="IMG"){
		menuObj.firstChild.nextSibling.style.display = menu_display;
		menuObj.firstChild.nextSibling.style.width = "";
	}
	else if(menuObj.firstChild.nextSibling.nodeName=="#text"){
		menuObj.firstChild.nextSibling.nodeValue= menuName;
	}
	
}
function rolloutDesign(menuObj,menuName,menu_type){
	
	if(menuObj.firstChild.nextSibling==null)
		return;

	if(menu_type=="") menu_type="main";

	if( menu_type=="TOP"){	
		menu_display = "inline";
	}else menu_display = "block";


	if(menuObj.firstChild.nextSibling.nodeName =="IMG"){
		menuObj.firstChild.nextSibling.style.display = "none";
		menuObj.firstChild.nextSibling.style.width = 0;
	}

	if(menuObj.firstChild.nextSibling.nodeName =="#text"){
		menuObj.firstChild.nextSibling.nodeValue="";
	}
	if(menuObj.firstChild.nodeName =="#text"){			
		menuObj.firstChild.nodeValue = menuName;
	}

	if(menuObj.firstChild.nodeName =="IMG"){			
		menuObj.firstChild.style.display = menu_display;
		menuObj.firstChild.style.width = "";
	}
}

// ¼­ºê¸Þ´º°¡ ºñ¾úÀ»¶§
function rolloverSubMenu_width(menuObj,event){

	if(nowSelDiv!="-1"&&nowSelDiv!=null)
		nowSelDiv.style.display = "none";

	selDiv = document.getElementById("sub"+menuObj.parentNode.id);	
	if(selDiv==null) return false;

	selDiv.style.display = "";
	nowSelDiv = selDiv;	
	selstyle = findStyle("DIV.WIDTH_ROLL");
	

	
	var MaxWidth = parseInt(selstyle.width);
	var middleWidth = parseInt(MaxWidth/2);
	var paddingValue = 0;
	
	var subMenuCnt = selDiv.childNodes.length;
	var subOffsetWidth = 0;
	selDiv.style.paddingLeft = 0;
	
	for(i = 0; i < subMenuCnt; i++)
	{
		subOffsetWidth += selDiv.childNodes[i].offsetWidth;
	}
	var subOffsetWidthHalf = parseInt(subOffsetWidth / 2);
	
	if(event.srcElement.nodeName=="A"&&event.srcElement.parentNode.offsetLeft)	
	{			
		paddingValue = event.srcElement.parentNode.offsetLeft;
	}	
	else if(event.srcElement.nodeName=="IMG"&&event.srcElement.parentNode.parentNode.offsetLeft)
	{	
		paddingValue = event.srcElement.parentNode.parentNode.offsetLeft;
	}

	if(event.srcElement.nodeName=="A"&&event.srcElement.parentNode.offsetLeft)			
		paddingValue = event.srcElement.parentNode.offsetLeft;
	else if(event.srcElement.nodeName=="IMG"&&event.srcElement.parentNode.parentNode.offsetLeft)
		paddingValue = event.srcElement.parentNode.parentNode.offsetLeft;

	if(!selDiv.previousSibling || selDiv.previousSibling.nodeType != 1 || selDiv.previousSibling.tagName != 'DIV')
	{
		if(event.srcElement.nodeName=="A"&&event.srcElement.parentNode.offsetLeft)	
			paddingValue = event.srcElement.parentNode.offsetLeft;
		else if(event.srcElement.nodeName=="IMG"&&event.srcElement.parentNode.parentNode.offsetLeft)
			paddingValue = event.srcElement.parentNode.parentNode.offsetLeft;
	}
	else if(!selDiv.nextSibling || selDiv.nextSibling.nodeType != 1 || selDiv.nextSibling.tagName != 'DIV')
	{
		selDiv.style.paddingLeft = 0 + 'px';
		selDiv.style.textAlign = 'right';
		selDiv.style.paddingRight = 0 + 'px';
		return;
	}	
	else if(selDiv.previousSibling && selDiv.nextSibling)
	{
		paddingValue += parseInt(event.srcElement.parentNode.offsetWidth / 2);
		paddingValue -= subOffsetWidthHalf;

		if(paddingValue < 0)
		{
			paddingValue = 0;
		}
		else if(paddingValue + subOffsetWidthHalf > selDiv.offsetWidth)
		{
			paddingValue -= paddingValue + subOffsetWidthHalf - selDiv.offsetWidth + selDiv.offsetLeft;
		}
	}
	
	if(!paddingValue && paddingValue < 0) paddingValue = 1;
	
	var overCheck = subOffsetWidth+paddingValue;
	if(overCheck>MaxWidth){
		var paddingRight = overCheck-MaxWidth;

		if((paddingRight+subOffsetWidth)>MaxWidth)
			paddingRight = 0;
		
		selDiv.style.paddingLeft = 0;
		selDiv.style.textAlign='right';

		selDiv.style.paddingRight = paddingRight;	
		
	}
	else{
		selDiv.style.paddingLeft = paddingValue + 'px';
		selDiv.style.textAlign='left';
		selDiv.style.paddingRight = 0;	
	}
}

function rolloutSubMenu(divObj){
	divObj.style.display = "none";
}

function rolloverSubMenu_length(menuObj,event)
{
	objTopvalue = document.getElementById('topValue');
	objMenuStyle = document.getElementById('menuStyleType');

	if(objMenuStyle!=null)
		MenuStyleType = objMenuStyle.value;
	else
		MenuStyleType = "basic";

	var topValue = 80;
	
	if(objTopvalue!=null)
		topValue=objTopvalue.value;

	if(nowSelDiv!="-1"&&nowSelDiv!=null)
		nowSelDiv.style.display = "none";

	selDiv = document.getElementById("sub"+menuObj.parentNode.id);		
	tempselDiv = document.getElementById("LENGTH_MAIN");	
//	if(selDiv==null || tempselDiv==null) return false;

	var subMenuCnt = selDiv.childNodes.length;	
	if(subMenuCnt == 0) return;
	
	selDiv.style.display = "block";
	nowSelDiv = selDiv;	

	if(MenuStyleType!="noborder"){	
		selDiv.style.textAlign='left';
		selDiv.style.border = "1px solid #666666";
		selDiv.style.padding = "3px 0px 3px 0px";	
		selDiv.style.backgroundColor = "#ffffff";
		selDiv.style.zIndex = "100";
		//selDiv.style.filter = "progid:DXImageTransform.Microsoft.Alpha(Opacity=50, FinishOpacity=40, Style=2, StartX=60,  FinishX=40, StartY=50, FinishY=20)";	
		selDiv.style.filter = "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
		var subOffsetHeight = 0;
		var maxOffsetWidth = selDiv.childNodes[0].offsetWidth;
		
		for(var i = 0; i < subMenuCnt; i++)
		{
			subOffsetHeight += selDiv.childNodes[i].offsetHeight;
			selDiv.childNodes[i].style.lineHeight = "175%";
			selDiv.childNodes[i].style.color = "#555555";
			if(selDiv.childNodes[i].offsetWidth > maxOffsetWidth)
				maxOffsetWidth = selDiv.childNodes[i].offsetWidth;
		}
	}
	var subOffsetHeightHalf = parseInt(subOffsetHeight / 2);
	
	var parentDiv = tempselDiv;	
	var parentDivCnt = parentDiv.childNodes.length;
	var parentDivHeight = 0;
	
	if(parentDivCnt > 0)
	{
		if(parentDiv.childNodes[0].firstChild)
		{
			var eventParentWidth = parentDiv.childNodes[0].firstChild.offsetWidth;
			
			for(i = 0; i < parentDivCnt; i++)
			{
				if(eventParentWidth < parentDiv.childNodes[i].firstChild.offsetWidth)
					eventParentWidth = parentDiv.childNodes[i].firstChild.offsetWidth;
			}
		}
	}
	
	// ¸®½ºÆ® ½ºÅ¸ÀÏÀÌ background image ·Î ÁöÁ¤µÈ °æ¿ì
	var rls,rlsCnt = 0;
	var thisStyle;
	var sss = "#LENGTH_MAIN LI";
	var addWidth = 0;
	
	for(var i = 0; i < document.styleSheets[0].imports.length; i++)
	{
		rls = document.styleSheets[0].imports.item(i).rules;
		rlsCnt = rls.length;
			
		for(var j = 0; j < rlsCnt; j++)
		{
			if(rls[j].selectorText != sss) continue;

			thisStyle = rls[j];
			break;
		}
		
		if(thisStyle) break;
	}
	
	if(thisStyle)
	{
		// 12 : fontWidth
		if(thisStyle.style.paddingLeft.match('em'))
			addWidth = parseInt(thisStyle.style.paddingLeft) * 12 + 5;
		else
			addWidth = parseInt(thisStyle.style.paddingLeft);
	}
	
	if(!addWidth) addWidth = 0;
	if(!eventParentWidth) eventParentWidth = 0;
	if(!subOffsetHeightHalf) subOffsetHeightHalf = 0;
	
	//alert(event.x +" ! "+ addWidth +" ! " +eventParentWidth +" ! "+ event.offsetX);
	selDiv.style.top  = event.y  - event.offsetY - subOffsetHeightHalf + 'px';
	selDiv.style.left = event.x + addWidth + eventParentWidth - event.offsetX + 'px';
	
	//alert(event.x + ' ' + addWidth + ' ' + eventParentWidth + ' ' + event.offsetX + ' ' + selDiv.style.left);
	
	if(parseInt(selDiv.style.left) < 100)
		selDiv.style.left = 122 + 'px';
}

function rolloverSubMenu_C(menuObj,event){

	if(nowSelDiv!="-1"&&nowSelDiv!=null)
		nowSelDiv.style.display = "none";

	selDiv = document.getElementById("sub"+menuObj.parentNode.id);	
	tempselDiv = document.getElementById("LENGTH_MAIN");	
	
//	if(selDiv==null || tempselDiv==null) return false;

	if(selDiv.firstChild==null) 
		selDiv.style.display = "none";
	
	else 
		selDiv.style.display = "";
		

	nowSelDiv = selDiv;	
}

function findStyle(styleObj)
{
	var css = document.styleSheets[0].imports;//½ºÅ¸ÀÏ ½¬Æ® ÄÃ·º¼Ç
	var s;
	var rule = null;//·êÄÃ·º¼Ç
	var style= null;//½ºÅ¸ÀÏÄÃ·º¼Ç
	label1:
		for(var j=0;j<css.length;j++)
		{
		
			rule = css[j].rules;//j¹øÂ° ½ºÅ¸ÀÏ ÅÂ±×ÀÇ ·ê ÄÃ·º¼Ç 
			for(var i=0;i<rule.length;i++)//·ê ÄÃ·º¼ÇÀÇ ¼¿·ºÅÍ¼ö¸¸Å­ ¹Ýº¹
			{	
				if(rule.item(i).selectorText == styleObj){
					style=rule.item(i).style;
					break label1;
				}
			}
		}
	return style;
}
function checkbanner(obj){
	obj.style.display = "none";
}

function menuimageLoaded(selDivId,count)
{
	selDiv =  document.getElementById(selDivId);
	lastsub = document.getElementById("last"+selDivId);
	if(!selDiv) return;

	selObj = selDiv.firstChild;

	if(count<1) {
		selDiv.firstChild.style.display = "none";
		lastsub.style.display = "none";
	}
	else{
		selDiv.firstChild.style.display = "";
		lastsub.style.display = "";
	}
}

