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

0. 外部サイトでの共通部分呼び出し用設定
1. ヘッダー
2. ローカルナビ
3. ログインボックス
4. プルダウンメニュー
5. おしらせティッカー
6. ページ読み込み後に背景反映
7. Google Analytics
8. Webtrends(ファイル読み込み)
-------------------------------------------------------------------- */

/* 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 +=   '	<a name="pagetop"></a>'
					+'	<div id="header">'
					+'	<div id="header-inner">';

//topではロゴをh1として直接html内に記述、キャッチのaltもなし。
//それ以外のページではpでロゴを出力、キャッチのaltあり。
if(document.body.id == 'pontatop'){
	data_header +=	'			<h1 id="logo"><a href="http://www.ponta.jp/" title="Ponta Point terminal">Ponta Point terminal</a></h1>'
}else{
	data_header +=	'			<p id="logo"><a href="http://www.ponta.jp/" title="Ponta Point terminal">Ponta Point terminal</a></p>'
}
	data_header +=	 '			<p id="catch"><a href="http://www.ponta.jp/" title="ポイント、ポンポンたまる！つかえる！共通ポイント&ldquo;Ponta&rdquo;">ポイント、ポンポンたまる！つかえる！共通ポイント&ldquo;Ponta&rdquo;</a></p>'
					+'			<ul id="top-navi" class="cfx">'
					+'				<li class="blue"><a href="http://www.ponta.jp/c/faq/">よくあるご質問</a>|<a href="http://www.ponta.jp/c/contact/">お問合せ</a></li>'
					+'				<li class="orange"><!--<a href="http://www.ponta.jp/u/LWMR101/SLWMR101010.htm">会員情報登録</a>|--><a href="http://www.ponta.jp/c/entry/">入会案内</a></li>'
					+'				<li class="green"><a href="http://www.ponta.jp/c/about/">Pontaとは</a></li>'
					//				<li class="green"><a href="http://www.ponta.jp/c/about/">Pontaとは</a>|<a href="http://www.ponta.jp/c/partner/">Ponta参加企業</a></li>'  oldソース
					+'			</ul>'

					+'			<dl id="font-navi" class="cfx">'
					+'				<dt>文字</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>'
					
					
+'			<div id="search" style="display:none;">'
+'			<input name="" type="text" size="18" /> <input name="検索" type="submit" value="検索" /></div>'					
					
+'			<ul id="global-navi" class="cfx">'
+'			<li id="gn-top"><a href="http://www.ponta.jp/">TOP</a></li>'
+'			<li id="gn-campaign"><a href="http://pntc.ponta.jp/c/">キャンペーン</a></li>'
+'			<li id="gn-shop"><a href="http://www.ponta.jp/c/partner/">Ponta参加企業</a></li>'
+'			<li id="gn-pointmall"><a href="http://tamaru.ponta.jp/">ポイントモール</a></li>'
+'			<li id="gn-research"><a href="https://research.ponta.jp/top/">Pontaリサーチ</a></li>'
+'			<li id="gn-exchange"><a href="http://spend.ponta.jp/">商品交換</a></li>'
+'			<li id="gn-member">'
+'				<a href="https://www.ponta.jp/u/LWAS900/SLWAS900010.htm?p=%2fu%2fLWEM101%2fSLWEM101010%2ehtm" class="parent">Ponta会員ページ</a>'
+'					<ul class="box">'
+'						<li><a href="https://www.ponta.jp/u/LWAS900/SLWAS900010.htm?p=%2fu%2fLWEM101%2fSLWEM101010%2ehtm">会員情報確認・変更</a></li>'
+'						<li><a href="https://www.ponta.jp/u/LWAS900/SLWAS900010.htm?p=%2fu%2fLWEM402%2fSLWEM402010%2ehtm">メールニュース設定</a></li>'
+'						<li><a href="http://www.ponta.jp/c/web/group/">グループ設定</a></li>'
+'					</ul>'
+'				</li>'
+'				<li id="gn-point"><a href="https://www.ponta.jp/u/LWAS900/SLWAS900010.htm?p=%2fu%2fLWEM300%2fSLWEM300010%2ehtm">ポイント残高</a></li>'
+'			</ul>'
					

					/* +'			<ul id="global-navi" class="cfx">'
					+'				<li id="gn-top"><a href="http://www.ponta.jp/index.htm">トップ</a></li>'
					+'				<li id="gn-campaign"><a href="http://pntc.ponta.jp/">キャンペーン</a></li>'
					+'				<li id="gn-shop"><a href="http://www.ponta.jp/c/shop/index.htm">お店でたまる・つかえる</a></li>'
					+'				<li id="gn-net"><a href="http://www.ponta.jp/c/netshop/index.htm">ネットでたまるつかえる</a></li>'
					+'				<li id="gn-pointmall"><a href="http://tamaru.ponta.jp/">ポイントモール</a></li>'
					+'				<li id="gn-research"><a href="https://research.ponta.jp/top/">リサーチ</a></li>'
					+'				<li id="gn-exchange"><a href="http://spend.ponta.jp/">商品交換</a></li>'
					+'				<li id="gn-member">'
					+'					<a href="https://www.ponta.jp/u/LWAS900/SLWAS900010.htm?p=%2fu%2fLWEM101%2fSLWEM101010%2ehtm" class="parent">Ponta会員ページ</a>'
					+'					<ul class="box">'
					+'						<li><a href="https://www.ponta.jp/u/LWAS900/SLWAS900010.htm?p=%2fu%2fLWEM101%2fSLWEM101010%2ehtm">会員情報確認・変更</a></li>'
					+'						<li><a href="https://www.ponta.jp/u/LWAS900/SLWAS900010.htm?p=%2fu%2fLWEM402%2fSLWEM402010%2ehtm">メールニュース設定</a></li>'
					+'						<li><a href="http://www.ponta.jp/c/web/group/index.htm">グループ設定</a></li>'
					+'					</ul>'
					+'				</li>'
					+'				<li id="gn-point"><a href="https://www.ponta.jp/u/LWAS900/SLWAS900010.htm?p=%2fu%2fLWEM300%2fSLWEM300010%2ehtm">ポイント残高</a></li>'
					+'			</ul>' */

					+'		</div>'
					+'	</div>';

	document.write(data_header);
}


/* 2: ポイント交換出しわけ
-------------------------------------------------------------------- */
function setExchange(){
	var data_exchange_nml = '';

	if(memberdata.mlpMemberFlg == 1)	{
		//alert("mlpMemberFlg:on");
		data_exchange_nml	+='						<li><a href="https://www.ponta.jp/c/exchange/index.htm">ポイント交換</a></li>';
	}

	//	実行処理
	var data_exchange = '';
	data_exchange = data_exchange_nml;
	return data_exchange;

}


/* 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 setExchange_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 exchangedata = setExchange();
		$('#gn-member .box').append(exchangedata);
	}
}


/* 4: プルダウンメニュー
-------------------------------------------------------------------- */		   
$(function(){
	$("#gn-member").hover(
		//over
		function () {
			$("#gn-member .box").css("display","block");
			$("#gn-member a.parent").addClass("bgon");
		},
		//out
		function () {
			$("#gn-member .box").css("display","none");
			$("#gn-member a.parent").removeClass("bgon");
		}

	);

	$("#gn-member .box").hover(

		//over
		function () {
			$("#gn-member .box").css("display","block");
			$("#gn-member a.parent").addClass("bgon");
		},
		//out
		function () {
			$("#gn-member .box").css("display","none");
			$("#gn-member a.parent").removeClass("bgon");
		}

	);
});



/* 5: おしらせティッカー
-------------------------------------------------------------------- *//*
$(function(){
	var dispNum = 0;
	$('#gn-topics ul, #topics ul li').hide();
	dispList();
	function dispList() {
		$('#gn-topics span').fadeOut(
			700,
			function(){
				var liNum = $("#gn-topics ul li").size();
				if(dispNum > (liNum-1)) {
						dispNum = 0;
				}
				$(this).html($("#gn-topics ul li:eq("+dispNum+")").html()).fadeIn(700);
				dispNum++;
				if(1 <	liNum) {
						setTimeout(dispList,5000000);
				}
			}
		);
	}
});
*/

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

*/



/* 7: 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);
})();

/* 8:Webtrends（ファイル読み込み）
--------------------------------------------------------------------*/
new function() {

	var domain0 = 'www.ponta.jp';
	var pontaHost = (('https:' == document.location.protocol) ? ('https://' + domain0) : ('http://' + domain0));
	
 document.write('<script'+' src="' + pontaHost + '/c/common/js/webtrends.js" '+'type='+'"text\/javascript"'+'><\/scr' + 'ipt>');
}