/* ¸¶¿ì½º ¿Â¿À¹ö À̹ÌÁö ¹Ù²î±â
------------------------------------------------------------------------------------------------------*/

// Mouse over
function imgOver(imgObj)
{
	var imgSrc = imgObj.src;
	var imgSrcOver = imgSrc.replace("_off", "_on");
	imgObj.src = imgSrcOver;
}
// Mouse out
function imgOut(imgObj)
{
	var imgSrc = imgObj.src;
	var imgSrcOut = imgSrc.replace("_on", "_off");
	imgObj.src = imgSrcOut;
}

/* Ŭ¸¯½Ã Á¡¼± ¾È³ª¿À°Ô
------------------------------------------------------------------------------------------------------*/
function bluring(){ 
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus(); 
} 
document.onfocusin=bluring; 

/* div ¼±Åà ÅÇ
------------------------------------------------------------------------------------------------------*/
var oldN = "num1";
function chN(numN)
{
	var selN = "num" + numN;

	document.getElementById(oldN).style.display = "none";
	document.getElementById(selN).style.display = "block";
	oldN = selN;
}

/* div ¼±Åà ÅÇ1
------------------------------------------------------------------------------------------------------*/
var oldM = "num13";
function chM(numM)
{
	var selM = "num" + numM;

	document.getElementById(oldM).style.display = "none";
	document.getElementById(selM).style.display = "block";
	oldM = selM;
}

/* div ¼±Åà ÅÇ2
------------------------------------------------------------------------------------------------------*/
var old_N = "";
var old2_N = "";
function view_line(numN)
{
	var sel_N = "num" + numN;
	var sel_N2 = "line" + numN;

	if (old_N == sel_N)
	{
		document.getElementById(sel_N).style.display = "none";
		document.getElementById(sel_N2).style.display = "block";
		old_N = ""; old2_N = "";
	}
	else if (old_N != "")
	{
		document.getElementById(old_N).style.display = "none";
		document.getElementById(sel_N).style.display = "block";
		document.getElementById(old2_N).style.display = "block";
		document.getElementById(sel_N2).style.display = "none";
		old_N = sel_N; 	old2_N = sel_N2;
	}
	else
	{
		document.getElementById(sel_N).style.display = "block";
		document.getElementById(sel_N2).style.display = "none";
		old_N = sel_N; old2_N = sel_N2;
	}		
}

/*------------------------------------------------------------------------------------------------------*/

function layer_view(this_name)
{this_name.style.display = "block";}
function layer_hide(this_name)
{this_name.style.display = "none";}



/* »óÇ° º¸¿©ÁÖ±â
------------------------------------------------------------------------------------------------------*/

function view_prdt(x_codenum, y_codenum)//  ´ÜÀÏ»óÇ° -------------------------------------------------------------------------------*/
{
	var title_1 = "potterybarn"; //»óÇ°¸í1
	var title_2 = "[¼¼ÀÏÁ¦Ç°] dlOxygen Suede"; //»óÇ°¸í2
	var imgname = "temp_layer"; //»óÇ°À̹ÌÁö ÆÄÀÏ À̸§
	var txt_content = "´«±æÀ» ²ô´Â µ¶Æ¯ÇÑ ¹®¾ç°ú Â¥ÀÓ, °í±Þ½º·¯¿î ¼ÒÀç¿Í¼±¸íÇÑ Ä÷¯´Â À̱¹ÀûÀÎ »öä·Î Àü¼¼°èÀûÀ¸·Î µ¶Æ¯ÇÑ ¹®¾ç°ú.."; //»óÇ°¼³¸í
	var price_1 = "249,800"; //Á¤»ó°¡
	var price_2 = "149,800"; //ÇÒÀΰ¡

	var layer_prdt = "\
	<table cellpadding='0' cellspacing='0' border='0' width='258' height='327' class='prdt_layer2'>\n\
	<tr><td valign='top'><div style='line-height:130%;'><img src='http://img.wizwid.com/HauOlin/images/ico-air_black.gif' style='margin-right:3px;'>\n\
	<font class='font_black'>"+title_1+"</font><br><img src='http://img.wizwid.com/HauOlin/images/blank.gif'><br><font class='font_004173'><b>"+title_2+"</b></font><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/"+imgname+".gif' style='margin:11px 0 14px 0;'><br>"+txt_content+"<br><img src='http://img.wizwid.com/HauOlin/images/blank.gif' height='4'><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt1.gif' align='absmiddle'> <s><font class='font_verdana'>"+price_1+"</font> ¿ø</s><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt2.gif' align='absmiddle'> <b><font class='font_CB0A0F'>\n\
	<font class='font_verdana'>"+price_2+"</font> ¿ø</font></b></div></td></tr></table>\n";

	document.getElementById("prdt_layer").innerHTML = layer_prdt;
	document.getElementById("prdt_layer").style.display = "block";

	document.getElementById("prdt_layer").style.left = x_codenum;
	document.getElementById("prdt_layer").style.top = y_codenum;	
}

function view_prdt_main(x_codenum, y_codenum, title_1, title_2, imgname, txt_content, price_1, price_2, site_gb)//  ´ÜÀÏ»óÇ° -------------------------------------------------------------------------------*/
{

	var title_1 = title_1; //»óÇ°¸í1
	var title_2 = title_2; //»óÇ°¸í2
	var imgname = imgname; //»óÇ°À̹ÌÁö ÆÄÀÏ À̸§
	var txt_content = txt_content; //»óÇ°¼³¸í
	var price_1 = price_1; //Á¤»ó°¡
	var price_2 = price_2; //ÇÒÀΰ¡
	var site_img;           //»çÀÌÆ® ±¸ºÐ
	
	if(txt_content.length > 70){
	 txt_content = txt_content.substring(0,70)+"...";
	}
	
	if(site_gb == 'Shop'){
	  site_img = 'air';
	}else{
	  site_img = 'bus';
  }

	var layer_prdt = "\
	<table cellpadding='0' cellspacing='0' border='0' width='258' height='327' class='prdt_layer2'>\n\
	<tr><td valign='top'><div style='line-height:130%;'><img src='http://img.wizwid.com/HauOlin/images/ico-"+site_img+"_black.gif' style='margin-right:3px;'>\n\
	<font class='font_black'>"+title_1+"</font><br><img src='http://img.wizwid.com/HauOlin/images/blank.gif'><br><font class='font_004173'><b>"+title_2+"</b></font><br>\n\
	<img src='"+imgname+"' style='margin:11px 0 14px 0;'><br>"+txt_content+"<br><img src='http://img.wizwid.com/HauOlin/images/blank.gif' height='4'><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt1.gif' align='absmiddle'> <s><font class='font_verdana'>"+price_1+"</font> ¿ø</s><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt2.gif' align='absmiddle'> <b><font class='font_CB0A0F'>\n\
	<font class='font_verdana'>"+price_2+"</font> ¿ø</font></b></div></td></tr></table>\n";

	parent.document.getElementById("prdt_layer").innerHTML = layer_prdt;
	parent.document.getElementById("prdt_layer").style.display = "block";

	parent.document.getElementById("prdt_layer").style.left = x_codenum;
	parent.document.getElementById("prdt_layer").style.top = y_codenum;	
}

function view_prdt_main_2(x_codenum, y_codenum, title_1, title_2, imgname, txt_content, price_1, site_gb)//  ´ÜÀÏ»óÇ° -------------------------------------------------------------------------------*/
{

	var title_1 = title_1; //»óÇ°¸í1
	var title_2 = title_2; //»óÇ°¸í2
	var imgname = imgname; //»óÇ°À̹ÌÁö ÆÄÀÏ À̸§
	var txt_content = txt_content; //»óÇ°¼³¸í
	var price_1 = price_1; //Á¤»ó°¡
	var site_img;           //»çÀÌÆ® ±¸ºÐ
	
	if(txt_content.length > 70){
	 txt_content = txt_content.substring(0,70)+"...";
	}
	
	if(site_gb == 'Shop'){
	  site_img = 'air';
	}else{
	  site_img = 'bus';
  }

	var layer_prdt = "\
	<table cellpadding='0' cellspacing='0' border='0' width='258' height='327' class='prdt_layer2'>\n\
	<tr><td valign='top'><div style='line-height:130%;'><img src='http://img.wizwid.com/HauOlin/images/ico-"+site_img+"_black.gif' style='margin-right:3px;'>\n\
	<font class='font_black'>"+title_1+"</font><br><img src='http://img.wizwid.com/HauOlin/images/blank.gif'><br><font class='font_004173'><b>"+title_2+"</b></font><br>\n\
	<img src='"+imgname+"' style='margin:11px 0 14px 0;'><br>"+txt_content+"<br><img src='http://img.wizwid.com/HauOlin/images/blank.gif' height='4'><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt1.gif' align='absmiddle'> <b><font class='font_CB0A0F'>"+price_1+"</font> ¿ø</b><br>\n\
	</div></td></tr></table>\n";

	parent.document.getElementById("prdt_layer").innerHTML = layer_prdt;
	parent.document.getElementById("prdt_layer").style.display = "block";

	parent.document.getElementById("prdt_layer").style.left = x_codenum;
	parent.document.getElementById("prdt_layer").style.top = y_codenum;	
}

function view_prdt_sub(x_codenum, y_codenum, title_1, title_2, imgname, txt_content, price_1, price_2, site_gb)//  ´ÜÀÏ»óÇ° -------------------------------------------------------------------------------*/
{
  /*
	var title_1 = "potterybarn"; //»óÇ°¸í1
	var title_2 = "[¼¼ÀÏÁ¦Ç°] dlOxygen Suede"; //»óÇ°¸í2
	var imgname = "temp_layer"; //»óÇ°À̹ÌÁö ÆÄÀÏ À̸§
	var txt_content = "´«±æÀ» ²ô´Â µ¶Æ¯ÇÑ ¹®¾ç°ú Â¥ÀÓ, °í±Þ½º·¯¿î ¼ÒÀç¿Í¼±¸íÇÑ Ä÷¯´Â À̱¹ÀûÀÎ »öä·Î Àü¼¼°èÀûÀ¸·Î µ¶Æ¯ÇÑ ¹®¾ç°ú.."; //»óÇ°¼³¸í
	var price_1 = "249,800"; //Á¤»ó°¡
	var price_2 = "149,800"; //ÇÒÀΰ¡
	*/

	var title_1 = title_1; //»óÇ°¸í1
	var title_2 = title_2; //»óÇ°¸í2
	var imgname = imgname; //»óÇ°À̹ÌÁö ÆÄÀÏ À̸§
	var txt_content = txt_content; //»óÇ°¼³¸í
	var price_1 = price_1; //Á¤»ó°¡
	var price_2 = price_2; //ÇÒÀΰ¡
	var site_img;           //»çÀÌÆ® ±¸ºÐ
	
	if(site_gb == 'Shop'){
	  site_img = 'air';
	}else{
	  site_img = 'bus';
  }

	var layer_prdt = "\
	<table cellpadding='0' cellspacing='0' border='0' width='258' height='327' class='prdt_layer2'>\n\
	<tr><td valign='top'><div style='line-height:130%;'><img src='http://img.wizwid.com/HauOlin/images/ico-"+site_img+"_black.gif' style='margin-right:3px;'>\n\
	<font class='font_black'>"+title_1+"</font><br><img src='http://img.wizwid.com/HauOlin/images/blank.gif'><br><font class='font_004173'><b>"+title_2+"</b></font><br>\n\
	<img src='"+imgname+"' style='margin:11px 0 14px 0;'><br>"+txt_content+"<br><img src='http://img.wizwid.com/HauOlin/images/blank.gif' height='4'><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt1.gif' align='absmiddle'> <s><font class='font_verdana'>"+price_1+"</font> ¿ø</s><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt2.gif' align='absmiddle'> <b><font class='font_CB0A0F'>\n\
	<font class='font_verdana'>"+price_2+"</font> ¿ø</font></b></div></td></tr></table>\n";

	parent.document.getElementById("prdt_layer").innerHTML = layer_prdt;
	parent.document.getElementById("prdt_layer").style.display = "block";

	parent.document.getElementById("prdt_layer").style.left = x_codenum;
	parent.document.getElementById("prdt_layer").style.top = y_codenum;	
}

function prdt_hide()
{
	document.getElementById("prdt_layer").style.display = "none";
}


//  ´ÜÀÏ»óÇ° -------------------------------------------------------------------------------/
/*
function view_prdt_sub(x_codenum, y_codenum)
{
	var title_1 = "potterybarn"; //»óÇ°¸í1
	var title_2 = "[¼¼ÀÏÁ¦Ç°] dlOxygen Suede"; //»óÇ°¸í2
	var imgname = "temp_layer"; //»óÇ°À̹ÌÁö ÆÄÀÏ À̸§
	var txt_content = "´«±æÀ» ²ô´Â µ¶Æ¯ÇÑ ¹®¾ç°ú Â¥ÀÓ, °í±Þ½º·¯¿î ¼ÒÀç¿Í¼±¸íÇÑ Ä÷¯´Â À̱¹ÀûÀÎ »öä·Î Àü¼¼°èÀûÀ¸·Î µ¶Æ¯ÇÑ ¹®¾ç°ú.."; //»óÇ°¼³¸í
	var price_1 = "249,800"; //Á¤»ó°¡
	var price_2 = "149,800"; //ÇÒÀΰ¡

	var layer_prdt = "\
	<table cellpadding='0' cellspacing='0' border='0' width='258' height='327' class='prdt_layer2'>\n\
	<tr><td valign='top'><div style='line-height:130%;'><img src='http://img.wizwid.com/HauOlin/images/ico-air_black.gif' style='margin-right:3px;'>\n\
	<font class='font_black'>"+title_1+"</font><br><img src='http://img.wizwid.com/HauOlin/images/blank.gif'><br><font class='font_004173'><b>"+title_2+"</b></font><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/"+imgname+".gif' style='margin:11px 0 14px 0;'><br>"+txt_content+"<br><img src='http://img.wizwid.com/HauOlin/images/blank.gif' height='4'><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt1.gif' align='absmiddle'> <s><font class='font_verdana'>"+price_1+"</font> ¿ø</s><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt2.gif' align='absmiddle'> <b><font class='font_CB0A0F'>\n\
	<font class='font_verdana'>"+price_2+"</font> ¿ø</font></b></div></td></tr></table>\n";

	parent.document.getElementById("prdt_layer").innerHTML = layer_prdt;
	parent.document.getElementById("prdt_layer").style.display = "block";

	parent.document.getElementById("prdt_layer").style.left = x_codenum;
	parent.document.getElementById("prdt_layer").style.top = y_codenum;	
}*/


function prdt_hide_sub()
{
	parent.document.getElementById("prdt_layer").style.display = "none";
}


function view_prdtset(x_codenum, y_codenum)// ¼¼Æ®»óÇ° -------------------------------------------------------------------------------*/
{
	var title_1 = "potterybarn"; //»óÇ°¸í1
	var title_2 = "[¼¼ÀÏÁ¦Ç°] dlOxygen Suede Set"; //»óÇ°¸í2
	var imgname1 = "temp_img2"; //»óÇ°À̹ÌÁö ÆÄÀÏ À̸§1
	var imgname2 = "temp_img2"; //»óÇ°À̹ÌÁö ÆÄÀÏ À̸§2
	var imgname3 = "temp_img2"; //»óÇ°À̹ÌÁö ÆÄÀÏ À̸§3
	var imgname4 = "temp_img2"; //»óÇ°À̹ÌÁö ÆÄÀÏ À̸§4
	var txt_content = "´«±æÀ» ²ô´Â µ¶Æ¯ÇÑ ¹®¾ç°ú Â¥ÀÓ, °í±Þ½º·¯¿î ¼ÒÀç¿Í¼±¸íÇÑ Ä÷¯´Â À̱¹ÀûÀÎ »öä·Î Àü¼¼°èÀûÀ¸·Î µ¶Æ¯ÇÑ ¹®¾ç°ú.."; //»óÇ°¼³¸í
	var price_1 = "249,800"; //Á¤»ó°¡
	var price_2 = "149,800"; //ÇÒÀΰ¡

	var layer_prdt = "\
	<table cellpadding='0' cellspacing='0' border='0' width='258' height='244' class='prdt_layer3'>\n\
	<tr><td valign='top'><div style='line-height:130%;'><img src='http://img.wizwid.com/HauOlin/images/ico-air_black.gif' style='margin-right:3px;'>\n\
	<font class='font_black'>"+title_1+"</font><br><img src='http://img.wizwid.com/HauOlin/images/blank.gif'><br><font class='font_004173'><b>"+title_2+"</b></font><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/blank.gif' height='15'><br>"+txt_content+"<br><img src='http://img.wizwid.com/HauOlin/images/blank.gif' height='4'><br><img src='http://img.wizwid.com/HauOlin/images/blank.gif' height='4'><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt1.gif' align='absmiddle'> <s><font class='font_verdana'>"+price_1+"</font> ¿ø</s><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt2.gif' align='absmiddle'> <b><font class='font_CB0A0F'>\n\
	<font class='font_verdana'>"+price_2+"</font> ¿ø</font></b></div>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt3.gif' style='margin:16px 0 5px 0;'><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/"+imgname1+".gif'><img src='http://img.wizwid.com/HauOlin/images/product/"+imgname2+".gif' style='margin-left:5px;'><img src='http://img.wizwid.com/HauOlin/images/product/"+imgname3+".gif' style='margin-left:5px;'><img src='http://img.wizwid.com/HauOlin/images/product/"+imgname4+".gif' style='margin-left:5px;'>\n\
	</table>\n";

	document.getElementById("prdt_layer").innerHTML = layer_prdt;
	document.getElementById("prdt_layer").style.display = "block";

	document.getElementById("prdt_layer").style.left = x_codenum;
	document.getElementById("prdt_layer").style.top = y_codenum;	
}

function view_prdtset_sub(x_codenum, y_codenum)// ¼¼Æ®»óÇ° -------------------------------------------------------------------------------*/
{
	var title_1 = "potterybarn"; //»óÇ°¸í1
	var title_2 = "[¼¼ÀÏÁ¦Ç°] dlOxygen Suede Set"; //»óÇ°¸í2
	var imgname1 = "temp_img2"; //»óÇ°À̹ÌÁö ÆÄÀÏ À̸§1
	var imgname2 = "temp_img2"; //»óÇ°À̹ÌÁö ÆÄÀÏ À̸§2
	var imgname3 = "temp_img2"; //»óÇ°À̹ÌÁö ÆÄÀÏ À̸§3
	var imgname4 = "temp_img2"; //»óÇ°À̹ÌÁö ÆÄÀÏ À̸§4
	var txt_content = "´«±æÀ» ²ô´Â µ¶Æ¯ÇÑ ¹®¾ç°ú Â¥ÀÓ, °í±Þ½º·¯¿î ¼ÒÀç¿Í¼±¸íÇÑ Ä÷¯´Â À̱¹ÀûÀÎ »öä·Î Àü¼¼°èÀûÀ¸·Î µ¶Æ¯ÇÑ ¹®¾ç°ú.."; //»óÇ°¼³¸í
	var price_1 = "249,800"; //Á¤»ó°¡
	var price_2 = "149,800"; //ÇÒÀΰ¡

	var layer_prdt = "\
	<table cellpadding='0' cellspacing='0' border='0' width='258' height='244' class='prdt_layer3'>\n\
	<tr><td valign='top'><div style='line-height:130%;'><img src='http://img.wizwid.com/HauOlin/images/ico-air_black.gif' style='margin-right:3px;'>\n\
	<font class='font_black'>"+title_1+"</font><br><img src='http://img.wizwid.com/HauOlin/images/blank.gif'><br><font class='font_004173'><b>"+title_2+"</b></font><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/blank.gif' height='15'><br>"+txt_content+"<br><img src='http://img.wizwid.com/HauOlin/images/blank.gif' height='4'><br><img src='http://img.wizwid.com/HauOlin/images/blank.gif' height='4'><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt1.gif' align='absmiddle'> <s><font class='font_verdana'>"+price_1+"</font> ¿ø</s><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt2.gif' align='absmiddle'> <b><font class='font_CB0A0F'>\n\
	<font class='font_verdana'>"+price_2+"</font> ¿ø</font></b></div>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt3.gif' style='margin:16px 0 5px 0;'><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/"+imgname1+".gif'><img src='http://img.wizwid.com/HauOlin/images/product/"+imgname2+".gif' style='margin-left:5px;'><img src='http://img.wizwid.com/HauOlin/images/product/"+imgname3+".gif' style='margin-left:5px;'><img src='http://img.wizwid.com/HauOlin/images/product/"+imgname4+".gif' style='margin-left:5px;'>\n\
	</table>\n";

	parent.document.getElementById("prdt_layer").innerHTML = layer_prdt;
	parent.document.getElementById("prdt_layer").style.display = "block";

	parent.document.getElementById("prdt_layer").style.left = x_codenum;
	parent.document.getElementById("prdt_layer").style.top = y_codenum;	
}


function view_prdt2(x_codenum, y_codenum)// ¼¼Æ®»óÇ°ÀÌ ¾Æ´Ò °æ¿ì -------------------------------------------------------------------------------*/
{
	var title_1 = "potterybarn"; //»óÇ°¸í1
	var title_2 = "[¼¼ÀÏÁ¦Ç°] dlOxygen Suede"; //»óÇ°¸í2
	var txt_content = "´«±æÀ» ²ô´Â µ¶Æ¯ÇÑ ¹®¾ç°ú Â¥ÀÓ, °í±Þ½º·¯¿î ¼ÒÀç¿Í¼±¸íÇÑ Ä÷¯´Â À̱¹ÀûÀÎ »öä·Î Àü¼¼°èÀûÀ¸·Î µ¶Æ¯ÇÑ ¹®¾ç°ú.."; //»óÇ°¼³¸í
	var price_1 = "249,800"; //Á¤»ó°¡
	var price_2 = "149,800"; //ÇÒÀΰ¡

	var layer_prdt = "\
	<table cellpadding='0' cellspacing='0' border='0' width='258' height='180' class='prdt_layer4'>\n\
	<tr><td valign='top'><div style='line-height:130%;'><img src='http://img.wizwid.com/HauOlin/images/ico-air_black.gif' style='margin-right:3px;'>\n\
	<font class='font_black'>"+title_1+"</font><br><img src='http://img.wizwid.com/HauOlin/images/blank.gif'><br><font class='font_004173'><b>"+title_2+"</b></font><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/blank.gif' height='15'><br>"+txt_content+"<br><img src='http://img.wizwid.com/HauOlin/images/blank.gif' height='4'><br><img src='http://img.wizwid.com/HauOlin/images/blank.gif' height='10'><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt1.gif' align='absmiddle'> <s><font class='font_verdana'>"+price_1+"</font> ¿ø</s><br>\n\
	<img src='http://img.wizwid.com/HauOlin/images/product/prdt_txt2.gif' align='absmiddle'> <b><font class='font_CB0A0F'>\n\
	<font class='font_verdana'>"+price_2+"</font> ¿ø</font></b></div>\n\
	</table>\n";

	document.getElementById("prdt_layer").innerHTML = layer_prdt;
	document.getElementById("prdt_layer").style.display = "block";

	document.getElementById("prdt_layer").style.left = x_codenum;
	document.getElementById("prdt_layer").style.top = y_codenum;	
}


/* ¼¿·ºÆ®¸®½ºÆ® º¸¿©ÁÖ±â
------------------------------------------------------------------------------------------------------*/
	var oldS = "";
	function view_select(select_id)
	{		
		var selS = select_id;

		if (oldS == selS) // °°Àº ¼¿·ºÆ®¹Ú½º¸¦ ´Ù½Ã Ŭ¸¯ÇÒ¶§
		{
			document.getElementById(oldS).style.display = "none";
			oldS = "";
		}
		else if (oldS != "") // ´Ù¸¥ ¼¿·ºÆ® ¹Ú½º¸¦ Ŭ¸¯ÇÒ¶§
		{
			document.getElementById(oldS).style.display = "none";
			document.getElementById(selS).style.display = "block";
			oldS = selS;
		}
		else // ¼¿·ºÆ® ¹Ú½º¸¦ óÀ½ Ŭ¸¯ÇÒ¶§
		{
			document.getElementById(selS).style.display = "block";
			oldS = selS;
		}		
	}

/* sale ÇÒÀÎ % bar (±âȹ¸Þ´º - Now On Sale)
------------------------------------------------------------------------------------------------------*/

function sale_bar(sUrl, sale_step) {

	var sale30 = "<a href='"+sUrl+"&ShopSaleGB=02'><img src='http://img.wizwid.com/HauOlin/images/plan/sale30_off.gif' onmouseover='imgOver(this)' onmouseout='imgOut(this)'></a>"; //~30%
	var sale50 = "<a href='"+sUrl+"&ShopSaleGB=03'><img src='http://img.wizwid.com/HauOlin/images/plan/sale50_off.gif' onmouseover='imgOver(this)' onmouseout='imgOut(this)' style='margin-left:1px;'></a>"; //~50%
	var sale70 = "<a href='"+sUrl+"&ShopSaleGB=04'><img src='http://img.wizwid.com/HauOlin/images/plan/sale70_off.gif' onmouseover='imgOver(this)' onmouseout='imgOut(this)' style='margin-left:1px;'></a>"; //~70%
	var sale100 = "<a href='"+sUrl+"&ShopSaleGB=05'><img src='http://img.wizwid.com/HauOlin/images/plan/sale100_off.gif' onmouseover='imgOver(this)' onmouseout='imgOut(this)' style='margin-left:1px;'></a>"; //~100%

	var sale_on = "<img src='http://img.wizwid.com/HauOlin/images/plan/sale30_on.gif'>";
	var sale_on2 = "<img src='http://img.wizwid.com/HauOlin/images/plan/sale30_on.gif' style='margin-left:1px;'>";

	var sale_stepbar = sale30 + sale50 + sale70 + sale100; // ¼¼ÀÏ°¡ 0%

	if (sale_step == 02) // ¼¼ÀÏ°¡ 0% ~ 30%
	{	
		sale_stepbar = sale_on + sale50 + sale70 + sale100;
	}
	if (sale_step == 03) // ¼¼ÀÏ°¡  30% ~ 50%
	{	
		sale_stepbar = sale30 + sale_on + sale70 + sale100;
	}
	if (sale_step == 04) // ¼¼ÀÏ°¡ 50% ~ 70%
	{	
		sale_stepbar = sale30 + sale50 + sale_on + sale100;
	}
	if (sale_step == 05) // ¼¼ÀÏ°¡ 70% ~ 100%
	{	
		sale_stepbar = sale30 + sale50 + sale70 + sale_on;
	}
	document.write(sale_stepbar);
}

/* ¿ÞÂʸ޴º ÇÏ´Ü shop by band º¸¿©ÁÖ±â (product - list ÆäÀÌÁö)
------------------------------------------------------------------------------------------------------*/
function shBrnad_1(color_num,end_num, CategoryID, ViewType) // BY COLOR
{
  if ( CategoryID  == undefined) CategoryID  ="";
  if ( ViewType    == undefined) ViewType    =""; 
  
  color_num = parseInt(color_num,10);

	var color_list = "";
  var linkUrl    ="http://www.hauolin.com/CSH/handler/wizwid/kr/HauOlinMainCatalog-Start?CategoryID="+CategoryID+"&ViewType="+ViewType+"&ColorCD=";
	for (var i = end_num-6; i <=end_num ; i++) // »ö»óÀ» 2´ÜÀ¸·Î ¸®½ºÆ®ÇØ¾ß ÇϹǷΠ7°³¾¿ º¸¿©ÁÜ
	{
		if (color_num == i) // ¼±ÅÃµÈ »ö»ó°ªÀÌ ÀÖ´Ù¸é
		{
			color_list = color_list + "<img src='http://img.wizwid.com/HauOlin/images/shbrand/color_"+i+"_on.gif' style='margin-bottom:11px;'><br>";
		}
		else
		{
      var ColorCD = i;
      if (  i < 10 ){
        ColorCD =  "0"+i;
      }  
			color_list = color_list + "<a href=\"javascript:fncLink('"+linkUrl+ ColorCD +"')\"><img src='http://img.wizwid.com/HauOlin/images/shbrand/color_"+i+"_off.gif' style='margin-bottom:11px;' onmouseOver='imgOver(this)' onmouseout='imgOut(this)'></a><br>";
		}
	}
	document.write(color_list);
}

function shBrnad_2(price_num, CategoryID, ViewType) // BY PRICE
{
  if ( CategoryID  == undefined) CategoryID  ="";
  if ( ViewType    == undefined) ViewType    =""; 

	var price_list = "";
  var linkUrl    ="http://www.hauolin.com/CSH/handler/wizwid/kr/HauOlinMainCatalog-Start?CategoryID="+CategoryID+"&ViewType="+ViewType+"&PriceCD=";

	for (var i = 1; i <=6 ; i++)
	{
		if (price_num == i) // ¼±ÅÃµÈ °¡°ÝÀÌ ÀÖ´Ù¸é
		{
			price_list = price_list + "<img src='http://img.wizwid.com/HauOlin/images/shbrand/price_"+i+"_on.gif' style='margin-bottom:9px;'><br>";
		}
		else
		{
      var PriceCD = "0" + i; 

			price_list = price_list + "<a href=\"javascript:fncLink('"+linkUrl+ PriceCD +"')\"><img src='http://img.wizwid.com/HauOlin/images/shbrand/price_"+i+"_off.gif' style='margin-bottom:9px;' onmouseOver='imgOver(this)' onmouseout='imgOut(this)'></a><br>";
		}
	}
	document.write(price_list);
}

/* ¼¿·ºÆ® ¸Þ´º¿¡¼­ ÇØ´ç ÆäÀÌÁö·Î À̵¿
------------------------------------------------------------------------------------------------------*/
function go_list2()
{
	var link_url = document.getElementById("select_type").options[document.getElementById("select_type").selectedIndex].value;
	window.location.href = link_url;
}


/* frame »ó´Ü ÅǺ¸¿©ÁÖ±â
------------------------------------------------------------------------------------------------------*/

function tab_view(t_name, t_num, t_lenth)
{	
	var tab_list = "";

	for (var i=1; i<=t_lenth; i++)
	{		
		if (t_num == i) //ÅÇÀÌ È°¼ºÈ­ µÇ¾î ÀÖÀ» °æ¿ì
		{
			tab_list = tab_list + "<img src='http://img.wizwid.com/HauOlin/images/tab/"+t_name+"_click_"+i+".gif'>";
		}
		else if (t_num != t_lenth && t_num == i-1) //¸¶Áö¸· ÅÇÀ» Á¦¿ÜÇÑ È°¼ºÈ­µÈ ÅÇÀÇ ¿À¸¥ÂÊ¿¡ ÀÖ´Â °æ¿ì(±×¸²ÀÚ°¡ ÀÖ´Â ÅÇÀÇ °æ¿ì)
		{
			tab_list = tab_list + "<a href='#'><img src='http://img.wizwid.com/HauOlin/images/tab/"+t_name+"_sh_"+i+"_off.gif' onmouseover='imgOver(this)' onmouseout='imgOut(this)'></a>";
		}
		else //È°¼ºÈ­ µÇÁö ¾ÊÀº ÅÇ
		{
			tab_list = tab_list + "<a href='#'><img src='http://img.wizwid.com/HauOlin/images/tab/"+t_name+"_"+i+"_off.gif' onmouseover='imgOver(this)' onmouseout='imgOut(this)'></a>";
		}
	}
	document.write(tab_list);
}



/* ¿À´ÃÀÇ »óÇ° ½ºÅ©·Ñ¸µ
------------------------------------------------------------------------------------------------------*/
function positionY()
{
	var ie = document.all;

	var decrease = 0.04;
	var startY = 0;
	
	var winAgentH = ie? document.body.clientHeight : window.innerHeight;	
	var winObjTop = ie? document.body.scrollTop : pageYOffset;

	var nowY = parseInt(document.getElementById("slideLink").style.top);
	
	var goalY = winObjTop;

	if (nowY < goalY)
	{
		var distance = winObjTop - nowY;
		var steps = distance*decrease;
		nowY += Math.ceil(steps);
		document.getElementById("slideLink").style.top = nowY;
	}
	else if(nowY > goalY)
	{		
		var distance = nowY - winObjTop;
		var steps = distance*decrease;
		nowY -= Math.ceil(steps);
		document.getElementById("slideLink").style.top = nowY;
	}
}

function setY()
{
	setInterval(positionY,3);
	document.getElementById("slideLink").style.top = 0;
}

/*------------------------------------------------------------------------------------------------------*/

function scrollLayer(p_obj_name) 
{ 
    var start_point, end_point, timer; 

    var obj_layer   = document.getElementById(p_obj_name);  // ·¹ÀÌ¾î ¿ÀºêÁ§Æ®

    start_point = parseInt(obj_layer.style.top, 10); 

    end_point   = document.body.scrollTop; 
    limit_point = parseInt(window.document.body.scrollHeight) - parseInt(obj_layer.offsetHeight) -10; 

    if ( end_point > limit_point )  end_point = limit_point; 

    if ( start_point != end_point ) 
    { 
        scroll_amount = Math.ceil( Math.abs( end_point - start_point ) / 15 ); 
        obj_layer.style.top = parseInt(start_point, 10) + ( ( end_point < start_point ) ? -scroll_amount : scroll_amount ); 
    } 

    timer = window.setTimeout ("scrollLayer('" + p_obj_name + "');", 1); 
}
 
function showDefaultProductIMG(obj) {
	obj.src = 'http://img.wizwid.com/HauOlin/no_img_300.jpg';
}

function openEventAlphabet()
{

	var curURL = top.location.href;
	//var linkURL = "http://www.hauolin.com/CSH/handler/wizwid/kr";
	
	if(curURL != null && curURL != "" && curURL.indexOf("hauolin.com") >= 0)
	{
		var rand = Math.floor(Math.random() * 14 + 1);
	
		if(rand == 8 || rand == 11)
			rand = 1;
		else if(rand == 9 || rand == 12)
			rand = 2;
		else if(rand == 10 || rand == 13)
			rand = 3;
		else if(rand == 14)
			rand = 4;

		document.write("<div id='alphabet_H' style='position:absolute; visibility:hidden; top:570; left:500; z-index:1000'>");
		document.write("<font size='5'><a href='" + linkURL + "/EventConcert2-Apply?b_ID=004701&vendorID=002501' target='eventframe'><img src='" + eventImgPath + "/event/070712_hauolin/e_icon_h.png' border='0'></a></font>");
		document.write("</div>");
		document.write("<div id='alphabet_A' style='position:absolute; visibility:hidden; top:570; left:500; z-index:1000'>");
		document.write("<font size='5'><a href='" + linkURL + "/EventConcert2-Apply?b_ID=004702&vendorID=002501' target='eventframe'><img src='" + eventImgPath + "/event/070712_hauolin/e_icon_a.png' border='0'></a></font>");
		document.write("</div>");
		document.write("<div id='alphabet_U' style='position:absolute; visibility:hidden; top:570; left:500; z-index:1000'>");
		document.write("<font size='5'><a href='" + linkURL + "/EventConcert2-Apply?b_ID=004703&vendorID=002501' target='eventframe'><img src='" + eventImgPath + "/event/070712_hauolin/e_icon_u.png' border='0'></a></font>");
		document.write("</div>");
		document.write("<div id='alphabet_O' style='position:absolute; visibility:hidden; top:570; left:500; z-index:1000'>");
		document.write("<font size='5'><a href='" + linkURL + "/EventConcert2-Apply?b_ID=004704&vendorID=002501' target='eventframe'><img src='" + eventImgPath + "/event/070712_hauolin/e_icon_o.png' border='0'></a></font>");
		document.write("</div>");
		document.write("<div id='alphabet_L' style='position:absolute; visibility:hidden; top:570; left:500; z-index:1000'>");
		document.write("<font size='5'><a href='" + linkURL + "/EventConcert2-Apply?b_ID=004705&vendorID=002501' target='eventframe'><img src='" + eventImgPath + "/event/070712_hauolin/e_icon_l.png' border='0'></a></font>");
		document.write("</div>");
		document.write("<div id='alphabet_I' style='position:absolute; visibility:hidden; top:570; left:500; z-index:1000'>");
		document.write("<font size='5'><a href='" + linkURL + "/EventConcert2-Apply?b_ID=004707&vendorID=002501' target='eventframe'><img src='" + eventImgPath + "/event/070712_hauolin/e_icon_i.png' border='0'></a></font>");
		document.write("</div>");
		document.write("<div id='alphabet_N' style='position:absolute; visibility:hidden; top:570; left:500; z-index:1000'>");
		document.write("<font size='5'><a href='" + linkURL + "/EventConcert2-Apply?b_ID=004708&vendorID=002501' target='eventframe'><img src='" + eventImgPath + "/event/070712_hauolin/e_icon_n.png' border='0'></a></font>");
		document.write("</div>");

		
		if(rand == 1)
			document.all.alphabet_H.style.visibility = 'visible';
		else if(rand == 2)
			document.all.alphabet_A.style.visibility = 'visible';
		else if(rand == 3)
			document.all.alphabet_U.style.visibility = 'visible';
		else if(rand == 4)
			document.all.alphabet_O.style.visibility = 'visible';
		else if(rand == 5)
			document.all.alphabet_L.style.visibility = 'visible';
		else if(rand == 6)
			document.all.alphabet_I.style.visibility = 'visible';
		else if(rand == 7)
			document.all.alphabet_N.style.visibility = 'visible';		
	}

}

function JS_ShowLayer(id) {
	var obj = document.getElementById(id);
	obj.style.display = "block";

	var obj2 = document.getElementsByName("layer");

	for(var i = 1 ; i <= obj2.length ; i++) {
			eval("document.all.div"+i+".style.display='none'");
	}
	eval("document.all."+id+".style.display='block'");

}
function JS_HideLayer(id) {
	var obj = document.getElementById(id);
	obj.style.display = "none";
}

function left_banner (ColorCD, PriceCD, BrandID,CategoryID,ViewType, Lvl, rootCategoryID) //(ù¹ø°¸Þ´º, µÎ¹ø°¸Þ´º, ¼¼¹ø°¸Þ´º)
{
 var menu_list = "";   
 if ( ColorCD     == undefined) ColorCD     ="";
 if ( PriceCD     == undefined) PriceCD     ="";
 if ( BrandID     == undefined) BrandID     =""; 
 if ( CategoryID  == undefined) CategoryID  =""; 
 if ( ViewType    == undefined) ViewType    ="1"; 
 
  // ·¹ÇÁÆ® º£³Ê¿ë kdhcap
  var paramStr = "?ColorCD="+ColorCD+"&PriceCD="+PriceCD+"&BrandID="+BrandID+"&CategoryID="+CategoryID+"&ViewType="+ViewType+"&rootCategoryID="+rootCategoryID;
   
  var shbrand = "";
  if ( Lvl == "2" ) {
  	shbrand = "<iframe src='http://www.hauolin.com/CSH/handler/wizwid/kr/HauOlinShopBrand-Start"+paramStr+"' width='160' height='335' frameborder='0' scrolling='no'></iframe><br>";
  }
  
  var banner_list = "<a href='http://www.hauolin.com/CSH/handler/wizwid/kr/HauOlinTemplate-Start?ScreenID=14004'><img src='http://img.wizwid.com/HauOlin/images/banner/left_bnnr_1.gif'></a><br><a href='http://www.hauolin.com/CSH/handler/wizwid/kr/HauOlinTemplate-Start?ScreenID=14006'><img src='http://img.wizwid.com/HauOlin/images/banner/left_bnnr_2.gif'></a><br>";
  var left_util = "\
    <object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0' width='160' height='64' id='sub_util_mnu' align='middle'>\n\
    <param name='allowScriptAccess' value='sameDomain' />\n\
    <param name='movie' value='http://www.hauolin.com/HauOlin/flash/sub_util_mnu.swf?xmlDir=http://www.hauolin.com/HauOlin/flash/sub_util_mnu.xml' />\n\
    <param name='quality' value='high' />\n\
    <param name='wmode' value='transparent' />\n\
    <param name='bgcolor' value='#ffffff' />\n\
    <embed src='http://www.hauolin.com/HauOlin/flash/sub_util_mnu.swf' quality='high' bgcolor='#ffffff' width='160' height='64' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' />\n\
    </object>\n";
  var left_u1 = "<img src='http://img.wizwid.com/HauOlin/images/blank.gif' height='2'><br>";
  var left_u2 = "<br><img src='http://img.wizwid.com/HauOlin/images/bnnr_line.gif' style='margin-top:2px;'>";
  
  menu_list = menu_list + shbrand + banner_list + left_u1 + left_util + left_u2;
  document.write(menu_list);

}


function ranking(n) {
 document.getElementById('ranking'+n).style.display = "block";
    for(var i = 1; i < 3; i++) {
        obj = document.getElementById('ranking'+i);
        if ( n != i ) {
            obj.style.display = "none";            
        }
    }
}

function arrival(n) {
 document.getElementById('arrival'+n).style.display = "block";
    for(var i = 1; i < 4; i++) {
        obj = document.getElementById('arrival'+i);
        if ( n != i ) {
            obj.style.display = "none";            
        }
    }
}