/*-- (C)2007-2010 http://www.ksmplus.co.jp --*/


function makeInnerHTML(page) {
	
	/*-- ヘッダー --*/
	var headerHtml = '';
	headerHtml += '<img src="images/header.jpg" alt="市民パソコン教室 池袋千川校 - 豊島区の安心のパソコンスクール" width="640" height="100" />';
	headerHtml += '<p class="menu">';
	headerHtml += '	<a href="info_cert.html">セキュリティ情報</a>>';
	headerHtml += '	&nbsp;&nbsp;&nbsp;<a href="link.html">リンク</a>>';
	headerHtml += '	&nbsp;&nbsp;&nbsp;<a href="sitemap.html">サイトマップ</a>>';
	headerHtml += '</p>';

	document.getElementById("header").innerHTML = headerHtml;

	/*-- グローバルメニュー --*/
	var globalMenuHtml = '';
	globalMenuHtml += '<ul>';
	globalMenuHtml += '	<li><a href="index.html">ホーム</a></li>';
	globalMenuHtml += '	<li><a href="school.html">教室の概要</a></li>';
	globalMenuHtml += '	<li><a href="study.html">講座の概要</a></li>';
	globalMenuHtml += '	<li><a href="support.html">サポート</a></li>';
	globalMenuHtml += '	<li><a href="contact.html">お問い合せ</a></li>';
	globalMenuHtml += '</ul>';

	document.getElementById("globalMenu").innerHTML = globalMenuHtml;

	/*-- サイドメニュー --*/
	var sideMenuHtml = '';
	sideMenuHtml += '<p style="text-align: center; border: 1px solid #aaa;">';
	sideMenuHtml += '	<a href="accessibility.html">文字サイズの変更方法</a>';
	sideMenuHtml += '</p>';

	sideMenuHtml += '<ul>';
	sideMenuHtml += '	<li><a href="shimin_pc.html">市民パソコン教室とは</a></li>';
	sideMenuHtml += '	<li><a href="first_club.html">ファーストクラブ会員</a></li>';
	sideMenuHtml += '	<li><a href="shimin_qa.html">良くある質問 (FAQ)</a></li>';
	sideMenuHtml += '	<li><a href="person.html">講師紹介</a></li>';
/*	sideMenuHtml += '	<li><a href="recruit.html">インストラクター募集</a></li>';
*/
	sideMenuHtml += '	<li><a href="access.html">教室へのアクセス</a></li>';
	sideMenuHtml += '</ul>';

	sideMenuHtml += '<ul>';
	sideMenuHtml += '	<li><a href="course.html">学習コースと料金</a></li>';
	sideMenuHtml += '	<li><a href="session.html">講座のご紹介</a></li>';
	sideMenuHtml += '	<li><a href="consult.html">１時間講習</a></li>';
	/*
	sideMenuHtml += '	<li><a href="campaign.html">キャンペーン</a></li>';
	sideMenuHtml += '	<li><a href="session_hoby.html">パソコンを楽しもう！<br />&nbsp;&nbsp;&nbsp;趣味の講座</a></li>';
	sideMenuHtml += '	<li><a href="session_tool.html">使いこなそう！<br />&nbsp;&nbsp;&nbsp;便利な小道具講座</a></li>';
	sideMenuHtml += '	<li><a href="session_tips.html">役に立つ！<br />&nbsp;&nbsp;&nbsp;知っ得講座</a></li>';
	sideMenuHtml += '	<li><a href="session_it.html">ＩＴで仕事しよう！<br />&nbsp;&nbsp;&nbsp;お仕事講座</a></li>';
	sideMenuHtml += '	<li><a href="session_biz.html">今の仕事に活かそう！<br />&nbsp;&nbsp;&nbsp;実務系講座</a></li>';
	sideMenuHtml += '	<li><a href="kids.html">キッズコース</a></li>';
	*/
	sideMenuHtml += '	<li><a href="kids.html">キッズ・ジュニア</a></li>';
	sideMenuHtml += '	<li><a href="pc_support.html">パソコン・サポート</a></li>';
	sideMenuHtml += '</ul>';

	sideMenuHtml += '<ul>';
	sideMenuHtml += '	<li><a href="nichiken.html">日検のご案内</a></li>';
	sideMenuHtml += '	<li><a href="nichiken_course.html">日検&nbsp;対策コース</a></li>';
	sideMenuHtml += '	<li><a href="nichiken_contact.html">日検&nbsp;申し込み</a></li>';
	sideMenuHtml += '</ul>';

	sideMenuHtml += '<ul>';
	sideMenuHtml += '	<li><a href="training.html">企業研修のご案内</a></li>';
	sideMenuHtml += '	<li><a href="it_support.html">ＩＴ支援・環境改善</a></li>';
	sideMenuHtml += '	<li><a href="homepage.html">ホームページ製作</a></li>';
	sideMenuHtml += '	<li><a href="server.html">レンタルサーバー</a></li>';
/*--	sideMenuHtml += '	<li><a href="pc_discard.html">パソコン廃棄</a></li>'; --*/
	sideMenuHtml += '</ul>';

	sideMenuHtml += '<ul>';
	sideMenuHtml += '	<li><a href="info_cert.html">セキュリティ情報</a></li>';
	sideMenuHtml += '	<li><a href="link.html">リンク</a></li>';
	sideMenuHtml += '	<li><a href="sitemap.html">サイトマップ</a></li>';
	sideMenuHtml += '</ul>';

	sideMenuHtml += '<br style="clear: both;"/>';
	sideMenuHtml += '<div id="blog">';
	sideMenuHtml += '	<p class="midashi">ブログ</p>';
	sideMenuHtml += '	<a target="_blank" href="http://www2.ksmplus.ne.jp/~yukie/" target="_blank"><img src="images/pin_04.jpg" alt="+" />TAMA\'S ROOM</a>';
	sideMenuHtml += '	<a target="_blank" href="http://shimin-pc.jp/blog/" target="_blank"><img src="images/pin_04.jpg" alt="+" />教室ブログ</a>';
	sideMenuHtml += '</div>';

	sideMenuHtml += '<br />';
	sideMenuHtml += '<div id="w3c">';
	sideMenuHtml += ' <p class="midashi"><img src="images/metro-touch.175x175-75.jpg" alt="MT" width="35" height="35" style="vertical-align:middle; margin-right:6px" />メトロタッチ</p>';
	sideMenuHtml += '	<p class="banner">';
	sideMenuHtml += ' <a target="_blank" href="http://itunes.apple.com/jp/app/id402442498?mt=8" target="_blank">iPhone用アプリ</a>';
	sideMenuHtml += ' <a target="_blank" href="https://market.android.com/details?id=jp.co.metroadagency.metrotouch" target="_blank">Android用アプリ</a>';
	sideMenuHtml += '	</p>';
	sideMenuHtml += '	<p class="lead">';
	sideMenuHtml += '	有楽町線・副都心線の千川駅、AREA INFOから当教室の情報がたどれます。';
	sideMenuHtml += '	</p>';
	sideMenuHtml += '</div>';

	sideMenuHtml += '<br />';
	sideMenuHtml += '<div id="w3c">';
	sideMenuHtml += '	<p class="midashi">Ｗ３Ｃ標準</p>';
	sideMenuHtml += '	<p class="banner">';
	sideMenuHtml += '	<a target="_blank" href="http://validator.w3.org/check?uri=referer">';
/*--	sideMenuHtml += '	<img src="http://www.w3.org/Icons/valid-xhtml10" '; --*/
	sideMenuHtml += '	<img src="images/valid-xhtml10.png" ';
	sideMenuHtml += '		alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>';
	sideMenuHtml += '	<a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer">';
/*--	sideMenuHtml += '		src="http://jigsaw.w3.org/css-validator/images/vcss" '; --*/
	sideMenuHtml += '	<img style="border:0;width:88px;height:31px" ';
	sideMenuHtml += '		src="images/vcss.png" ';
	sideMenuHtml += '		alt="Valid CSS!" />';
	sideMenuHtml += '	</a>';
	sideMenuHtml += '	</p>';
	sideMenuHtml += '	<p class="lead">';
	sideMenuHtml += '	当サイトは W3C 勧告に従った正しい文書構成で制作しています。';
	sideMenuHtml += '	</p>';
	sideMenuHtml += '</div>';
/*--
	sideMenuHtml += '<div>';
	sideMenuHtml += '	<p style="text-align: center">';
	sideMenuHtml += '		ホスティング、ハウジング<br />';
	sideMenuHtml += '		ホームページと<br />インターネットのことなら<br />';
	sideMenuHtml += '		<a target="_blank" href="http://www.ksmplus.co.jp/">ケイ・エス・エムプラス</a>へ<br />';
	sideMenuHtml += '		TEL : 03-3972-2121';
	sideMenuHtml += '	</p>';
	sideMenuHtml += '</div>';
--*/
/*--
	sideMenuHtml += '<br />';
	sideMenuHtml += '<div id="w3c">';
	sideMenuHtml += '	<p class="midashi">Powerd by</p>';
	sideMenuHtml += '	<p class="banner">';
	sideMenuHtml += '	<a target="_blank" href="http://www.ksmplus.co.jp/">';
	sideMenuHtml += '	<img src="images/ksm_logo.gif" alt="KSM+" />';
	sideMenuHtml += '	</a>';
	sideMenuHtml += '	</p>';
	sideMenuHtml += '</div>';
--*/
/*--
	sideMenuHtml += '<div id="google">';
	sideMenuHtml += '<!-- Google  -->';
	sideMenuHtml += '<form method=get action="http://www.google.co.jp/search">';
	sideMenuHtml += '<input type=hidden name=ie value=Shift_JIS>';
	sideMenuHtml += '<input type=hidden name=oe value=Shift_JIS>';
	sideMenuHtml += '<input type=hidden name=hl value="ja">';
	sideMenuHtml += '<input type=hidden name=sitesearch value="shimin-pc.jp"> ';
	sideMenuHtml += '<a href="http://www.google.co.jp/">';
	sideMenuHtml += '<img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" align="absmiddle">';
	sideMenuHtml += '</a>';
	sideMenuHtml += '<input type=text name=q size=16 maxlength=255 value="">';
	sideMenuHtml += '<br />';
	sideMenuHtml += '<input type=submit name=btnG value="サイト内検索">';
	sideMenuHtml += '</form>';
	sideMenuHtml += '<!-- Google -->';
	sideMenuHtml += '</div>';
--*/

	document.getElementById("sideMenu").innerHTML = sideMenuHtml;

	/*-- フッター --*/
	var footerHtml = '';
	
	footerHtml += '<p style="text-align:right; margin:0 180px 12px 0;">';
/* twitter button */
	footerHtml += '<iframe allowtransparency="true" frameborder="0" scrolling="no"';
	footerHtml += 'src="http://platform.twitter.com/widgets/tweet_button.html?via=shiminpc&amp;lang=ja&amp;count=none&amp;text=';
	footerHtml += encodeUTF(document.title) + '"';
	footerHtml += ' style="width:80px; height:20px;"></iframe>';
/* twitter button */
	footerHtml += '&nbsp;&nbsp;';
/* facebook button */
	footerHtml += '<iframe src="http://www.facebook.com/plugins/like.php?app_id=246317875412375&amp;href=';
	footerHtml += encodeURL(location.href);
	footerHtml += '&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;height=21&amp;send=true"';
	footerHtml += ' scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe>';
/* facebook button */
	footerHtml += '&nbsp;&nbsp;';
/* google +1 */
	footerHtml += '<iframe src="http://dev.syskall.com/plusone/?url=';
	footerHtml += encodeURL(location.href);
	//footerHtml += 'http://shimin-pc.jp';
	footerHtml += '&lang=ja&size=medium&count=false" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" style="border:0;width:32px;height:20px;"></iframe>';
/* google +1 */
	footerHtml += '</p>';
	
	footerHtml += '<p class="menu">';
	footerHtml += '	<a href="index.html" class="first">ホーム</a>';
	footerHtml += '	<a href="school.html">教室の概要</a>';
	footerHtml += '	<a href="study.html">講座の概要</a>';
	footerHtml += '	<a href="support.html">サポート</a>';
	footerHtml += '	<a href="contact.html">お問い合せ</a>';
	footerHtml += '	<a href="privacy.html">個人情報の取扱い</a>';
	footerHtml += '</p>';
	footerHtml += '<p class="copyright">';
	footerHtml += '	Copyright&copy;2007-2010 ';
	footerHtml += '	<a href="http://shimin-pc.jp">市民パソコン教室 池袋千川校</a>';
	footerHtml += '	 All Rights Reserved.';
	footerHtml += '	 <br />TEL&nbsp;:&nbsp;03-3972-2127';
	footerHtml += '</p>';
	footerHtml += '<p class="pwksm">';
	footerHtml += '	Powered by ';
	footerHtml += '	<a target="_blank" href="http://www.ksmplus.co.jp/">K.S.M. Plus Co.,Ltd.</a>';
	footerHtml += '</p>';

	document.getElementById("footer").innerHTML = footerHtml;

	if (page == "info_cert") {	/*-- info cert --*/
		var certHtml ='';
		certHtml += '<span style="color: #007300;">年月を選択すると、ページにジャンプします</span>';
		certHtml += '<form action="#">';
		certHtml += '	<select onchange="if (value != \'none\') {location.href = value;}">';
		certHtml += '		<option value="none">他、セキュリティ情報（2008年２月〜）</option>';
		certHtml += '		<option value="info_cert.html">2012年１月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1112.html">2011年12月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1111.html">2011年11月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1110.html">2011年10月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1109.html">2011年９月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1108.html">2011年８月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1107.html">2011年７月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1106.html">2011年６月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1105.html">2011年５月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1104.html">2011年４月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1103.html">2011年３月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1102.html">2011年２月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1101.html">2011年１月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1012.html">2010年12月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1011.html">2010年11月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1010.html">2010年10月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1009.html">2010年９月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1008.html">2010年８月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1007.html">2010年７月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1006.html">2010年６月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1005.html">2010年５月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1004.html">2010年４月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1003.html">2010年３月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1002.html">2010年２月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_1001.html">2010年１月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0912.html">2009年12月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0911.html">2009年11月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0910.html">2009年10月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0909.html">2009年９月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0908.html">2009年８月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0907.html">2009年７月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0906.html">2009年６月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0905.html">2009年５月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0904.html">2009年４月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0903.html">2009年３月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0902.html">2009年２月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0901.html">2009年１月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0812.html">2008年12月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0811.html">2008年11月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0810.html">2008年10月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0809.html">2008年９月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0808.html">2008年８月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0807.html">2008年７月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0806.html">2008年６月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0805.html">2008年５月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0804.html">2008年４月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0803.html">2008年３月のセキュリティ情報</option>';
		certHtml += '		<option value="info_cert_0802.html">2008年２月のセキュリティ情報</option>';
		certHtml += '	</select>';
		certHtml += '</form>';

		document.getElementById("jumpCert").innerHTML = certHtml;
	}
	
	/*-- 講座分類 --*/
	var sessionHtml = '';
	sessionHtml += '<table class="kouzaCopy">';
	sessionHtml += '<tr>';
	sessionHtml += '	<td>';
	sessionHtml += '		<a href="session_hoby.html">パソコンを楽しもう！<br />趣味の講座</a>';
	sessionHtml += '	</td>';
	sessionHtml += '	<td>';
	sessionHtml += '		<a href="session_tool.html">使いこなそう！<br />便利な小道具講座</a>';
	sessionHtml += '	</td>';
	sessionHtml += '	<td>';
	sessionHtml += '		<a href="session_biz.html">今の仕事に活かそう！<br />実務系講座</a>';
	sessionHtml += '	</td>';
	sessionHtml += '</tr>';
	sessionHtml += '<tr>';
	sessionHtml += '	<td>';
	sessionHtml += '		<a href="session_tips.html">役に立つ！<br />知っ得講座</a>';
	sessionHtml += '	</td>';
	sessionHtml += '	<td>';
	sessionHtml += '		<a href="session_it.html">ＩＴで仕事しよう！<br />お仕事講座</a>';
	sessionHtml += '	</td>';
	sessionHtml += '	<td>';
	sessionHtml += '		<a href="nichiken_course.html">資格を取ろう<br />日検対策コース</a>';
	sessionHtml += '	</td>';
	sessionHtml += '</tr>';
	sessionHtml += '</table>';

	document.getElementById("sessionItemMenu").innerHTML = sessionHtml;
	
}

function chgDisp(id) {
	var expId = document.getElementById("exp" + id);
	expId.style.display = expId.style.display == "none" ? "block" : "none";

	var trId = document.getElementById("tr" + id);
	trId.style.display = trId.style.display == "none" ? "inline" : "none";
}

//URL Encode (UTF-8)
function encodeUTF(str) {
  var character = '';
  var unicode   = '';
  var string    = '';
  var i         = 0;

  for (i = 0; i < str.length; i++) {
    character = str.charAt(i);
    unicode   = str.charCodeAt(i);

    if (character == ' ') {
      //string += '+';
      string += ' ';
    } else {
      if (unicode == 0x2a || unicode == 0x2d || unicode == 0x2e || unicode == 0x5f || ((unicode >= 0x30) && (unicode <= 0x39)) || ((unicode >= 0x41) && (unicode <= 0x5a)) || ((unicode >= 0x61) && (unicode <= 0x7a))) {
        string = string + character;
      } else {
        if ((unicode >= 0x0) && (unicode <= 0x7f)) {
          character   = '0' + unicode.toString(16);
          string += '%' + character.substr(character.length - 2);
        } else if (unicode > 0x1fffff) {
          string += '%' + (oxf0 + ((unicode & 0x1c0000) >> 18)).toString(16);
          string += '%' + (0x80 + ((unicode & 0x3f000) >> 12)).toString(16);
          string += '%' + (0x80 + ((unicode & 0xfc0) >> 6)).toString(16);
          string += '%' + (0x80 + (unicode & 0x3f)).toString(16);
        } else if (unicode > 0x7ff) {
          string += '%' + (0xe0 + ((unicode & 0xf000) >> 12)).toString(16);
          string += '%' + (0x80 + ((unicode & 0xfc0) >> 6)).toString(16);
          string += '%' + (0x80 + (unicode & 0x3f)).toString(16);
        } else {
          string += '%' + (0xc0 + ((unicode & 0x7c0) >> 6)).toString(16);
          string += '%' + (0x80 + (unicode & 0x3f)).toString(16);
        }
      }
    }
  }

  return string;
}

//URL Encode (UTF-8)
function encodeURL(str) {
  var character = '';
  var unicode   = '';
  var string    = '';
  var i         = 0;

  for (i = 0; i < str.length; i++) {
    character = str.charAt(i);
    unicode   = str.charCodeAt(i);

    if (character == ' ') {
      string += '+';
    } else {
      if (unicode == 0x2a || unicode == 0x2d || unicode == 0x2e || unicode == 0x5f || ((unicode >= 0x30) && (unicode <= 0x39)) || ((unicode >= 0x41) && (unicode <= 0x5a)) || ((unicode >= 0x61) && (unicode <= 0x7a))) {
        string = string + character;
      } else {
        if ((unicode >= 0x0) && (unicode <= 0x7f)) {
          character   = '0' + unicode.toString(16);
          string += '%' + character.substr(character.length - 2);
        } else if (unicode > 0x1fffff) {
          string += '%' + (oxf0 + ((unicode & 0x1c0000) >> 18)).toString(16);
          string += '%' + (0x80 + ((unicode & 0x3f000) >> 12)).toString(16);
          string += '%' + (0x80 + ((unicode & 0xfc0) >> 6)).toString(16);
          string += '%' + (0x80 + (unicode & 0x3f)).toString(16);
        } else if (unicode > 0x7ff) {
          string += '%' + (0xe0 + ((unicode & 0xf000) >> 12)).toString(16);
          string += '%' + (0x80 + ((unicode & 0xfc0) >> 6)).toString(16);
          string += '%' + (0x80 + (unicode & 0x3f)).toString(16);
        } else {
          string += '%' + (0xc0 + ((unicode & 0x7c0) >> 6)).toString(16);
          string += '%' + (0x80 + (unicode & 0x3f)).toString(16);
        }
      }
    }
  }

  return string;
}
