var strMenuLayerBefore = "<table width=123 cellpadding=0 cellspacing=0 border=0><tr><td colspan=3 width=123><table cellpadding=0 cellspacing=0 border=0><tr height=1><td width=10></td><td width=1></td><td width=1></td><td width=1></td><td width=105 bgcolor=#DEDEDE></td><td width=1></td><td width=1></td><td width=1></td><td width=1></td><td width=1></td></tr><tr height=1><td colspan=2></td><td colspan=2 bgcolor=#DEDEDE></td><td bgcolor=#FFFFFF></td><td colspan=2 bgcolor=#DEDEDE></td><td colspan=3></td></tr><tr height=1><td colspan=2></td><td bgcolor=#DEDEDE></td><td colspan=3 bgcolor=#FFFFFF></td><td bgcolor=#DEDEDE></td><td colspan=3></td></tr><tr height=2><td></td><td bgcolor=#DEDEDE></td><td colspan=5 bgcolor=#FFFFFF></td><td bgcolor=#DEDEDE></td><td bgcolor=#D1D1D1></td><td></td></tr><tr height=2><td></td><td bgcolor=#DEDEDE></td><td colspan=5 bgcolor=#FFFFFF></td><td bgcolor=#DEDEDE></td><td colspan=2 bgcolor=#D1D1D1></td></tr></table></td></tr><tr><td width=22 height=100% valign=top><table border=0 height=100% cellpadding=0 cellspacing=0><tr><td width=10 height=20></td><td width=1 bgcolor=#DEDEDE></td><td width=11 bgcolor=#FFFFFF></td></tr><tr><td colspan=2 width=11 height=11><table border=0 cellpadding=0 cellspacing=0><tr height=1><td width=1></td><td width=2></td><td width=2></td><td width=2></td><td width=2></td><td width=2 bgcolor=#DEDEDE></td></tr><tr height=1><td ></td><td></td><td></td><td></td><td bgcolor=#DEDEDE></td><td bgcolor=#FFFFFF></td></tr><tr height=1><td ></td><td></td><td></td><td bgcolor=#DEDEDE></td><td colspan=2 bgcolor=#FFFFFF></td></tr><tr height=1><td ></td><td></td><td bgcolor=#DEDEDE></td><td colspan=3 bgcolor=#FFFFFF></td></tr><tr height=1><td ></td><td bgcolor=#DEDEDE></td><td colspan=4 bgcolor=#FFFFFF></td></tr><tr height=1><td bgcolor=#DEDEDE></td><td colspan=4 bgcolor=#FFFFFF></td></tr><tr height=1><td ></td><td bgcolor=#DEDEDE></td><td colspan=4 bgcolor=#FFFFFF></td></tr><tr height=1><td ></td><td></td><td bgcolor=#DEDEDE></td><td colspan=3 bgcolor=#FFFFFF></td></tr><tr height=1><td ></td><td></td><td></td><td bgcolor=#DEDEDE></td><td colspan=2 bgcolor=#FFFFFF></td></tr><tr height=1><td ></td><td></td><td></td><td></td><td bgcolor=#DEDEDE></td><td bgcolor=#FFFFFF></td></tr><tr height=1><td width=1></td><td width=2></td><td width=2></td><td width=2></td><td width=2></td><td width=2 bgcolor=#DEDEDE></td></tr></table></td><td bgcolor=#FFFFFF></td></tr><tr><td></td><td bgcolor=#DEDEDE></td><td bgcolor=#FFFFFF></td></tr></table></td><td width=89 bgcolor=#FFFFFF>";
var strMenuLayerAfter = "</td><td width=12><table height=100% border=0 cellpadding=0 cellspacing=0><tr><td width=9 bgcolor=#FFFFFF></td><td width=1 bgcolor=#DEDEDE></td><td width=2 bgcolor=#D1D1D1></td></tr></table></td></tr><tr><td colspan=3 width=123><table cellpadding=0 cellspacing=0 border=0><tr height=5><td width=10></td><td width=1 bgcolor=#DEDEDE></td><td width=1 bgcolor=#FFFFFF></td><td width=1 bgcolor=#FFFFFF></td><td width=2 bgcolor=#FFFFFF></td><td width=103 bgcolor=#FFFFFF></td><td width=1 bgcolor=#FFFFFF></td><td width=1 bgcolor=#FFFFFF></td><td width=1 bgcolor=#DEDEDE></td><td width=1 bgcolor=#D1D1D1></td><td width=1 bgcolor=#D1D1D1></td></tr><tr height=1><td colspan=2></td><td bgcolor=#DEDEDE></td><td colspan=4 bgcolor=#FFFFFF></td><td bgcolor=#DEDEDE></td><td colspan=3 bgcolor=#D1D1D1></td></tr><tr height=1><td colspan=2></td><td colspan=2 bgcolor=#DEDEDE></td><td colspan=2 bgcolor=#FFFFFF></td><td colspan=2 bgcolor=#DEDEDE></td><td colspan=3 bgcolor=#D1D1D1></td></tr><tr height=1><td colspan=4></td><td colspan=2 bgcolor=#DEDEDE></td><td colspan=4 bgcolor=#D1D1D1></td><td></td></tr><tr height=1><td colspan=4></td><td colspan=6 bgcolor=#D1D1D1></td><td></td></tr><tr height=1><td colspan=5></td><td colspan=3 bgcolor=#D1D1D1></td><td colspan=3></td></tr></table></td></tr></table>";

function getCat3Layer(oDiv)/*{{{*/
{
  var oLayer = hasCat3Layer(oDiv);
  if(oLayer)
    return oLayer; 
  else
    return makeCat3Layer(oDiv);
}/*}}}*/
function makeCat3Layer(oDiv)/*{{{*/
{
  var newCat3Table = makeCat3TableHTML(oDiv); 
  if(newCat3Table==null)
    return '';
  var newCat3Div = document.createElement('<div id=cat3Layer'+oDiv.name+' class=leftCat3Layer style="top:\''+(oDiv.offsetTop-20)+'\'"onmouseover="showonCat3Layer(\''+oDiv.name+'\')" onmouseout="this.style.display=\'none\'">');
  newCat3Div.innerHTML = strMenuLayerBefore+newCat3Table+strMenuLayerAfter;
  oDiv.parentElement.appendChild(newCat3Div);
  return oDiv;
}/*}}}*/
function makeCat3TableHTML(oDiv)/*{{{*/
{
  var cat3List = Category_getSubList(oDiv.name);
  var strCat3Table = "<table width=89 border=0 cellpadding=0 cellspacing=0>";
  var strSubCat = '';
  var oDivCat3 = document.getElementById("cat3"+oDiv.name);
  if(!oDivCat3)
    return null;
 
  if(typeof(oDivCat3.all.menuCat3)!='undefined') 
    var arrDivCat3 = oDivCat3.all.menuCat3;
  else
    return null;

  if(arrDivCat3!='undefined' && typeof(arrDivCat3.length)=='undefined')
  {
    tmpDivCat3 = new Array(arrDivCat3);
    arrDivCat3 = tmpDivCat3;
  }

  for(i=0;i<arrDivCat3.length;i++)
  {
    strCat3Table += "<tr><td width=7 height=18><img src='http://filei.sayclub.kr/images/incredible/saymall/bullet/bul_06.gif' align=absmiddle></td><td>";
    strCat3Table += "<a href='#' class=mall_submenu onclick='go_cat(\""+cat3List[i]+"\")'>"+arrDivCat3[i].all.cat3html.innerHTML+" "+arrDivCat3[i].all.decohtml.innerHTML;
    strCat3Table += "</a></td></tr>";
    if(i<arrDivCat3.length-1)
      strCat3Table += "<tr><td colspan=2 height=1 bgcolor='#E6E6E6'></td></tr>";
  }
  strCat3Table += "</table>";


/*
  for(i=0;i<cat3List.length;i++)
  {
    strCat3Table += "<tr><td width=7><img src='http://filei.sayclub.kr/images/incredible/saymall/bullet/bul_06.gif' align=absmiddle></td><td>";
    strCat3Table += "<a href='#' class=mall_submenu onclick='go_cat(\""+cat3List[i]+"\")'>"+Category_Data_.Title[cat3List[i]];
    strCat3Table += "</a></td></tr>";
    if(i<cat3List.length-1)
      strCat3Table += "<tr><td colspan=2 height=1 bgcolor='#E6E6E6'></td></tr>";
  }
  strCat3Table += "</table>";
*/  
  return strCat3Table;
}/*}}}*/
function hasCat3Layer(oDiv)/*{{{*/
{
  var oLayer = document.getElementById('cat3Layer'+oDiv.name);
  if(!oLayer)
    return false;
  else
    return oLayer;
}/*}}}*/
function showCat3Layer(oDiv)/*{{{*/
{
  var strClass = oDiv.className;
  if(strClass.indexOf('Close')<0)
    return false;

  var oLayer = getCat3Layer(oDiv);
  if(oLayer=='')
    return;
  oLayer.style.display = 'block';
}/*}}}*/
function hideCat3Layer(oDiv)/*{{{*/
{
  var oLayer = hasCat3Layer(oDiv);
  if(oLayer)
  {
    oLayer.style.display = 'none';
  }
  SMshowPlayroom();
}/*}}}*/
function showonCat3Layer(strName)/*{{{*/
{
  var oLayer = document.getElementById('cat3Layer'+strName);
  oLayer.style.display = 'block';
}/*}}}*/
function go_cat(strCat)
{
  if('undefined'!=typeof(pageUrl) && pageUrl!='')
    location.href = pageUrl+"?cat="+strCat+"&giftfor="+giftfor;
  else
    location.href='?cat='+strCat;
}
function SMhidePlayroom()
{
  return;

  if(typeof(document.all.playroom_layer)=='undefined')
    return;
}
function SMshowPlayroom()
{
  return;

  if(typeof(document.all.playroom_layer)=='undefined')
    return;

  var oPdiv = document.getElementById('playroom_layer');
  oPdiv.style.clip ="rect(auto)";
}
function clipPlayroom(menuid)
{
  var oPdiv = document.getElementById('playroom_layer');
  if(oPdiv && oPid)
    oPdiv.style.clip ="rect(0px 402px 252px 80px)";
}
function getPlayrromOffset()
{
  var oParent = document.all.playroom;
  var intOffsetX = 0;
  var intOffsetY = 0;
  while(oParent!=document.body)
  {
  intOffsetX += oParent.offsetLeft;
  intOffsetY += oParent.offsetTop;
  oParent = oParent.offsetParent;
  }
  alert(intOffsetX);
  alert(intOffsetY);
}
function getMenuLayerOffset(oLayer)
{
  var oParent = oLayer;
  var intOffsetX = 0;
  var intOffsetY = 0;
  var intOffsetWidth = oLayer.scrollWidth;
  while(oParent!=document.body)
  {
    intOffsetX += oParent.offsetLeft;
    intOffsetY += oParent.offsetTop;
    oParent = oParent.offsetParent;
  }
}