/********************************************************************************
	外部HTML設定
********************************************************************************/
aOutputHtml = new Array();
aOutputIndex = new Array();
aOutputId = new Array();

// 指定文字列に対する外部HTMLリスト番号の対応を設定します
aOutputIndex[0] = "/tools/include_header.html";
aOutputIndex[1] = "/tools/include_footer.html";

// 指定ターゲットに対応する出力先タグID
aOutputId[0] = "header";
aOutputId[1] = "footer";

// コピーライト用年号取得
var sNowYear = (new Date()).getFullYear();

// 外部HTML内容
aOutputHtml[0]='';aOutputHtml[0] += "<TABLE cellSpacing=0 cellPadding=0 width=700 border=0>";
aOutputHtml[0] += "<TBODY>";
aOutputHtml[0] += "<TR>";
aOutputHtml[0] += "<TD vAlign=bottom width=161 rowSpan=3><A href=\"/\"><IMG height=59 alt=プチ・ホームページサービス src=\"/global/img/header/logo.jpg\" width=150 border=0></A></TD>";
aOutputHtml[0] += "<TD style=\"BACKGROUND: url(/global/img/header/bkg.gif) no-repeat\" width=539>";


aOutputHtml[0] += "<table border='0' cellpadding='0' cellspacing='0' width='539'>";
aOutputHtml[0] += "<tr>";
aOutputHtml[0] += "<td width='148'><a name='pagetop'><div class='blank1'></div></a></td>";
aOutputHtml[0] += "<td width='57'><a href='/manual/' title='マニュアル'><img src='/global/img/header/btn_manual.gif' alt='マニュアル' border='0'></a></td>";
aOutputHtml[0] += "<td width='23'><div class='blank1'></div></td>";
aOutputHtml[0] += "<td width='46'><a href='/support/' title='サポート'><img src='/global/img/header/btn_support.gif' alt='サポート' border='0'></a></td>";
aOutputHtml[0] += "<td width='27'><img src='/global/img/header/img_partition.gif' alt='' border='0'></td>";
aOutputHtml[0] += "<td width='69'><img src='/global/img/header/label_fontsize.gif' alt='文字サイズ' border='0'></td>";
aOutputHtml[0] += "<TD width=16><A onclick=\"setActiveStyleSheet('Small Text', 1);return false;\" href=\"#\"><IMG height=24 alt=\"文字サイズ S\" src=\"/global/img/header/btn_fontsmall.gif\" width=16 border=0></A></TD>";
aOutputHtml[0] += "<TD width=16><A onclick=\"setActiveStyleSheet('Large Text', 1);return false;\" href=\"#\"><IMG height=24 alt=\"文字サイズ M\" src=\"/global/img/header/btn_fontmedium.gif\" width=16 border=0></A></TD>";
aOutputHtml[0] += "<TD width=16><A onclick=\"setActiveStyleSheet('Larger Text', 1);return false;\" href=\"#\"><IMG height=24 alt=\"文字サイズ L\" src=\"/global/img/header/btn_fontlarge.gif\" width=16 border=0></A></TD>";
aOutputHtml[0] += "<td width='23'><div class='blank1'></div></td>";
aOutputHtml[0] += "<td width='75'><a href='http://paperboy.co.jp' target='_blank' title='別ウィンドウで開きます：株式会社paperboy&amp;co.'><img src='/global/img/header/logo_pb.gif' alt='paperboy&amp;co.' border='0'></a></td>";
aOutputHtml[0] += "<td width='23'><div class='blank1'></div></td>";
aOutputHtml[0] += "</tr>";
aOutputHtml[0] += "</table>";

/*
aOutputHtml[0] += "<TABLE cellSpacing=0 cellPadding=0 width=539 border=0>";
aOutputHtml[0] += "<TBODY>";
aOutputHtml[0] += "<TR>";
aOutputHtml[0] += "<TD width=238><A name=pagetop>";
aOutputHtml[0] += "<DIV class=blank1></DIV></A></TD><!-- ↑サイトマップ追加時はwidth=\"146\" -->";
aOutputHtml[0] += "<TD width=57><A href=\"/manual/\"><IMG height=24 alt=マニュアル src=\"/global/img/header/btn_manual.gif\" width=57 border=0></A></TD>";
aOutputHtml[0] += "<TD width=23>";
aOutputHtml[0] += "<DIV class=blank1></DIV></TD>";
aOutputHtml[0] += "<TD width=46><A href=\"/support/\"><IMG height=24 alt=サポート src=\"/global/img/header/btn_support.gif\" width=46 border=0></A></TD><!--";
aOutputHtml[0] += "						<td width=\"23\"><div class=\"blank1\"></div></td>";
aOutputHtml[0] += "						<td width=\"69\"><a href=\"/sitemap/\"><img src=\"/global/img/header/btn_sitemap.gif\" alt=\"サイトマップ\" width=69\"\" height=\"24\" border=\"0\"></a></td>";
aOutputHtml[0] += "						-->";
aOutputHtml[0] += "<TD width=104>";
aOutputHtml[0] += "<DIV class=blank1></DIV></TD>";
aOutputHtml[0] += "<TD width=16><A onclick=\"setActiveStyleSheet('Small Text', 1);return false;\" href=\"#\"><IMG height=24 alt=\"文字サイズ S\" src=\"/global/img/header/btn_fontsmall.gif\" width=16 border=0></A></TD>";
aOutputHtml[0] += "<TD width=16><A onclick=\"setActiveStyleSheet('Large Text', 1);return false;\" href=\"#\"><IMG height=24 alt=\"文字サイズ M\" src=\"/global/img/header/btn_fontmedium.gif\" width=16 border=0></A></TD>";
aOutputHtml[0] += "<TD width=16><A onclick=\"setActiveStyleSheet('Larger Text', 1);return false;\" href=\"#\"><IMG height=24 alt=\"文字サイズ L\" src=\"/global/img/header/btn_fontlarge.gif\" width=16 border=0></A></TD>";
aOutputHtml[0] += "<TD width=23>";
aOutputHtml[0] += "<DIV class=blank1></DIV></TD></TR></TBODY></TABLE>";
*/


aOutputHtml[0] += "</TD></TR><TR>";
aOutputHtml[0] += "<TD height=2>";
aOutputHtml[0] += "<DIV class=blank1></DIV></TD></TR>";
aOutputHtml[0] += "<TR>";
aOutputHtml[0] += "<TD>";
aOutputHtml[0] += "<TABLE cellSpacing=0 cellPadding=0 width=539 border=0>";
aOutputHtml[0] += "<TBODY>";
aOutputHtml[0] += "<TR>";
aOutputHtml[0] += "<TD width=10>";
aOutputHtml[0] += "<DIV class=blank1></DIV></TD>";
aOutputHtml[0] += "<TD width=84><A onmouseover=\"SwapImage('menuHome', '/global/img/header/btn_home_on.jpg');\" onmouseout=SwapImage(); href=\"/\"><IMG id=menuHome height=55 alt=ホーム src=\"/global/img/header/btn_home.jpg\" width=84 border=0></A></TD>";
aOutputHtml[0] += "<TD width=3>";
aOutputHtml[0] += "<DIV class=blank1></DIV></TD>";
aOutputHtml[0] += "<TD width=84><A onmouseover=\"SwapImage('menuDetail', '/global/img/header/btn_detail_on.jpg');\" onmouseout=SwapImage(); href=\"/home/about_petit.html\"><IMG id=menuDetail height=55 alt=プチって？ src=\"/global/img/header/btn_detail.jpg\" width=84 border=0></A></TD>";
aOutputHtml[0] += "<TD width=3>";
aOutputHtml[0] += "<DIV class=blank1></DIV></TD>";
aOutputHtml[0] += "<TD width=84><A onmouseover=\"SwapImage('menuNews', '/global/img/header/btn_news_on.jpg');\" onmouseout=SwapImage(); href=\"/news/\"><IMG id=menuNews height=55 alt=ニュース src=\"/global/img/header/btn_news.jpg\" width=84 border=0></A></TD>";
aOutputHtml[0] += "<TD width=3>";
aOutputHtml[0] += "<DIV class=blank1></DIV></TD>";
aOutputHtml[0] += "<TD width=84><A onmouseover=\"SwapImage('menuPetitHiroba', '/global/img/header/btn_hiroba_on.jpg');\" onmouseout=SwapImage(); href=\"/hiroba/\"><IMG id=menuPetitHiroba height=55 alt=プチ広場 src=\"/global/img/header/btn_hiroba.jpg\" width=84 border=0></A></TD>";
aOutputHtml[0] += "<TD width=3>";
aOutputHtml[0] += "<DIV class=blank1></DIV></TD>";
aOutputHtml[0] += "<TD width=84><A onmouseover=\"SwapImage('menuPetitGoods', '/global/img/header/btn_goods_on.jpg');\" onmouseout=SwapImage(); href=\"/shop/\"><IMG id=menuPetitGoods height=55 alt=プチグッズ src=\"/global/img/header/btn_goods.jpg\" width=84 border=0></A></TD>";
aOutputHtml[0] += "<TD width=3>";
aOutputHtml[0] += "<DIV class=blank1></DIV></TD>";
aOutputHtml[0] += "<TD width=84><A onmouseover=\"SwapImage('menuOrder', '/global/img/header/btn_order_on.jpg');\" onmouseout=SwapImage(); href=\"/order/\"><IMG id=menuOrder height=55 alt=お申し込み src=\"/global/img/header/btn_order.jpg\" width=84 border=0></A></TD>";
aOutputHtml[0] += "<TD width=10>";
aOutputHtml[0] += "<DIV class=blank1></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>";
aOutputHtml[0] += "<DIV class=blank20></DIV>";

aOutputHtml[1]='';
aOutputHtml[1] += "<DIV class=blank30></DIV>";
aOutputHtml[1] += "<TABLE cellSpacing=0 cellPadding=0 width=700 border=0>";
aOutputHtml[1] += "<TBODY>";
aOutputHtml[1] += "<TR>";
aOutputHtml[1] += "<TD>";
aOutputHtml[1] += "<TABLE style=\"BACKGROUND: url(/global/img/footer/bkg.gif) no-repeat\" cellSpacing=0 cellPadding=0 width=700 border=0>";
aOutputHtml[1] += "<TBODY>";
aOutputHtml[1] += "<TR height=24>";
aOutputHtml[1] += "<TD width=13>";
aOutputHtml[1] += "<DIV class=blank1></DIV></TD>";
aOutputHtml[1] += "<TD width=47><A href=\"#pagetop\"><IMG height=24 alt=このページのトップに戻る src=\"/global/img/footer/btn_totop.gif\" width=47 border=0></A></TD>";
aOutputHtml[1] += "<TD id=footerMenu align=right width=627>";
aOutputHtml[1] += "<DIV class=navi_ja lang=ja style=\"LINE-HEIGHT: 24px; HEIGHT: 24px\"><A href=\"/\">ホーム</A>&nbsp;&nbsp;&nbsp;&nbsp;<A href=\"/home/about_petit.html\">プチって？</A>&nbsp;&nbsp;&nbsp;&nbsp;<A href=\"/shop/\">プチグッズ</A>&nbsp;&nbsp;&nbsp;&nbsp;<A href=\"/hiroba/\">プチ広場</A>&nbsp;&nbsp;&nbsp;&nbsp;<A href=\"/news/\">ニュース</A>&nbsp;&nbsp;&nbsp;&nbsp;<A href=\"/order/\">お申し込み</A>&nbsp;&nbsp;&nbsp;&nbsp;<A href=\"/about/\">当サイトについて</A></DIV></TD>";
aOutputHtml[1] += "<TD width=13>";
aOutputHtml[1] += "<DIV class=blank1></DIV></TD></TR></TBODY></TABLE>";
aOutputHtml[1] += "<TABLE cellSpacing=0 cellPadding=0 width=700 border=0>";
aOutputHtml[1] += "<TBODY>";
aOutputHtml[1] += "<TR height=26>";
aOutputHtml[1] += "<TD align=right colSpan=4 class='navi_en' lang='en' style='color: #ced6e3;'>Copyright (C) " + sNowYear + " paperboy&co. All Rights Reserved.</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>";



/********************************************************************************
	関数名		IncludeHtml
	機能		対象IDタグにHTMLを出力する
	
	入力		sTarget	読み込むHTML文字列のキーワード
	出力		なし
	
	処理概要
				1. 設定キーワードからHTML文字列番号を取得する
				2. 対象のHTML変数の値を取得する
				3. 対象IDにHTMLを出力する
********************************************************************************/
function IncludeHtml(sTarget){
	
	// 変数宣言 { ****************************************
	var iFilesCnt;
	var oIFrame;
	var sIFrameId;
	var iOutputIndex;
	var iOutputCnt;
	// 変数宣言 } ****************************************
	
	// ターゲットから無用な文字を削除する
	sTarget = sTarget.replace("..","");
	
	// 設定キーワードからHTML文字列番号を取得する
	for(iOutputCnt = 0; iOutputCnt < aOutputIndex.length; iOutputCnt++){
		// 対象のIndexが指定
		if(sTarget == aOutputIndex[iOutputCnt]){
			iOutputIndex = iOutputCnt;
			break;
		}
	}
	
	
	// iframeを<body>に追加する
	document.getElementById(aOutputId[iOutputIndex]).innerHTML = aOutputHtml[iOutputIndex];
	
	return;
}

/********************************************************************************
	関数名		OutputHtml
	機能		HTMLのbody内容をJavaScript用変数代入式に置き換える。
				置き換えた内容は、テキストエリアに表示する
	
	入力		なし
	出力		なし
	
	使い方		URLの末尾に?Checkを指定すると、表示する
********************************************************************************/
function OutputHtml(){
	
	var sCheckUrl = "";
	var iCheckMode;
	var sBodyHtml;
	var sOutputSource;
	
	
	// Outputモードかチェックする
	sCheckUrl = location.search;
	iCheckMode = sCheckUrl.indexOf('?Check');
	
	
	// Outputモードでない場合
	if( iCheckMode == -1){
		// 終了する
		return;
	}
	
	// BODYの内容を取得する
	sBodyHtml = document.getElementsByTagName('body')[0].innerHTML;
	
	// BODYの内容の「"」を「\"」に置き換える
	sBodyHtml = sBodyHtml.replace(/"/g, '\\"');
	
	// BODYの内容を改行で切り分ける
	aBodyHtml = new Array();
	aBodyHtml = sBodyHtml.split("\r\n");
	
	sOutputSource = "aOutputHtml[n]='';\n";
	
	// HTMLに対して繰り返す
	for(iBodyCnt = 0; iBodyCnt < aBodyHtml.length; iBodyCnt++){
		// ソースに連結する
		sOutputSource += 'aOutputHtml[n] += "' + aBodyHtml[iBodyCnt] + "\";\n";
	}
	
	// HTML出力用のテキストエリアを作成する
	// 設定 { ****************************************
	var iWidth = 500;
	var iHeight = 500;
	var iTop = 0;
	var iLeft = 0;
	var sPosition = "absolute";
	var sBackgroundColor = "#FFFFFF";
	var iFontSize = 12;
	// 設定 } ****************************************
	
	// 変数宣言 { ****************************************
	var oIFrame;
	var sIFrameId;
	// 変数宣言 } ****************************************
	
	// iframeを作成する
	oIFrame = document.createElement('textarea');
	
	// iframeの属性を設定する
	sIFrameId =  "Iframe";
	oIFrame.id = sIFrameId;
	
	oIFrame.style.position = sPosition;
	oIFrame.style.backgroundColor = sBackgroundColor;
	oIFrame.style.zIndex = 10;
	
	oIFrame.style.width = iWidth + "px";
	oIFrame.style.height = iHeight + "px";
	oIFrame.style.top = iTop + "px";
	oIFrame.style.left = iLeft + "px";
	oIFrame.style.fontSize = iFontSize + "px";
	
	// URLを設定する
	oIFrame.value  = sOutputSource;
	
	// iframeを<body>に追加する
	document.getElementsByTagName("body")[0].appendChild(oIFrame);
	
	return;
}

/********************************************************************************
	関数名		SwapImage
	機能		画像切替
	
	入力		sId			画像タグID
				sSrc		画像URL
	出力		なし
********************************************************************************/
var gsStoreId = "";
var gsStoreSrc = "";
function SwapImage(){
	var sId = "";
	var sSrc = "";
	
	// 画像変更モードの場合
	if(arguments.length != 0){
		sId = arguments[0];
		sSrc = arguments[1];
		gsStoreId = sId;
		gsStoreSrc = document.getElementById(sId).src;
	} else {
		// 前回の変更が保存されている場合
		if(gsStoreId != "" && gsStoreSrc != ""){
			sId = gsStoreId;
			sSrc = gsStoreSrc;
			
			// 初期化する
			gsStoreId = "";
			gsStoreSrc = "";
		}
	}
	
	// 変更可能な場合
	if(sId != ""){
		document.getElementById(sId).src = sSrc;
	}
	
}