// charset=utf-8
//機能　マスターページからhtmlを読み込んで、このjsを仕込んだページのページヘッダとフッタに表示する
//　　　マスターページのページヘッダまたはフッタを編集してアップロードするだけで
//　　　このjsを仕込んでいるすべてのページのページヘッダまたはフッタを変更することができる

//機能２　また、表示されたヘッダまたはフッタのリンクから別府市トップの特定のタブパネルに移動する場合、
//　　　　タブパネルが利用しているcookieを書き換えることでアンカーなしURLで遷移させる

//必要ライブラリ:jquery.js, jquery.cookie,js　（2011.2.4 prototype.jsを不要化）


jQuery(function() {
				
//***パラメータ******************************


//読み込むnavimenu_masterページ（サイトルートからのパス）
	var master_document = "/js/city_headfoot/city_headfoot_master.html";
//通信失敗時メッセージ
	var falsemsg_navi = "通信に失敗しました";
//読込中に表示するメッセージ
//	headtop_result.innerHTML ="<img src='../loading.gif' /> loading menu...\n";//画像ファイルがhtmlからの相対パス！！
//	foot_result.innerHTML ="<img src='../loading.gif' /> loading menu...\n";//画像ファイルがhtmlからの相対パス！！
	

	



//***機能１の処理部******************************
//表示のクリア
function clearDisp_head() {
  headtop_result.innerHTML = "";
}
function clearDisp_foot() {
  foot_result.innerHTML = "";
}

//低速通信環境でヘッダフッタが正しく読み込まれないケースを回避するためにデータ取得を遅延させる
setTimeout(function() {
   if (!window.jQuery) { setTimeout(arguments.callee, 10); } //jQueryの読み込みが完了していなければ10マイクロ秒後に再トライする。
   else {getAndSetData();} //jQueryの読み込みが完了していればさらに0.1秒後にgetAndSetData処理を実行する。
},100);

function getAndSetData(){
	//*****ajax通信(jQuery)*****
	jQuery.ajax({
		url: master_document,
		type: "GET",
		processData: false,
		dataType: "html", //htmlをテキストデータとして読み込む（DOMオブジェクトとしては読み込めない）
		timeout: 1000,
		error: function(){
        		//jQuery("#headtop").text("");
    		},
		success: function(html_data){setHeadFootData(html_data);}
	});

	function setHeadFootData(html_data){
//		alert(html_data);
		html_data = html_data.replace(/[\r\n]/g, "");//正しくマッチさせるために取得データからまず改行を除去
		
		//*****head部のデータ取得*****		
		var head_array = html_data.match(/<div id="headtop">.+?<div id="headtop_end">/g);//<div id="headtop">から<div id="headtop_end">までを取り出す（一つしかないはず）
		head_array[0] = head_array[0].replace(/<div id="headtop">/, "");//先頭の<div id="headtop">を削除
		var headtopdata = head_array[0].replace(/<div id="headtop_end">/, "");//末尾の<div id="navimenu_end">を削除
//		alert(headtopdata);

		//*****foot部のデータ取得*****		
		var foot_array = html_data.match(/<div id="pagefoot2007">.+?<\/body>/g);//<div id="pagefoot2007">から</body>までを取り出す（一つしかないはず）
		foot_array[0] = foot_array[0].replace(/<div id="pagefoot2007">/, "");//先頭の<div id="pagefoot2007">を削除
		var footdata = foot_array[0].replace(/<\/div><\/body>/, "");//末尾の</div></body>を削除
//		alert(footdata);

		//*****取得したhead,footデータをHTMLに追加*****
        	jQuery("#headtop").html("" + headtopdata); //headtopdataの値を文字列として取り出し、ヘッダを表示する要素にhtmlデータとして追加
        	jQuery("#pagefoot2007").html("" + footdata); //footdataの値を文字列として取り出し、フッタを表示する要素にhtmlデータとして追加
	}

}



});


//***機能２の処理部******************************

//別府市トップページ内タブパネルへのリンククリック時
//cookieを書き換えてからアンカーなしURLで別府市トップの指定パネルに遷移させる
//cookieメソッドの詳細はjquery.cookie,jsを参照のこと

//「新着・お知らせ」パネルに行く（HTML上で<a href="javascript:gotoNews()">と指定するとこの関数が動く、以下同）
function gotoNews(){
	jQuery.cookie("ui-tabs-1",null,{path:'/'});//既存のcookieを削除
	jQuery.cookie("ui-tabs-1","0",{path:'/'});//「新着・お知らせ」パネルのcookie値:0　でcookieを書き込む
	document.location.href = '/index.html';//index.htmlに遷移する
	return false;
}
//「おすすめページ」パネルに行く
function gotoOsusume(){
	jQuery.cookie("ui-tabs-1",null,{path:'/'});
	jQuery.cookie("ui-tabs-1","1",{path:'/'});
	document.location.href = '/index.html';
	return false;
}
//「分野別記事」パネルに行く
function gotoBunyabetu(){
	jQuery.cookie("ui-tabs-1",null,{path:'/'});
	jQuery.cookie("ui-tabs-1","2",{path:'/'});
	document.location.href = '/index.html';
	return false;
}
//「サイト内検索」パネルに行く
function gotoKensaku(){
	jQuery.cookie("ui-tabs-1",null,{path:'/'});
	jQuery.cookie("ui-tabs-1","3",{path:'/'});
	document.location.href = '/index.html';
	return false;
}


