function HideMenu(){
  var hareHeader = document.getElementById("hareHeader");
  var menuElements = hareHeader.getElementsByTagName("ul");

  for(i=0;i<menuElements.length;i++){
    var e = menuElements[i].id;
    switch(e){
      case 'areaMenu':
      case 'contentsMenu':
       continue;
       break;
      default:
        menuElements[i].style.display = "none";
    }
  }
}

function getThisDomain(){
  var domain = location.hostname;
  domain = domain.split(".");
  if(domain[0]=="seiso"){
    return "yk-seiso"
  }else{
    return domain[1];
  }
}

function displayShopList(target){
  domain = target;
  target = target.split("-");
  displayShowList(target[0]);
  
  //今いる店舗をアクティブ仕様にする
  var list = element.getElementsByTagName("li");
  for(i=0;i<list.length;i++){
    el = list[i].getElementsByTagName("a")[0].href;
    href = el.split(".");
    if(href[1] == domain){
      list[i].getElementsByTagName("a")[0].className = "on";
      break;
    }else if(href[0] == "http://seiso" && target[1] == "seiso"){
      list[i].getElementsByTagName("a")[0].className = "on";
      break;
    }
  }
}


function displayAreaList(targetArea){
  HideMenu();
  displayShowList(targetArea);
}



function displayShowList(targetArea){
  if(targetArea != "cnt"){
    element = document.getElementById(targetArea+"Shop");
  }else{
    element = document.getElementById("ykContents");
  }
  
  
  element.style.display ="block";
  
  //各エリアの背景色をrgbで取得	
  var style = element.currentStyle || document.defaultView.getComputedStyle(element,null);
//  var bgcolor = style.getPropertyValue('background-color');
  var bgcolor = style.backgroundColor;
  
  //いったん全エリアの背景をぐれいに。
  var targetList = document.getElementById("contentsMenu").getElementsByTagName("li")
  for(i=0;i<targetList.length;i++){
    thisId = targetList[i].id;
    document.getElementById(thisId).style.backgroundColor = "#cccccc";
    document.getElementById(thisId).style.borderTop = "none";
    document.getElementById(thisId).style.borderLeft = "none";
  }

  //エリアボタンの背景色を変更
  document.getElementById(targetArea).style.backgroundColor = bgcolor;
  document.getElementById(targetArea).style.borderTop = "solid 1px #000000";
  document.getElementById(targetArea).style.borderLeft = "solid 1px #000000";
}


window.onload = function(){
  document.getElementById('hareHeader').style.display = "none";
  document.getElementById('groupNavi').style.position = "absolute";
  HideMenu();
  
  target = getThisDomain();
  if(target != "harenchi"){
    displayShopList(target);
  }else{
    displayContents(target);
  }
  
  document.getElementById('hareHeader').style.display = "block";
}