/* --------------------------------------------------------------------
ヘッダエリア共通要素のJS化

0. 外部サイトでの共通部分呼び出し用設定
1. ヘッダー
2. ローカルナビ
3. ログインボックス
4. ページ読み込み後に背景反映
5. Google Analytics
--------------------------------------------------------------------*/

/* 0: 外部サイトでの共通部分呼び出し用設定
--------------------------------------------------------------------*/
// [footer.js]でも使用しています

//外部サイトでは共通部分呼び出しのためにpontaHostを定義
//本体サイトではpontaHostは未定義のため、再定義
if( typeof(pontaHost) == "undefined"){
	var domain0 = "www.ponta.jp";
	var pontaHost = (("https:" == document.location.protocol) ? ("https://" + domain0) : ("http://" + domain0));
}

if( typeof(memberdata) == "undefined"){

	var memberdata = new Object();
	memberdata.mlpMemberFlg = 0;

}
//	alert(memberdata);
//	alert(memberdata.mlpMemberFlg);

//外部サイト・本体サイトともに
//「https」からのアクセスの場合はリンク先を「http」ドメインに変更
if((pontaHost.indexOf('https') != -1))	{
	var pontaHost_http = pontaHost.replace('https','http');
}else	{
	var pontaHost_http = pontaHost;
}


/* 1: ヘッダー
--------------------------------------------------------------------*/

function setHeader(){
var data_header = '';
	data_header +=   '	<div id="header">'
					+'		<div id="header-inner">';
//topではロゴをh1として直接html内に記述、キャッチのaltもなし。
//それ以外のページではpでロゴを出力、キャッチのaltあり。
if(document.body.id == 'pontatop'){
	data_header +=	'			<p id="catch" ><img src="' + pontaHost + '/c/common/img/shouldercopy.gif" alt="" width="311" height="12" border="0" /></p>';
}else{
	data_header +=	'			<p id="logo"><a href="' + pontaHost_http + '/index.htm"><img src="' + pontaHost + '/c/common/img/logo.gif" alt="Ponta Point terminal" width="122" height="55" border="0" /></a></p>'
					+'			<p id="catch" ><img src="' + pontaHost + '/c/common/img/shouldercopy.gif" alt="ポイント、ポンポンたまる！つかえる！共通ポイント&ldquo;Ponta&rdquo;" width="311" height="12" border="0" /></p>';
}
	data_header +=	'			<p id="backtop"><a href="' + pontaHost_http + '/index.htm"><img src="' + pontaHost + '/c/common/img/btn_top.gif" alt="トップへ戻る" width="122" height="16" border="0" /></a></p>'
					+'			<!-- ▼:::::文字サイズ可変:::::▼ -->'
					+'			<dl id="font-navi" class="cfx">'
					+'				<dt><img src="' + pontaHost + '/c/common/img/fontsize_base.gif" alt="文字サイズ" width="132" height="24" border="0" /></dt>'
					+'				<dd>'
					+'					<ul class="cfx">'
					+'						<li class="text-small"><a href="javascript:void(0);" onclick="setActiveStyleSheet(\'small\'); return false;">小</a></li>'
					+'						<li class="text-medium"><a href="javascript:void(0);" onclick="setActiveStyleSheet(\'medium\'); return false;">中</a></li>'
					+'						<li class="text-large"><a href="javascript:void(0);" onclick="setActiveStyleSheet(\'large\'); return false;">大</a></li>'
					+'					</ul>'
					+'				</dd>'
					+'			</dl>'
					+'			<!-- ▲:::::文字サイズ可変:::::▲ -->'
					+'			<!-- ▼:::::トップナビゲーション:::::▼ -->'
					+'			<ul id="top-navi" class="cfx">'
					+'				<li class="tn-faq"><a href="' + pontaHost_http + '/c/faq/index.htm"><img src="' + pontaHost + '/c/common/img/faq_1.gif" alt="よくあるご質問" width="100" height="24" border="0" class="rollover" /></a></li>'
					+'				<li class="tn-contact"><a href="' + pontaHost_http + '/c/contact/index.htm"><img src="' + pontaHost + '/c/common/img/inquiry_1.gif" alt="お問合せ" width="74" height="24" border="0" class="rollover" /></a></li>'
					+'				<li class="tn-entry"><a href="' + pontaHost_http + '/c/entry/index.htm"><img src="' + pontaHost + '/c/common/img/registration_1.gif" alt="入会案内" width="81" height="24" border="0" class="rollover" /></a></li>'
					+'			</ul>'
					+'			<!-- ▲:::::トップナビゲーション:::::▲ -->'
					+'			<!-- ▼:::::グローバルナビゲーション:::::▼ -->'
					+'			<ul id="global-navi" class="cfx">'
					+'				<li id="gn-about"><a href="' + pontaHost_http + '/c/about/index.htm"><img src="' + pontaHost + '/c/common/img/menu_about_1.gif" alt="Pontaとは？" width="133" height="47" border="0" class="rollover" /></a></li>'
					+'				<li id="gn-service"><a href="' + pontaHost_http + '/c/services/index.htm"><img src="' + pontaHost + '/c/common/img/menu_guide_1.gif" alt="サービスガイド" width="129" height="47" border="0" class="rollover" /></a></li>'
					+'				<li id="gn-partner"><a href="' + pontaHost_http + '/c/partner/index.htm"><img src="' + pontaHost + '/c/common/img/menu_partner_1.gif" alt="提携店舗" width="129" height="47" border="0" class="rollover" /></a></li>'
					+'				<li id="gn-collect"><a href="' + pontaHost_http + '/c/collect/index.htm"><img src="' + pontaHost + '/c/common/img/menu_collect_1.gif" alt="ポイントをためる" width="129" height="47" border="0" class="rollover" /></a></li>'
					+'				<li id="gn-spend"><a href="http://spend.ponta.jp/"><img src="' + pontaHost + '/c/common/img/menu_spend_1.gif" alt="ポイントをつかう" width="135" height="47" border="0" class="rollover" /></a></li>'
					+'				<li id="gn-point"><a href="https://www.ponta.jp/u/LWAS900/SLWAS900010.htm?p=%2fu%2fLWEM300%2fSLWEM300010%2ehtm"><img src="' + pontaHost + '/c/common/img/menu_history_1.gif" alt="ポイント残高" width="122" height="47" border="0" class="rollover" /></a></li>'
					+'			</ul>'
					+'			<!-- ▲:::::グローバルナビゲーション:::::▲ -->'
					+'		</div>'
					+'	</div>';

	document.write(data_header);
}


/* 2: ローカルナビ
--------------------------------------------------------------------*/

function setLocalnavi(){

	//	ローカルナビゲーションデータ定義（ここから）	*********************
		//	---	通常設定	------------------------------------------------------------------
		var data_localnavi_nml = '';
		data_localnavi_nml	+='			<!-- ▼:::::ローカルナビゲーション:::::▼ -->';
		data_localnavi_nml	+='			<div id="local-navi" class="frmr">';
		data_localnavi_nml	+='				<div class="frml">';
		data_localnavi_nml	+='					<div class="frm">';

		if(memberdata.mlpMemberFlg == 1)	{
			data_localnavi_nml	+='						<ul class="mlpon cfx">';
		}	else	{
			data_localnavi_nml	+='						<ul class="mlpoff cfx">';
		}
		data_localnavi_nml	+='							<li class="ln-home"><a href="' + pontaHost_http + '/index.htm"><img src="' + pontaHost + '/c/common/img/menu_home_1.gif" alt="HOME" width="58" height="31" border="0" class="rollover" /></a></li>';
		data_localnavi_nml	+='							<li class="ln-campaign"><a href="http://www.pntc.jp/"><img src="' + pontaHost + '/c/common/img/menu_canpain_1.gif" alt="キャンペーン" width="84" height="31" border="0" class="rollover" /></a></li>';
		data_localnavi_nml	+='							<li class="ln-mailnews"><a href="https://www.ponta.jp/u/LWAS900/SLWAS900010.htm?p=%2fu%2fLWEM402%2fSLWEM402010%2ehtm"><img src="' + pontaHost + '/c/common/img/menu_melnews_1.gif" alt="メールニュース設定" width="116" height="31" border="0" class="rollover" /></a></li>';
		data_localnavi_nml	+='							<li class="ln-group"><a href="' + pontaHost_http + '/c/web/group/index.htm"><img src="' + pontaHost + '/c/common/img/menu_group_1.gif" alt="グループ" width="65" height="31" border="0" class="rollover" /></a></li>';
		data_localnavi_nml	+='							<li class="ln-resarch"><a href="https://research.ponta.jp/top/"><img src="' + pontaHost + '/c/common/img/menu_research_1.gif" alt="Pontaリサーチ" width="97" height="31" border="0" class="rollover" /></a></li>';
	
		if(memberdata.mlpMemberFlg == 1)	{
			data_localnavi_nml	+='							<li class="ln-exchange"><a href="' + pontaHost_http + '/c/exchange/index.htm"><img src="' + pontaHost + '/c/common/img/menu_pchange_1.gif" alt="ポイント交換" width="87" height="31" border="0" class="rollover" /></a></li>';
		}
		data_localnavi_nml	+='							<li class="ln-profile"><a href="https://www.ponta.jp/u/LWAS900/SLWAS900010.htm?p=%2fu%2fLWEM101%2fSLWEM101010%2ehtm"><img src="' + pontaHost + '/c/common/img/menu_registration_1.gif" alt="登録情報" width="68" height="31" border="0" class="rollover" /></a></li>';
		data_localnavi_nml	+='						</ul>';
		data_localnavi_nml	+='					</div>';
		data_localnavi_nml	+='				</div>';
		data_localnavi_nml	+='			</div>';
		data_localnavi_nml	+='			<!-- ▲:::::ローカルナビゲーション:::::▲ -->';
	
	//	ローカルナビゲーションデータ定義（ここまで）	*********************

	//	実行処理
	var data_localnavi = '';
	data_localnavi = data_localnavi_nml;
	return data_localnavi;
}


/* 3: ログインボックス
--------------------------------------------------------------------*/

function setLoginbox(){
var data_loginbox = '';
	data_loginbox	+='			<div id="login-state" class="cfx">'
					+'				<div class="box cfx">'
					+'					<div class="logout">'
//					+'						<p class="login-txt">ゲストさん、ようこそ。</p>'
					+'						<p class="login-btn"><a href="javascript:void(0);"><img src="' + pontaHost + '/c/common/img/login_btn_1.gif" alt="ログインする" width="118" height="26" border="0" class="rollover" /></a></p>'
					+'					</div>'
					+'					<div class="login">'
					+'						<p class="login-txt">ようこそ、<span id="nm0202"></span>さま</p>'
					+'						<p class="login-btn"><a href="javascript:void(0);" onClick="logout();return false;">ログアウトする</a></p>'
					+'					</div>'
					+'					<form method="post" name="form" action="https://www.ponta.jp/u/LWAS900/SLWAS900010.htm">'
					+'					<input type="hidden" name="form_name" value="form"/>'
					+'					<div id="login-formbox">'
					+'							<p id="close"><img src="' + pontaHost + '/c/common/img/btn_close.gif" alt="閉じる" width="15" height="15" border="0" /></p>'
					+'							<div class="frm">'
					+'								<div class="box-t">'
					+'									<p><img src="' + pontaHost + '/c/common/img/txt_id.gif" alt="会員ID" width="78" height="16" border="0" /></p>'
					+'									<input type="text" id="header_memberid" name="memberID" value="" maxlength="15" style="ime-mode: disabled;" />'
					+'									<p class="caption">例：123412341234123</p>'
					+'								</div>'
					+'								<div class="box-b">'
					+'									<p><img src="' + pontaHost + '/c/common/img/text_password.gif" alt="パスワード" width="78" height="16" border="0" /></p>'
					+'									<input type="password" name="password" value="" maxlength="40" style="ime-mode: disabled;" />'
					+'									<p class="caption"><a href="https://www.ponta.jp/u/LWEM100/SLWEM100010.htm">パスワードを忘れた方はこちら</a></p>'
					+'								</div>'
					+'								<p class="btn"><input type="image" name="login" id="form_login" value="Login" alt="ログインする" onmouseout="this.src=\'' + pontaHost + '/c/common/img/btn_login_1.gif\'" src="' + pontaHost + '/c/common/img/btn_login_1.gif" onmouseover="this.src=\'' + pontaHost + '/c/common/img/btn_login_2.gif\'" /></p>'
					+'							</div>'
					+'					</div>'
					+'					</form>'
					+'				</div>'
					+'			</div>';

	document.write(data_loginbox);
}


function setLocalnavi_c_static() {
	var obj = new Object();
	var myurl = document.URL;

	/*	----------------	関数	----------------------
		DOMAINの確認処理
		--------------------------------------------------		*/
	obj.chkDOMAIN = function(tgturl0)
	{
		var cnt_my_domain = 2;
		var ary_myurl = myurl.split('/');

		if(ary_myurl[cnt_my_domain] == tgturl0) 	return true;

		// 一致しない
		return false;
	}

	if(obj.chkDOMAIN('www.ponta.jp')){	//　ドメインが'www.ponta.jp'がどうか確認
		var localdata = setLocalnavi();
		$('#localfrm').html(localdata);
	}
}


/* 4: コンテンツ背景 - ページ読み込み後に背景を反映
--------------------------------------------------------------------*/
jQuery(function($){ 
	setLocalnavi_c_static();		//	/c/階層以下の静的ページ用（topData.js非参照）書き出し処理
	$("#wrapper").addClass("bgtown");
});



/* 5: Google Analytics
--------------------------------------------------------------------*/
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-16895124-2']);
_gaq.push(['_setDomainName', '.ponta.jp']);
_gaq.push(['_trackPageview']);

(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();