/* ¹è¿­¿¡ ¸Þ´º ³Ö±â
------------------------------------------------------------------------------------------------------*/
var _1nd_list = new Array ("none", "My page","Shopping Cart","Help Dask","Member");

//My page
var _2nd_1_list = new Array ("MY ¼îÇÎÁ¤º¸","MY ÄíÆù","MY ÄÁÅÙÃ÷","MY Á¤º¸","MY °í°´¼¾ÅÍ");
//Shopping Cart
var _2nd_2_list = new Array ("¼­ºñ½º ¾È³»","ÀÌ¿ë¾È³»");
//Help Dask
var _2nd_3_list = new Array ("¼­ºñ½º ¾È³»","ÀÌ¿ë¾È³»","¸Þ´º¾È³»","ABOUT HAUOLIN","ÀÚÁÖ¹¯´Â Áú¹® FAQ");
//Member
var _2nd_4_list = new Array ("MEMBER","¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â");
//Company
//var _2nd_5_list = new Array ("Company Info","For Us Vendors","Hauolin Identity","AD");
var _2nd_5_list = new Array ("Company Info","For Us Vendors","Hauolin Identity");

var _2link_1 = new Array ("#","/HauOlinCustomerWishList-Start","/HauOlinCustomerCouponList-Start","/HauOlinMyPageReview-Start","/HauOlinCustomerInfoUpdate-Start","http://www.hauolin.com/enomixw542/hauolin/faq/faqMain.jsp");//My page
var _2link_2 = new Array ("#","/HauOlinPageView-Start?PageName=hauolin/help/ServiceAboard.icm","/HauOlinPageView-Start?PageName=hauolin/help/UseAboard.icm");//Shopping Cart
var _2link_3 = new Array ("#","/HauOlinPageView-Start?PageName=hauolin/help/ServiceAboard.icm","/HauOlinPageView-Start?PageName=hauolin/help/UseAboard.icm","/HauOlinPageView-Start?PageName=hauolin/help/InformMagz.icm","/HauOlinPageView-Start?PageName=hauolin/company/Main.icm","/HauOlinPageView-Start?PageName=hauolin/common/Enomix.icm&gb=FAQ");//Help Dask
var _2link_4 = new Array ("#","/HauOlinCustomerRealCheck-Start","/HauOlinCustomerIDPassSearch-ID");//Member
var _2link_5 = new Array ("#","/HauOlinPageView-Start?PageName=hauolin/company/Main.icm","/HauOlinPageView-Start?PageName=hauolin/company/Vendors.icm","/HauOlinPageView-Start?PageName=hauolin/company/Identity.icm","/HauOlinPageView-Start?PageName=hauolin/company/Ad_List.icm");//Company
 
//My page
var _3nd_1_0 = new Array ("none");
var _3nd_1_1 = new Array ("Wish List","i-capsule","ÁÖ¹®¹è¼ÛÁ¶È¸","Ãë¼Ò/¹ÝÇ°/±³È¯ ½Åû","Ãë¼Ò/¹ÝÇ°/±³È¯ Á¶È¸","¼¼±Ý°è»ê¼­,¿µ¼öÁõ Á¶È¸/¹ß±Þ");//MY ¼îÇÎÁ¤º¸
var _3nd_1_2 = new Array ("ÄíÆù Á¶È¸","ÄíÆù µî·Ï");//MY ÄíÆù
var _3nd_1_3 = new Array ("³ªÀÇ »óÇ°Æò","³ªÀÇ °í°´¼¾ÅÍ","³ªÀÇ »óÇ°QNA");//MY ÄÁÅÙÃ÷
var _3nd_1_4 = new Array ("±âº»Á¤º¸","¹è¼ÛÁöÁ¤º¸","ȸ¿ø Å»Åð");//MY Á¤º¸
var _3nd_1_5 = new Array ("FAQ","Q&A »ó´ã","SMS »ó´ã","CHATTING »ó´ã");//MY °í°´¼¾ÅÍ

var _3link_1_1 = new Array ("#","/HauOlinCustomerWishList-Start","/HauOlinCapsule-Start","/HauOlinCustomerMyAccount-All","/HauOlinMyPage-CRE","/HauOlinMyPageCREInquiry?Flag=00","/HauOlinTaxReceipt-List");//MY ¼îÇÎÁ¤º¸
var _3link_1_2 = new Array ("#","/HauOlinCustomerCouponList-Start","/HauOlinCustomerCouponList-PopList");//MY ÄíÆù
var _3link_1_3 = new Array ("#","/HauOlinMyPageReview-Start","/HauOlinPageView-Start?PageName=hauolin/common/Enomix.icm&gb=MY","/HauOlinMyPageProductQnA-Start");//MY ÄÁÅÙÃ÷
var _3link_1_4 = new Array ("#","/HauOlinCustomerInfoUpdate-Start","/HauOlinCustomerMyAddress-Start","/HauOlinCustomerSecede-Start");//MY Á¤º¸
var _3link_1_5 = new Array ("#","http://www.hauolin.com/enomixw542/hauolin/faq/faqMain.jsp","http://www.hauolin.com/enomixw542/hauolin/mail/exMailBoard.jsp","http://www.hauolin.com/enomixw542/hauolin/mobile/exMobileQuestion.jsp","chatting");//MY °í°´¼¾ÅÍ

//Shopping Cart
var _3nd_2_0 = new Array ("none");
var _3nd_2_1 = new Array ("none");
var _3nd_2_2 = new Array ("none");

//Help Dask
var _3nd_3_0 = new Array ("none");
var _3nd_3_1 = new Array ("ÇؿܼîÇÎ","±¹³»¼îÇÎ","°ü·Ã¹ý±Ô");//¼­ºñ½º ¾È³»
var _3nd_3_2 = new Array ("ÇؿܼîÇÎ","±¹³»¼îÇÎ","ȸ¿ø°¡ÀÔ/ÇØÁö");//ÀÌ¿ë¾È³»
var _3nd_3_3 = new Array ("In Magazine","In club","i-capsule");//¸Þ´º¾È³»
var _3nd_3_4 = new Array ("none");//ABOUT HAUOLIN
var _3nd_3_5 = new Array ("ȸ¿ø°¡ÀÔ ¹× Á¤º¸","ÇؿܼîÇÎ","±¹³»¼îÇÎ","±âŸ");//ÀÚÁÖ¹¯´Â Áú¹® FAQ

var _3link_3_1 = new Array ("#","/HauOlinPageView-Start?PageName=hauolin/help/ServiceAboard.icm","/HauOlinPageView-Start?PageName=hauolin/help/ServiceCountry.icm","/HauOlinPageView-Start?PageName=hauolin/help/ServiceLaw.icm");//¼­ºñ½º ¾È³»
var _3link_3_2 = new Array ("#","/HauOlinPageView-Start?PageName=hauolin/help/UseAboard.icm","/HauOlinPageView-Start?PageName=hauolin/help/UseCountry.icm","/HauOlinPageView-Start?PageName=hauolin/help/UseMember.icm");//ÀÌ¿ë¾È³»
var _3link_3_3 = new Array ("#","/HauOlinPageView-Start?PageName=hauolin/help/InformMagz.icm","/HauOlinPageView-Start?PageName=hauolin/help/InformInclub.icm","/HauOlinPageView-Start?PageName=hauolin/help/InformIcap.icm");//¸Þ´º¾È³»
var _3link_3_5= new Array ("#","/HauOlinPageView-Start?PageName=hauolin/common/Enomix.icm&gb=FAQ1","/HauOlinPageView-Start?PageName=hauolin/common/Enomix.icm&gb=FAQ2","/HauOlinPageView-Start?PageName=hauolin/common/Enomix.icm&gb=FAQ1","/HauOlinPageView-Start?PageName=hauolin/common/Enomix.icm&gb=FAQ");//ÀÚÁÖ¹¯´Â Áú¹® FAQ
 
//Member
var _3nd_4_0 = new Array ("none");
var _3nd_4_1 = new Array ("none");
var _3nd_4_2 = new Array ("none");

//Company
var _3nd_5_0 = new Array ("none");
var _3nd_5_1 = new Array ("none");
var _3nd_5_2 = new Array ("none");
var _3nd_5_3 = new Array ("none");
var _3nd_5_4 = new Array ("none");


/* ÇØ´çÆäÀÌÁö·Î À̵¿
------------------------------------------------------------------------------------------------------*/
function go_menu(depth1, depth2, depth3) //(ù¹ø°¸Þ´º, µÎ¹ø°¸Þ´º, ¼¼¹ø°¸Þ´º) - ÁÂÃø ¸Þ´º¿¡¼­ Ŭ¸¯ÇÒ °æ¿ì
{
	//alert(depth1="/"+depth2+"/"+depth3);
	if (depth3 != 0)
	{
		var array_go = eval("_3link_"+depth1+"_"+depth2);
		var url_name = array_go[depth3];
	}
	else
	{
		var array_go = eval("_2link_"+depth1);
		var url_name = array_go[depth2];
	}

	if (depth1 == 1 && depth2 == 2 && depth3 == 2) //ÄíÆùµî·ÏÀÇ °æ¿ì (Æ˾÷)
	{
		var pop_return = window.open("http://www.hauolin.com/CSH/handler/wizwid/kr/HauOlinCustomerCouponInsert-Start", "popCoupon", "width=750,height=667, resizeble=no, scrollbars=no, top=30,left=30");	
		return false;	pop_coupon.focus();	
	}
	else
	{
		if(url_name == "chatting")
			alert("¼­ºñ½º ÁغñÁßÀÔ´Ï´Ù");
		else if(url_name.indexOf("enomixw542") >= 0)
		{
			window.location.href = url_name ;
		}
		else
			window.location.href = "http://www.hauolin.com/CSH/handler/wizwid/kr"+url_name ;
	}	
}

function go_menu2(depth1, depth2, depth3) //(ù¹ø°¸Þ´º, µÎ¹ø°¸Þ´º, ¼¼¹ø°¸Þ´º) - »ó´Ü ¼¿·ºÆ® ¸Þ´º¿¡¼­ onchange ÇÒ °æ¿ì
{
	if (depth3 != 0)
	{
		var menu_num = document.getElementById("select_3").options[document.getElementById("select_3").selectedIndex].value;
		var array_go = eval("_3link_"+depth1+"_"+depth2);
		var url_name = array_go[menu_num];
	}
	else
	{
		var menu_num = document.getElementById("select_2").options[document.getElementById("select_2").selectedIndex].value;
		var array_go = eval("_2link_"+depth1);
		var url_name = array_go[menu_num];
	}

	window.location.href = "http://www.hauolin.com/CSH/handler/wizwid/kr"+url_name ;
}


/* ÁÂÃø ¸Þ´º
------------------------------------------------------------------------------------------------------*/

function left_menu (depth1, depth2, depth3) //(ù¹ø°¸Þ´º, µÎ¹ø°¸Þ´º, ¼¼¹ø°¸Þ´º)
{

	/* µÎ¹ø° ¸Þ´ºÀÇ ¼ö
	------------------------------------------------------------------------------------------------------*/
	var menu_num;
	if (depth1 == 1)	{menu_num = _2nd_1_list.length;} 
	if (depth1 == 2)	{menu_num = _2nd_2_list.length;}
	if (depth1 == 3)	{menu_num = _2nd_3_list.length;}
	if (depth1 == 4)	{menu_num = _2nd_4_list.length;}
	if (depth1 == 5)	{menu_num = _2nd_5_list.length;}

	/* ¸Þ´ººÒ·¯¿À±â
	------------------------------------------------------------------------------------------------------*/
	var menu_list = "<img src='http://img.wizwid.com/HauOlin/images/menu/logo_"+depth1+".gif'>";
	
	for (var i=1; i<=menu_num; i++)
	{		
		if (depth2 == i) // 2depth¸¦ ¼±ÅÃÇßÀ»°æ¿ì
		{
			menu_list = menu_list + "<a href='#' onclick='go_menu("+ depth1 +","+ i +",0)'><img src='http://img.wizwid.com/HauOlin/images/menu/sub"+depth1+"_"+i+".gif'></a><br>"; //
		}

		else //
		{
			menu_list = menu_list + "<a href='#' onclick='go_menu("+ depth1 +","+ i +",0)'><img src='http://img.wizwid.com/HauOlin/images/menu/sub"+depth1+"_"+i+"_off.gif' onMouseover='view_layer("+ depth1 +","+ i +","+ depth2 +","+ depth3 +"); imgOver(this)' onMouseout='menu_hide(); imgOut(this)'></a><br>"; //offÀ̹ÌÁö
		}

		/* ¼¼¹ø° ¸Þ´º
		------------------------------------------------------------------------------------------------------*/

		var array_name = eval("_3nd_"+depth1+"_"+i);
		
		if (array_name[0] != "none") // ¼±ÅÃÇÑ 2depthÀÇ ¸Þ´º¿¡ 3depth°¡ ÀÖ´Ù¸é
		{
			var view_menu3 = "";
			var menu3_strt = "<span class='3depth_style' id='menu1_"+i+"' style='display:none;'>";

			if (depth2 == i)
			{	
				menu3_strt = "<span class='3depth_style' id='menu1_"+i+"' style='display:block;'>"
			}
			var array_name = eval("_3nd_"+depth1+"_"+i);
			
			for (var j=0; j<array_name.length; j++)
			{
				var array_txt = array_name[j];
				var menu3_num = j + 1;
				if (menu3_num == depth3) // 3depthÀÇ ¸Þ´ºÀÎ »óŶó¸é
				{
					view_menu3 = view_menu3 +"<font id='menu1_2_"+menu3_num+"' style='color:#5C5C5C'><a href='#' onclick='go_menu("+ depth1 +","+ i +","+ menu3_num +")'><b>"+ array_txt +"</b></a></font><br>";
				}
				else
				{
					view_menu3 = view_menu3 +"<font id='menu1_2_"+menu3_num+"'><a href='#' onclick='go_menu("+ depth1 +","+ i +","+ menu3_num +")' class='link_black2'>"+ array_txt +"</a></font><br>";
				}
			}

			view_menu3 =  menu3_strt + view_menu3 + "</span>";
			menu_list = menu_list + view_menu3;
		}	
		/*------------------------------------------------------------------------------------------------------*/
	}

	document.write(menu_list);

}

/* ÁÂÃø 3depth ·¹ÀÌ¾î º¸¿©ÁÖ±â
------------------------------------------------------------------------------------------------------*/

function view_layer(depth1, viewnum, depth2, depth3)
{
	var layout_1 = "<table cellpadding='0' cellspacing='0' border='0' onMouseout='menu_hide(); return false;' onMouseover='menu_view(); return false;'><tr><td valign='top' width='4'><img src='http://img.wizwid.com/HauOlin/images/icon/layer_arr.gif' style='margin-top:13px;'></td><td valign='top' class='menu_layer2'><div class='menu_layer3'><div class='menu_layer4'><div><span style='line-height:190%;'>";
	var layout_2 = "</span></div></div></div></td></tr></table>";
	var layer_3depth = "";
	var arr_name = eval("_3nd_"+depth1+"_"+viewnum);
	var arr_temp = eval("_3nd_"+depth1+"_"+depth2);
	var y_code = 0;

	var plus_n1 = "";
	var plus_n2 = "";

	if (depth1 == 1 && depth2 == 1) // ¸Þ´ºº° ·¹À̾îÀÇ ³ôÀÌ Á¶Àý (MypageÀÇ My ¼îÇÎÁ¤º¸ÀÇ °æ¿ì - ·Î°íÀ̹ÌÁöÀÇ ³ôÀÌ Â÷ÀÌ)
	{
		plus_n1 = 8; plus_n2 = 8;
	}
	if (depth1 == 1 && depth2 == 1 && depth3 == 7) // ¸Þ´ºº° ·¹À̾îÀÇ ³ôÀÌ Á¶Àý (MypageÀÇ My ¼îÇÎÁ¤º¸ ¼¼±Ý°è»ê¼­ÀÇ °æ¿ì - µÎÁÙ·Î ´Ã¾î³²)
	{
		plus_n1 = 27; plus_n2 = 8;
	}
	if (depth1 == 3) // ¸Þ´ºº° ·¹À̾îÀÇ ³ôÀÌ Á¶Àý (ÇïÇÁµ¥½ºÆ®ÀÇ °æ¿ì - ·Î°íÀ̹ÌÁöÀÇ ³ôÀÌ Â÷ÀÌ)
	{
		plus_n1 = 37; plus_n2 = 37;
	}

	if (arr_temp[0] != "none" && viewnum > depth2) // ·¹À̾îÀÇ ³ôÀÌ ¼³Á¤ - Áß°£¿¡ 3depthÀÇ ¸Þ´º°¡ ÀÖ´Â °æ¿ì
	{
		y_code =  170 + (24 * viewnum) + (arr_temp.length*19) + plus_n1;
	}
	else // Áß°£¿¡ 3depthÀÇ ¸Þ´º°¡ ¾ø´Â °æ¿ì
	{
		y_code =  159 + (24 * viewnum) + plus_n2;
	}

	if (arr_name[0] == "none" || (viewnum == depth2 && arr_temp[0] != "none")) // ·¹À̾ ¾Èº¸¿©ÁÖ´Â °æ¿ì - 3depth°¡ ¾ø°Å³ª ÆîÃÄÁ® ÀÖ´Â »óÅÂ
	{
		document.getElementById("3depth_layer").style.display = "none";
	}
	else
	{
		for (var i=0; i<arr_name.length; i++)
		{
			var array_txt = arr_name[i];
			var menu3_num = i + 1;
			layer_3depth = layer_3depth + "<a href='#' onclick='go_menu("+ depth1 +","+ viewnum +","+ menu3_num +")' class='link_blue3'>" + array_txt + "</a><br>";
		}
		layer_3depth = layout_1 + layer_3depth + layout_2;
		document.getElementById("3depth_layer").innerHTML = layer_3depth;
		document.getElementById("3depth_layer").style.display = "block";

		//var y_temp = event.clientY;
		//var y_code = document.body.scrollTop + y_temp -14;

		//alert( document.body.clientHeight );
		//alert( document.body.clientWidth/2 - 150 );

		
		var y_temp = document.body.clientWidth/2 - 300;

		if( y_temp < 100 )
			y_temp = 140;

		document.getElementById("3depth_layer").style.left = y_temp;
		document.getElementById("3depth_layer").style.top = y_code;
	}
}

/* »ó´Ü select ³×ºñ º¸¿©ÁÖ±â
------------------------------------------------------------------------------------------------------*/

function select_navi(depth1, depth2, depth3)
{
	var array_name_1 = eval("_1nd_list");
	var array_name_2 = eval("_2nd_"+depth1+"_list");
	var array_name_3 = eval("_3nd_"+depth1+"_"+depth2);
	var araay_1 = "";
	var araay_2 = "";
	var araay_3 = "";
	var selectNavi = "";

	var array_txt1 = array_name_1[depth1];

	for (var i=0; i<array_name_2.length; i++) //2depth select ¸®½ºÆ®
	{
		var array_txt2 = array_name_2[i];
		var menu2_num = i + 1;
		if (menu2_num == depth2)
		{araay_2 = araay_2 + "<option value='"+menu2_num+"' selected>"+ array_txt2 +"</option>";}
		else
		{araay_2 = araay_2 + "<option value='"+menu2_num+"'>"+ array_txt2 +"</option>";}
	}

	if (depth3 != 0) //3depth select ¸®½ºÆ®
	{
		for (var i=0; i<array_name_3.length; i++)
		{
			var array_txt3 = array_name_3[i];
			var menu3_num = i + 1;
			if (menu3_num == depth3)
			{araay_3 = araay_3 + "<option value='"+menu3_num+"' selected>"+ array_txt3 +"</option>";}
			else
			{araay_3 = araay_3 + "<option value='"+menu3_num+"'>"+ array_txt3 +"</option>";}
		}
	}	

	var selectNavi_3 = "";
	var w_num = "200";
	var title_img = "<img src='http://img.wizwid.com/HauOlin/images/menu/sub"+depth1+"_title"+depth2+".gif'>";

	if (depth2 == 0) //3depth°¡ ¾ø´Â °æ¿ì
	{
		selectNavi_3 = "";
		w_num = "367";
		title_img = "<img src='http://img.wizwid.com/HauOlin/images/menu/sub"+depth1+"_title1.gif'>"
	}
	else if (depth1 == 4)//Member ÆäÀÌÁöÀÇ °æ¿ì
	{
		selectNavi_3 = "";
		w_num = "367";
	}
	else
	{
		selectNavi_3 = "\
		<td width='14' valign='top' style='padding-top:2px;'><span class='font_5F7C92'>&nbsp;&gt;&nbsp;</span></td>\n\
		<td width='153' valign='top'><select name='select_3' style='behavior: url(http://www.hauolin.com/HauOlin/common/selectBox.htc); width:153px; height:18px;'\n\
		setColor='#808080,#FFFFFF,#42658D,#FFFFFF,#D6D6D6,#D6D6D6' setImage='http://img.wizwid.com/HauOlin/images/btn_select.gif'\n\
		onchange='go_menu2("+depth1+","+depth2+", "+depth3+")'>"+araay_3+"</select></td>\n";

	}

	var selectNavi_1 = "\
	<table cellpadding='0' cellspacing='0' border='0' width='720'><tr>\n\
	<td width='"+w_num+"' height='40' valign='top'>"+title_img+"</td>\n\
	<td width='200' align='right' valign='top' style='padding-top:2px;'>Home\n\
	<span class='font_5F7C92'>&nbsp;&gt;&nbsp;</span>"+array_txt1+"<span class='font_5F7C92'>&nbsp;&gt;&nbsp;</span></td>\n";
	
	var selectNavi_2 = "\
	<td width='153' valign='top'><select name='select_2' style='behavior: url(http://www.hauolin.com/HauOlin/common/selectBox.htc); width:153px;'\n\
	setColor='#808080,#FFFFFF,#42658D,#FFFFFF,#D6D6D6,#D6D6D6' setImage='http://img.wizwid.com/HauOlin/images/btn_select.gif'\n\
	onchange='go_menu2("+depth1+","+depth2+", 0)'>"+araay_2+"</select></td>\n";	

	selectNavi = selectNavi_1 + selectNavi_2 + selectNavi_3 + "</tr></table>";

	document.write(selectNavi);

}

/* ÁÂÃø 3depth ·¹ÀÌ¾î º¸¿©ÁÖ±â È¿°ú
------------------------------------------------------------------------------------------------------*/
function menu_hide()
{
	document.getElementById("3depth_layer").style.display = "none";
}
function menu_view()
{
	document.getElementById("3depth_layer").style.display = "block";
}