$(document).ready(function(){
	var Switch = "#gnavi .facility"; //開閉ボタンのハンドル
	var Fmenu = "#fnavi"; //施設メニュー
	var Close  = "#fclose"; //閉じるボタンのハンドル

	var fontS ={
		id:  '#fontSmall',
		name:  'S',
		size:  '70%',
		position:  '-1px 0'
	}
	var fontM ={
		id:  '#fontMedium',
		name:  'M',
		size:  '78%',
		position:  '-1px -22px'
	}
	var fontL ={
		id:  '#fontLarge',
		name:  'L',
		size:  '125%',
		position:  '-1px -44px'
	}

	//メニュー用配列
	var Menu1 ={
		id:  '#fmenu1',
		subid:  '#fmenuSub1',
		nonactive:  '0 0',
		active:  '0 -94px',
		key: false
	}
	var Menu2 ={
		id:  '#fmenu2',
		subid:  '#fmenuSub2',
		nonactive:  '-112px 0',
		active:  '-112px -94px',
		key: false
	}
	var Menu3 ={
		id:  '#fmenu3',
		subid:  '#fmenuSub3',
		nonactive:  '-224px 0',
		active:  '-224px -94px',
		key: false
	}
	var Menu4 ={
		id:  '#fmenu4',
		subid:  '#fmenuSub4',
		nonactive:  '-336px 0',
		active:  '-336px -94px',
		key: false
	}

	var Status = "open"; //開閉用ステータスの初期値

	var Fkey = false;//施設メニューの開閉処理の実行状態初期値
	
	if(ReadCookie("domeFMenu") == 'close'){
		$(Fmenu).css("display","none");
		Status = close;
	}

	if(ReadCookie("domeFontSize") == 'S'){
		FontSizeChange(fontS);
	}else if(ReadCookie("domeFontSize") == 'L'){
		FontSizeChange(fontL);
	}else{
		FontSizeChange(fontM);
	}

	// 施設メニュー開閉用ボタン
	$(Switch).click(function(){
		if(Status == "open"){
			Fclose();
		}else{
			Fopen();
		}
	});

	// 閉じるボタン
	$(Close).click(function(){
		Fclose();
	});

	//Menu1の開閉処理
	$(Menu1['id']).hover(
		function(){
			sOpen(Menu1);
		},
		function(){
			sClose(Menu1);
		}
	);
	//Menu2の開閉処理
	$(Menu2['id']).hover(
		function(){
			sOpen(Menu2);
		},
		function(){
			sClose(Menu2);
		}
	);
	//Menu3の開閉処理
	$(Menu3['id']).hover(
		function(){
			sOpen(Menu3);
		},
		function(){
			sClose(Menu3);
		}
	);
	//Menu4の開閉処理
	$(Menu4['id']).hover(
		function(){
			sOpen(Menu4);
		},
		function(){
			sClose(Menu4);
		}
	);

	//Menu1の閉処理
	$(Menu1['id']).click(
		function(){
			sClose(Menu1);
		}
	);
	//Menu2の閉処理
	$(Menu2['id']).click(
		function(){
			sClose(Menu2);
		}
	);
	//Menu3の閉処理
	$(Menu3['id']).click(
		function(){
			sClose(Menu3);
		}
	);
	//Menu4の閉処理
	$(Menu4['id']).click(
		function(){
			sClose(Menu4);
		}
	);

	//Fontの開閉処理
	$("#fontSizeMenu").hover(
		function(){
			$("#fontSizeMenuSub").show();
		},
		function(){
			$("#fontSizeMenuSub").hide();
		}
	);
	$("#fontSmall").click(
		function(){
			FontSizeChange(fontS);
		}
	);
	$("#fontMedium").click(
		function(){
			FontSizeChange(fontM);
		}
	);
	$("#fontLarge").click(
		function(){
			FontSizeChange(fontL);
		}
	);

	function FontSizeChange(font){
		$("body").css("font-size",font['size']);
		$("#nowsize").css("background-position",font['position']);
		WriteCookie("domeFontSize",font['name'],90);
		$("#fontSizeMenuSub").hide();
	}



	//閉じる処理
	function Fclose(){
		if(Fkey==false){
			Fkey=true;
			$(Fmenu).animate({opacity: 0}, 300);
			$(Fmenu).slideUp(300,function(){ Fkey = false; });
			Status = "close";
			WriteCookie("domeFMenu","close",90);
		}else{
			//開閉処理の実行中は何もしない
		}
	}

	//開く処理
	function Fopen(){
		if(Fkey==false){
			Fkey=true;
			$(Fmenu).slideDown(300);
			$(Fmenu).animate({opacity: 1}, 300,function(){ Fkey = false; });
			Status = "open";
			WriteCookie("domeFMenu","open",90);
		}else{
			//開閉処理の実行中は何もしない
		}
	}

	//クッキーの書き込み
	function WriteCookie(key, value, days) {
		var str = key + "=" + escape(value) + ";";
		str +='path=/;';
		if (days != 0) {
			var dt = new Date();
			dt.setDate(dt.getDate() + days);
			str += "expires=" + dt.toGMTString() + ";";
		}
		document.cookie = str;
	}

	//クッキーの読み出し
	function ReadCookie(key) {
		var sCookie = document.cookie;
		var aData = sCookie.split(";");
		var oExp = new RegExp(" ", "g");
		key = key.replace(oExp, "");

		var i = 0;
		while (aData[i]) {
			var aWord = aData[i].split("=");
			aWord[0] = aWord[0].replace(oExp, "");
			if (key == aWord[0]) return unescape(aWord[1]);
			if (++i >= aData.length) break;
		}
		return "";
	}
	
	//サブメニュー生成処理
	$.ajax({
		url:'/common/js/menu.js',
		dataType:'json',
		cache:false,
		success:function(data, status, xhr){
			$.each(data, function(i, menu){
				if(menu.id){
					var menu_html = '<div class="subpos"><div id="' + menu.subid + '" class="png_bg"><div class="fmenuBottom png_bg"><ul class="clearfix png_bg">';
					var jc = 0;
					$.each(menu.child, function(i2, sub_menu){
						menu_html += '<li';
						if(jc == '0'){
							menu_html += ' class="fmenufirst"';
						}
						menu_html += '><a href="' + sub_menu.link + '"';
						if(sub_menu.window =='_blank'){
							menu_html += ' target="_blank"';
						}
						menu_html += '>' + sub_menu.title + '</a></li>';
						jc++;
					});
					menu_html += '</ul></div></div></div>';
					menu_id = '#' + menu.id;
					$(menu_id).append(menu_html);
				}
			});
		}
	});

	//サブメニューを開く処理
	function sOpen(menu){
		if(menu['key']==false){
			menu['key']=true;
			var target = menu['id'] + ' a.fmenu';
			$(target).css('background-position',menu['active']);
			if($(menu['subid']).size() > 0) {
				$(menu['subid']).slideDown(100,function(){ menu['key'] = false; });
			}else{
				menu['key']=false;
			}
		}else{
			//サブメニューを開く処理中は何もしない
		}
	}

	//サブメニューを閉じる処理
	function sClose(menu){
		var target = menu['id'] + ' a.fmenu';
		$(target).css('background-position',menu['nonactive']);
		$(menu['subid']).hide();
	}


});