// JavaScript Document
var isIE = (document.documentElement.getAttribute("style") == document.documentElement.style);

var TempPath="";
if (document.location.hostname=="localhost"||document.location.hostname=="192.168.1.10") {
//  TempPath = "/handshake";
}

function getPathName() {
  var Ph = document.location.pathname;
  if (Ph.match(/\/menu\//)) {
    ajaxShowHideLoad('0');
  } else if (Ph.match(/\/shop\//)) {
    ajaxShowHideLoad('1');
    return false;
  } else if (Ph.match(/\/concept\//)) {
    ajaxShowHideLoad('2');
    return false;
  } else {
    return false;
  }
}
var ContentsAdd = new Array();
  ContentsAdd[0] = TempPath+"/ton/menu/lunch.html"; // メニュー:ランチメニュー
  ContentsAdd[1] = TempPath+"/ton/menu/season.html"; // メニュー:季節メニュー
  ContentsAdd[2] = TempPath+"/ton/menu/course.html"; // メニュー:コースメニュー
  ContentsAdd[3] = TempPath+"/ton/menu/grand.html"; // メニュー:グランドメニュー
  ContentsAdd[4] = TempPath+"/ton/shop/kiyose.html"; // 店舗案内:清瀬店
  ContentsAdd[5] = TempPath+"/ton/shop/koganei.html"; // 店舗案内:花小金井店
  ContentsAdd[6] = TempPath+"/ton/concept/tonshinju.html"; // コンセプト:同心居について
  ContentsAdd[7] = TempPath+"/ton/concept/vesitable.html"; // コンセプト:野菜
  ContentsAdd[8] = TempPath+"/ton/concept/flower.html"; // コンセプト:花


var ContentsTitle = new Array();
  ContentsTitle[0] = "新鮮な野菜にこだわっています"; // メニュー
  ContentsTitle[1] = "店舗案内"; // 店舗案内
  ContentsTitle[2] = "コンセプト"; // コンセプト

var ContentsSub = new Array();
  ContentsSub[0] = "<div class=\"mn_top\"><div id=\"mn_top_0\" onclick=\"ContentsOpen(0)\">"+
  							"<h3>"+
//  							"<a class=\"a_num\" href=\"javascript:tempoBg('mn0','');\">"+
//  							"<img src=\""+TempPath+"/ton/common/img/play.gif\" border=\"0\" align=\"right\" alt=\"次の写真\" />"+
//  							"</a>"+
  							"<span class=\"wh_gr\">Lunch</span> <span class=\"gr_gr\">Menu</span>"+
  							"</h3></div></div>"+
  							"<div class=\"mn_top\"><div id=\"mn_top_1\" onclick=\"ContentsOpen(1)\">"+
  							"<h3>"+
  							"<a class=\"a_num\" href=\"javascript:tempoBg('mn1','');\">"+
  							"<img src=\""+TempPath+"/ton/common/img/play.gif\" border=\"0\" border=\"0\" align=\"right\" alt=\"次の写真\" />"+
  							"</a>"+
  							"<span class=\"wh_gr\">Season</span> <span class=\"gr_gr\">Menu</span>"+
  							"</h3></div></div>"+
  							"<div class=\"mn_top\"><div id=\"mn_top_2\" onclick=\"ContentsOpen(2)\">"+
  							"<h3>"+
//  							"<a class=\"a_num\" href=\"javascript:tempoBg('mn2','');\">"+
//  							"<img src=\""+TempPath+"/ton/common/img/play.gif\" border=\"0\" border=\"0\" align=\"right\" alt=\"次の写真\" />"+
//  							"</a>"+
  							"<span class=\"wh_gr\">Course</span> <span class=\"gr_gr\">Menu</span>"+
 							"</h3></div></div>"+
							"<div class=\"mn_top\"><div id=\"mn_top_3\" onclick=\"ContentsOpen(3)\">"+
  							"<h3>"+
  							"<a class=\"a_num\" href=\"javascript:tempoBg('mn3','');\">"+
  							"<img src=\""+TempPath+"/ton/common/img/play.gif\" border=\"0\" border=\"0\" align=\"right\" alt=\"次の写真\" />"+
  							"</a>"+
  							"<span class=\"wh_gr\">Grand</span> <span class=\"gr_gr\">Menu</span>"+
  							"</h3></div></div>"; // メニュー
							
  ContentsSub[1] = "<div id=\"tempo_top_left\">"+
							"<img class=\"button\" src=\""+TempPath+"/ton/common/img/cts_menu/shosai.gif\" alt=\"清瀬店の詳細はこちら\" width=\"132\" height=\"28\" hspace=\"0\" vspace=\"10\" onclick=\"ContentsOpen(4)\" />"+
							"<div class=\"tempo_top_div\">店内写真&nbsp;:<span class=\"large\">&nbsp;</span>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('kiyo','0');\">&nbsp;1&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('kiyo','1');\">&nbsp;2&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('kiyo','2');\">&nbsp;3&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('kiyo','3');\">&nbsp;4&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('kiyo','4');\">&nbsp;5&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('kiyo','5');\">&nbsp;6&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('kiyo','6');\">&nbsp;7&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('kiyo','7');\">&nbsp;8&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('kiyo','8');\">&nbsp;9&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('kiyo','9');\">&nbsp;10&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('kiyo','10');\">&nbsp;11&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('kiyo','11');\">&nbsp;12&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('kiyo','12');\">&nbsp;13&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('kiyo','13');\">&nbsp;14&nbsp;</a>"+
							"</div>"+
							"</div>"+
							"<div id=\"tempo_top_right\">"+
							"<img class=\"button\" src=\""+TempPath+"/ton/common/img/cts_menu/shosai.gif\" alt=\"花小金井店の詳細はこちら\" width=\"132\" height=\"28\" hspace=\"0\" vspace=\"10\" onclick=\"ContentsOpen(5)\" />"+
							"<div class=\"tempo_top_div\">店内写真&nbsp;:<span class=\"large\">&nbsp;</span>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('hana','0');\">&nbsp;1&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('hana','1');\">&nbsp;2&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('hana','2');\">&nbsp;3&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('hana','3');\">&nbsp;4&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('hana','4');\">&nbsp;5&nbsp;</a>"+
							"<a class=\"a_num\" href=\"javascript:tempoBg('hana','5');\">&nbsp;6&nbsp;</a>"+
							"</div>"+
							"</div>"; // 店舗案内
  ContentsSub[2] = "<img src=\""+TempPath+"/ton/common/img/concept/3concept.gif\" alt=\"同心居を支える3つの柱: 当店ではコンセプトとして3つの柱があり、それを基にお客様に対して、より良いサービス・料理を提供できるよう心がけております。ただ、それらは目新しい発想で何かをする、という革新的なことではなく、『思いやり』や『真心』など、心からのサービスを中心とした基本的な考えから成り立っています。一度ご来店いただきお客様自身でそれらを実際に感じていただけたら幸いです。\"  />"; // コンセプト

var ContentsSubBgColor = new Array();
  ContentsSubBgColor[0] = ""; // メニュー
  ContentsSubBgColor[1] = ""; // 店舗案内
  ContentsSubBgColor[2] = ""; // コンセプト

var ContentsSubBgImg = new Array();
  ContentsSubBgImg[0] = ""; // メニュー
  ContentsSubBgImg[1] = ""; // TempPath+"/ton/common/img/cts_menu/tempo-annai.png"; // 店舗案内
  ContentsSubBgImg[2] = ""; // コンセプト

var ContentsSubFilter = new Array();
  ContentsSubFilter[0] = 0; // メニュー
  ContentsSubFilter[1] = 0; // TempPath+"/ton/common/img/cts_menu/tempo-annai.png"; // 店舗案内
  ContentsSubFilter[2] = 0; // コンセプト

function  ContentsOpen(id) {
	var ID = id;
	location.href=ContentsAdd[ID];
}

var TempoKiyo = new Array();
  TempoKiyo[0] = TempPath+"/ton/common/img/cts_menu/tempo-annai_kiyose.jpg";
  TempoKiyo[1] = TempPath+"/ton/common/img/cts_menu/tempo-bg-kiyo/002.jpg";
  TempoKiyo[2] = TempPath+"/ton/common/img/cts_menu/tempo-bg-kiyo/003.jpg";
  TempoKiyo[3] = TempPath+"/ton/common/img/cts_menu/tempo-bg-kiyo/004.jpg";
  TempoKiyo[4] = TempPath+"/ton/common/img/cts_menu/tempo-bg-kiyo/005.jpg";
  TempoKiyo[5] = TempPath+"/ton/common/img/cts_menu/tempo-bg-kiyo/006.jpg";
  TempoKiyo[6] = TempPath+"/ton/common/img/cts_menu/tempo-bg-kiyo/007.jpg";
  TempoKiyo[7] = TempPath+"/ton/common/img/cts_menu/tempo-bg-kiyo/008.jpg";
  TempoKiyo[8] = TempPath+"/ton/common/img/cts_menu/tempo-bg-kiyo/009.jpg";
  TempoKiyo[9] = TempPath+"/ton/common/img/cts_menu/tempo-bg-kiyo/010.jpg";
  TempoKiyo[10] = TempPath+"/ton/common/img/cts_menu/tempo-bg-kiyo/011.jpg";
  TempoKiyo[11] = TempPath+"/ton/common/img/cts_menu/tempo-bg-kiyo/012.jpg";
  TempoKiyo[12] = TempPath+"/ton/common/img/cts_menu/tempo-bg-kiyo/013.jpg";
  TempoKiyo[13] = TempPath+"/ton/common/img/cts_menu/tempo-bg-kiyo/014.jpg";

var TempoHana = new Array();
  TempoHana[0] = TempPath+"/ton/common/img/cts_menu/tempo-annai_koganei.jpg";
  TempoHana[1] = TempPath+"/ton/common/img/cts_menu/tempo-bg-hana/001.jpg";
  TempoHana[2] = TempPath+"/ton/common/img/cts_menu/tempo-bg-hana/002.jpg";
  TempoHana[3] = TempPath+"/ton/common/img/cts_menu/tempo-bg-hana/003.jpg";
  TempoHana[4] = TempPath+"/ton/common/img/cts_menu/tempo-bg-hana/004.jpg";
  TempoHana[5] = TempPath+"/ton/common/img/cts_menu/tempo-bg-hana/005.jpg";

var menuBgMn = new Array();
  menuBgMn[0] = TempPath+"/ton/common/img/menu/lunch01.jpg";//lunch
  menuBgMn[1] = TempPath+"/ton/common/img/menu/kisetsu01.jpg";//season
  menuBgMn[2] = TempPath+"/ton/common/img/menu/kisetsu02.jpg";//season
  menuBgMn[3] = TempPath+"/ton/common/img/menu/course02.jpg";//course
  menuBgMn[4] = TempPath+"/ton/common/img/menu/grand02.jpg";//grand
  menuBgMn[5] = TempPath+"/ton/common/img/menu/grand03.jpg";//grand
  menuBgMn[6] = TempPath+"/ton/common/img/menu/grand04.jpg";//grand
  menuBgMn[7] = TempPath+"/ton/common/img/menu/grand05.jpg";//grand
  menuBgMn[8] = TempPath+"/ton/common/img/menu/grand06.jpg";//grand
  menuBgMn[9] = TempPath+"/ton/common/img/menu/grand01.jpg";//grand

var id_k=1;
var id_h=1;
var id_mn = new Array(0,3,6,9);
var id_mn_len = new Array(1,2,1,6);
var id_mn_len_cnt = new Array(1,3,4,10);
var id_mn_elm = new Array("mn_top_0","mn_top_1","mn_top_2","mn_top_3");
var te_k;
var te_h;
function tempoBg(t,prm) {
  if(t=="kiyo") {
    if(prm=="") {
      te_k = document.getElementById("tempo_top_left");
      te_k.style.backgroundImage = "url("+TempoKiyo[id_k]+")";
	  if(te_k==TempoKiyo.length-1) {
        id_k=0;
      } else {
        id_k++;
      }
    } else {
      id_k = prm;
      te_k = document.getElementById("tempo_top_left");
      te_k.style.backgroundImage = "url("+TempoKiyo[id_k]+")";
    }
  } else if(t=="hana") {
    if(prm=="") {
      te_h = document.getElementById("tempo_top_right");
      te_h.style.backgroundImage = "url("+TempoHana[id_h]+")";
	  if(id_h==TempoHana.length-1) {
        id_h=0;
      } else {
        id_h++;
      }
    } else {
      id_h = prm;
      te_h = document.getElementById("tempo_top_right");
      te_h.style.backgroundImage = "url("+TempoHana[id_h]+")";
    }
  } else if(t.match(/^(mn)/)) {
    var tid = parseInt(t.replace(/^(mn)/,""));
	if(parseInt(id_mn[tid]) < parseInt(id_mn_len_cnt[tid])-1) {
      id_mn[tid] =  parseInt(id_mn[tid])+1;
	} else {
      id_mn[tid] = parseInt(id_mn_len_cnt[tid])-parseInt(id_mn_len[tid]);
	}
	document.getElementById(id_mn_elm[tid]).style.backgroundImage = "url("+menuBgMn[id_mn[tid]]+")";
  }
}

function contentsMenuAreaOpen(openID,flag) {
  flashDisp=false;
  var Ph = document.location.pathname;
  if (Ph.match(/(\/menu\/)|(\/shop\/)|(\/concept\/)/)) {
    ;
  } else {
    FlashDisp();
  }
  var ctsMnArea = document.getElementById("ContentsMenuArea");
  var mainBox = "Main";
  if(flag) {
    if(ContentsSubFilter[openID]!=0) {
      if(isIE) {
        ctsMnArea.style.filter = "Alpha(Opacity=80)";
      } else {
        ctsMnArea.style.opacity = 0.8;
	  }
    } else {
      if(isIE) {
        ctsMnArea.style.filter = "none";
      } else {
        ctsMnArea.style.opacity = "none";
	  }
	}
    ctsMnArea.innerHTML = ContentsSub[openID];
    if(openID==0) {
      for(var i=0; i<ctsMnArea.getElementsByTagName("h3").length; i++) {
        if(isIE) {
          ctsMnArea.getElementsByTagName("h3")[i].style.filter = "Alpha(Opacity=80)";
        } else {
          ctsMnArea.getElementsByTagName("h3")[i].style.opacity = 0.8;
        }
	  }
	}
    document.getElementById(mainBox).style.display="none"
    ctsMnArea.style.backgroundColor=ContentsSubBgColor[openID];
    ctsMnArea.style.backgroundImage="url("+ContentsSubBgImg[openID]+")";
    ctsMnArea.style.display="block";
  } else {
    document.getElementById(mainBox).style.display="block"
    ctsMnArea.style.display="none";
    ctsMnArea.innerHTML = "";
  }
}

Effect.DefaultOptions = {
  transition: Effect.Transitions.sinoidal,
  duration:   0.5,   // seconds
  fps:        60.0,  // max. 60fps due to Effect.Queue implementation
  sync:       false, // true for combining
  from:       0.0,
  to:         1.0,
  delay:      0.0,
  queue:      'parallel'
}
function ajaxShowHideOld(entryID) {
  element = $('ContentsMn' + entryID);
  if($('ContentsMn' + entryID).style.display == 'none') {
    options = {
        afterFinish: function(effect) {
            Element.show(effect.element);
        }
    };
    Effect.BlindDown(element, options);
  } else {
    options = {
        afterFinish: function(effect) {
            Element.hide(effect.element);
        }
    };
    Effect.BlindUp(element, options);
  }
}
function ajaxShowHideLoad(entryID) {
  element = $('ContentsMn' + entryID);
    options = {
      afterFinish: function(effect) {
      Element.show(effect.element);
    }
  };
  Effect.BlindDown(element, options);
}

function ajaxShowHide(entryID) {
  for(var i=0; i<3; i++) {
    if(i==entryID) {
      if($('ContentsMn' + entryID).style.display == 'none') {
	    element = $('ContentsMn' + entryID);
        options = {
          afterFinish: function(effect) {
            Element.show(effect.element);
			contentsMenuAreaOpen(entryID,true);
          }
        };
        Effect.BlindDown(element, options);
      } else {
        element = $('ContentsMn' + entryID);
        options = {
          afterFinish: function(effect) {
            Element.hide(effect.element);
			contentsMenuAreaOpen(entryID,false);
          }
        };
        Effect.BlindUp(element, options);
	  }
    } else {
      if($('ContentsMn' + i).style.display == '') {
        element = $('ContentsMn' + i);
        options = {
          afterFinish: function(effect) {
            Element.hide(effect.element);
          }
        };
        Effect.BlindUp(element, options);
      }
    }
  }
}