$(document).ready(function(){
//
$("#navi").hide();
$("#rt_about div, #rt_bill div, #rt_news div, #rt_shichi div, #rt_yoko div, #rt_oda div, #rt_info div, #rt_priv div, #rt_cont div").hide();
$("#rt_about_en div, #rt_bill_en div, #rt_news_en div, #rt_shichi_en div, #rt_yoko_en div, #rt_oda_en div, #rt_info_en div, #rt_priv_en div, #rt_cont_en div").hide();
$("#foot_wrap").hide();
$("#bkgd img").hide();

/* ---- load contents ---- */
for(i=1;i<=9;i++){
	if(i != 8){//reservations以外
		var tgt_ja = rt_ary[i] + " div";
		var url_ja = "wp/" + load_ary[i];
		$(tgt_ja).load(url_ja);

		var tgt_en = rt_ary[i] + "_en div";
		var url_en = "wp/" + load_ary[i] + "?lang=en";
		$(tgt_en).load(url_en);
	}
}
$("#rt_cont div").load("contact_ja.php");
$("#rt_cont_en div").load("contact_en.php");

/* ---- rt_bannerのマウス設定 ---- */
$("#rt_banner div").click(function(){
	if(bBGstop){
		_gaq.push(['_trackEvent', 'sitemenu', 'topbanner']);
		bBannerClick = true;
		changeLang("lang_ja");
	}
});
$("#rt_banner div").mouseover(function(){
	$(this).css("cursor","pointer");
});

/* ---- logo, langのマウス設定 ---- */
$("#logo h1").click(function(){
	if(bNavi){
		_gaq.push(['_trackEvent', 'sitemenu', 'logo']);
		changeLang("");
	}
});
$("#logo h1").mouseover(function(){
	if(bNavi){
		$(this).css("cursor","pointer");
	}
});
$("#lang_ja, #lang_en").click(function(){
	var tgt = $(this).attr("id");
	changeLang(tgt);
});
$("#lang_ja, #lang_en").mouseover(function(){
	var tgt = $(this).attr("id");
	$(this).css("color", "#ffffff");
	$(this).css("cursor","pointer");
});
$("#lang_ja, #lang_en").mouseout(function(){
	var tgt = $(this).attr("id");
	$(this).css("color", "#aaaaaa");
	$(this).css("cursor","default");
});

/* ---- naviのマウス設定 ---- */
$("#navi1, #navi2, #navi3, #navi4, #navi5, #navi6, #navi7").click(function(){
	if(bBGstop){
		var num = $("#navi p").index(this) + 1;
		var str = title_ary[num] + " – ";
		setTitle(str);
		var navi_name = "#" + $(this).attr("id");
		changeRight(num, navi_name);
	}
});
$("#navi8").click(function(){
	if(lang_str == "lang_ja"){
		window.open("reservations/ja.html");
		_gaq.push(['_trackEvent', 'sitemenu', 'ja_Reservations']);
	}else if(lang_str == "lang_en"){
		window.open("reservations/en.html");
		_gaq.push(['_trackEvent', 'sitemenu', 'en_Reservations']);
	}
});
$("#navi1, #navi2, #navi3, #navi4, #navi5, #navi6, #navi7, #navi8").mouseover(function(){
	$(this).css({"color":"#ffffff", "background-color":"#000000", "cursor":"pointer"});
});
$("#navi1, #navi2, #navi3, #navi4, #navi5, #navi6, #navi7, #navi8").mouseout(function(){
	$(this).css({"color":"#77787b", "background-color":"#ffffff", "cursor":"default"});
});

/* ---- footのマウス設定 ---- */
$("#navi9").click(function(){
	if(bBGstop){
		var num = 9;
		var str = title_ary[num] + " – ";
		setTitle(str);
		var navi_name = "#" + $(this).attr("id");
		changeRight(num, navi_name);
	}
});
$("#navi10").click(function(){
	if(bBGstop){
		var num = 10;
		var str = title_ary[num] + " – ";
		setTitle(str);
		var navi_name = "#" + $(this).attr("id");
		changeRight(num, navi_name);
	}
});
$("#navi9, #navi10").mouseover(function(){
	$(this).css({"background-color":"#000000", "cursor":"pointer"});
});
$("#navi9, #navi10").mouseout(function(){
	$(this).css({"background":"none", "cursor":"default"});
});

changeBG();


});/* ---- ここまでready内 ---- */

var title_ary = new Array("","About bills", "Bill Granger", "News", "Shichirigahama", "Yokohama", "Odaiba", "Information", "Reservations", "Privacy Policy", "Contact");
var rt_ary = new Array("","#rt_about", "#rt_bill", "#rt_news", "#rt_shichi", "#rt_yoko", "#rt_oda", "#rt_info", "空", "#rt_priv", "#rt_cont");
var load_ary = new Array("", "aboutbills/", "billgranger/", "", "shichirigahama/", "yokohama/", "odaiba/", "information/", "", "privacypolicy/", "contact/");

var fade_spd = 800;
var fade_spd2 = 800;
var z_num = 10;
var bBGstop = true;//背景のフェードが完了しているかどうか
var bNavi = false;//ナビが出ているかどうか
var bBannerClick = false;//バナーをクリックしたかどうか
var rt_next;
var ga_lang_str;//google analyticsのイベントトラッキング用

/* ---- bgfade ---- */
var prev_num = 8;
var tgt_num;var rt_num = 0;
var bRight = false;//rtコンテンツが出てるかどうか

function changeBG(){
	tgt_num = rt_num;
	if(tgt_num != prev_num){//カレントで無いなら実行
		$("#bkgd img:eq(" + tgt_num + ")").hide();//まずターゲット画像を非表示にして
		z_num += 1;
		$("#bkgd img:eq(" + tgt_num + ")").css("z-index", z_num);//重ね順を一番上にする
		$("#bkgd img:eq(" + tgt_num + ")").fadeIn(fade_spd, hidePrev);//そしてフェードイン
	}
}
function hidePrev(){//フェードインが終わったら実行
	var temp_str = "#bg" + prev_num;
	$(temp_str).hide();//古いのを消し、
	$("#bg" + tgt_num).css("z-index", "1");//新しいのも深度１に下げる→深度２は空になる
	prev_num = tgt_num;
	bBGstop = true;
}


/* ---- bgfit ---- */
$(function(){
	fitBG();
	//リサイズしたら実行
	$(window).resize(function(){
		fitBG();
	});
});
function fitBG(){
	//画像サイズ指定
	var imgW = 960;
	var imgH = 660;
	//ウィンドウサイズ取得
	var winW = $(window).width();
	var winH = $(window).height();
	var scaleW = winW / imgW;
	var scaleH = winH / imgH;
	var fixScale = Math.max(scaleW, scaleH);
	var setW = imgW * fixScale;
	var setH = imgH * fixScale;
	var moveX = Math.floor((winW - setW) / 2);
	var moveY = Math.floor((winH - setH) / 2);
	if(winW < 960 && winH < 660){
		$("#bkgd img").css({"width":"960px", "height":"660px"});
	}else{
		$("#bkgd img").css({"width":setW, "height":setH});
	}

	if(winW < 960){
		$("#bkgd").css({"width":"960px","overflow":"hidden"});
	}else if(winW >= 960){
		$("#bkgd").css({"width":"100%","overflow":"hidden"});
	}
	if(winH < 660){
		$("#bkgd").css({"height":"660px","overflow":"hidden"});
	}else if(winH >= 660){
		$("#bkgd").css({"height":"100%","overflow":"hidden"});
	}
	if(winW < 960 && winH < 660){
		$("#bkgd").css({"width":"960px","height":"660px","overflow":"hidden"});
	}
}

/* ---- language, navi, foot ---- */
var lang_str="";
function changeLang(str){
	if((lang_str != str) && (bBGstop == true)){//現在と違う言語で、かつ背景フェードが終わっている場合

		if(str == ""){//ロゴをクリックの場合
			if(bNavi){
				$("#navi").fadeOut(fade_spd);
				$("#foot_wrap").fadeOut(fade_spd);
			}
			if(bRight){
				$(rt_ary[rt_num] + lang_code + " div").fadeOut(fade_spd);
			}
			$("#rt_banner").css("z-index", z_num);
			$("#rt_banner div").fadeIn(fade_spd);
			bNavi = false;
			$("#logo h1").css("cursor","default");
			changeRight(0);
		}else if(bRight == false && bNavi == false){//１．何も操作していない場合
			showNavi();
		}else if(bRight == false && bNavi == true){//２．ナビだけ出てる場合（langクリック）
			$("#navi").fadeOut(fade_spd, showNavi);
			$("#foot_wrap").fadeOut(fade_spd);
		}else if(bRight == true){//３．右コンテンツがある場合
			$("#navi").fadeOut(fade_spd, showNavi);
			$("#foot_wrap").fadeOut(fade_spd);
			$(rt_ary[rt_num] + lang_code + " div").fadeOut(fade_spd);
			changeRight(0);
		}
		
		//
		lang_str = str;
		if(str == "lang_ja"){
			lang_code = "";
			ga_lang_str = "ja";
			_gaq.push(['_trackEvent', 'sitemenu', 'Japanese']);
		}else if(str == "lang_en"){
			lang_code = "_en";
			ga_lang_str = "en";
			_gaq.push(['_trackEvent', 'sitemenu', 'English']);
		}
		setTitle("");

		if(lang_str != ""){//日英どちらかクリック
			var temp_lang = "#" + lang_str;
			var temp_lang_not = "#lang p:not(#" + lang_str + ")";

			//自分の処理
			$(temp_lang).unbind("mouseover");
			$(temp_lang).unbind("mouseout");
			$(temp_lang).css("color", "#ffffff");
			$(temp_lang).css("cursor","default");

		}else{//ロゴをクリックの場合
			var temp_lang_not = "#lang_ja, #lang_en";
		}

		//自分じゃない方の処理
		$(temp_lang_not).css("color", "#aaaaaa");
		$(temp_lang_not).mouseover(function(){
			var tgt = $(this).attr("id");
			$(this).css("color", "#ffffff");
			$(this).css("cursor","pointer");
		});
		$(temp_lang_not).mouseout(function(){
			var tgt = $(this).attr("id");
			$(this).css("color", "#77787b");
			$(this).css("cursor","default");
		});
		//
	}
}

function showNavi(){
	//バナーを消す
	$("#rt_banner div").fadeOut(fade_spd);
	bNavi = true;
	if(bBannerClick == true){//バナークリックの場合navi6の状態を変更しておく
		$("#navi3").css({"color":"#ffffff", "background-color":"#000000", "cursor":"pointer"});
	}
	$("#navi").fadeIn(fade_spd, showFoot);
}

function showFoot(){
	if(bBannerClick == false){//通常時
		$("#foot_wrap").fadeIn(fade_spd);
	}else{//バナークリック時
		$("#foot_wrap").fadeIn(fade_spd);
		odaibaAuto();
	}
}
function odaibaAuto(){
	bBannerClick = false;
	var num = 3;
	var str = title_ary[num] + " – ";
	setTitle(str);
	var navi_name = "#navi3";
	changeRight(num, navi_name);
}

/* ---- title変更 ---- */
function setTitle(str){
	var title_str = str + "bills";
	if(lang_str == "lang_ja"){
		title_str += " ビルズ";
	}
	document.title = title_str;
}

/* ---- 右コンテンツ切替 ---- */
function changeRight(num, navi_name){
	if(num != rt_num && bBGstop){
		bBGstop = false;

		if(bRight){

			//古いナビのcssなどを元に戻す
			if(rt_num < 8){//reservations(navi8)以外の左ナビ（navi1〜7,9,10）の場合
				
				var prev_navi = "#navi" + rt_num;
				$(prev_navi).mouseover(function(){
					$(this).css({"color":"#ffffff", "background-color":"#000000", "cursor":"pointer"});
				});
				$(prev_navi).mouseout(function(){
					$(this).css({"color":"#77787b", "background-color":"#ffffff", "cursor":"default"});
				});
				$(prev_navi).css({"color":"#77787b", "background-color":"#ffffff", "cursor":"default"});

			}else if(rt_num > 8){//フッターナビ（navi9,10）の場合
				
				var prev_navi = "#navi" + rt_num;
				$(prev_navi).mouseover(function(){
					$(this).css({"background-color":"#000000", "cursor":"pointer"});
				});
				$(prev_navi).mouseout(function(){
					$(this).css({"background":"none", "cursor":"default"});
				});
				$(prev_navi).css({"background":"none", "cursor":"default"});
			}

			//まず古くなるコンテンツをフェードアウトしてから新しいのをコールバック
			var rt_prev = rt_ary[rt_num] + lang_code + " div";
			rt_num = num;
			if(rt_num > 0){//通常のコンテンツ切替
				$(rt_prev).fadeOut(fade_spd, showRight);
				$(navi_name).unbind("mouseover").unbind("mouseout");
				$(navi_name).css("cursor","default");
				if(rt_num < 8){
					$(navi_name).css({"color":"#ffffff", "background-color":"#000000"});
				}else if(rt_num > 8){
					$(navi_name).css({"background-color":"#000000"});
				}
			}else{//言語切替時
				bRight = false;
				$(rt_prev).fadeOut(fade_spd);
				changeBG();
			}

		}else{//初回用

			bRight = true;
			$(navi_name).unbind("mouseover").unbind("mouseout");
			$(navi_name).css("cursor","default");

			rt_num = num;
			showRight();
		}
	}
}
function showRight(){//新しいコンテンツ出す用
	rt_next = rt_ary[rt_num] + lang_code + " div";
	$(rt_next).parent().css("z-index", z_num);
	$(rt_next).fadeIn(fade_spd, setAlpha);
	changeBG();
	var ga_str = ga_lang_str + "_" + title_ary[rt_num];
	_gaq.push(['_trackEvent', 'sitemenu', ga_str]);
	//alert(ga_str);
}
function setAlpha(){
	if(!jQuery.support.opacity){//IEシリーズのみ
		$(rt_next).css({"filter":"alpha(opacity=90)"});
	}
}

function setParentCont(cont_num){
	if(bBGstop){
		var num = cont_num;
		var str = title_ary[num] + " – ";
		setTitle(str);
		var navi_name = "#navi" + cont_num;
		changeRight(num, navi_name);
	}
}