/**
 * @author japritech9
 */

/**
 * マウスオーバーイメージ交換関数
 * @param String idName ID名称
 * @param String uri    イメージuri
 */
function onImg(idName, uri) {
  var id ="";
  id = document.getElementById(idName);
  id.src = uri;
}

/**
 * マウスアウトイメージ交換関数
 * @param String idName ID名称
 * @param String uri    イメージuri
 */
function onOutImg(idName, uri) {
  var id ="";
  id = document.getElementById(idName);
  id.src = uri;
}

/**
 * 相対パスTo絶対パス生成
 * @param  String urlPath 相対パス
 * @return String         絶対パス
 */
function createUrl(urlPath) {
  // 環境に合わせてUriを設定
  //var defaultUri="/pritech";
  var defaultUri="";
  return "http://" + location.hostname + defaultUri + urlPath;
}

/**
 * ヘッダHTML生成スクリプト
 */
function createHeadder() {
  //関数内変数定義
  // HTML用変数
  var html = "";
  // ヘッダロゴイメージsrc
  var logoLocation = createUrl("/img/ci_02.gif");
  // サイトマップhref
  var siteMap = createUrl("/link/siteMap.html");
  // グローバルメニュー01 href
  var gMenu01 = createUrl("/index.html");
  // グローバルメニュー01イメージ1 src
  var gMenu01_1 = createUrl("/img/menu1-1.jpg");
  // グローバルメニュー01イメージ2 src
  var gMenu01_2 = createUrl("/img/menu1-2.jpg");
  // グローバルメニュー02 href
  var gMenu02 = createUrl("/item/itemIndex.html");
  // グローバルメニュー02イメージ1 src
  var gMenu02_1 = createUrl("/img/menu2-1.jpg");
  // グローバルメニュー02イメージ2 src
  var gMenu02_2 = createUrl("/img/menu2-2.jpg");
  // グローバルメニュー03 href
  var gMenu03 = createUrl("/outline/outlineIndex.html");
  // グローバルメニュー03イメージ1 src
  var gMenu03_1 = createUrl("/img/menu3-1.jpg");
  // グローバルメニュー03イメージ2 src
  var gMenu03_2 = createUrl("/img/menu3-2.jpg");
  // グローバルメニュー04 href
  var gMenu04 = createUrl("/privacy/privacy.html");
  // グローバルメニュー04イメージ1 src
  var gMenu04_1 = createUrl("/img/menu4-1.jpg");
  // グローバルメニュー04イメージ2 src
  var gMenu04_2 = createUrl("/img/menu4-2.jpg");
  // グローバルメニュー05 href
  var gMenu05 = createUrl("/link/link.html");
  // グローバルメニュー05イメージ1 src
  var gMenu05_1 = createUrl("/img/menu5-1.jpg");
  // グローバルメニュー05イメージ2 src
  var gMenu05_2 = createUrl("/img/menu5-2.jpg");
  // グローバルメニュー06 href
  var gMenu06 = "https://japritech.ocnk.net/contact";
  // グローバルメニュー06イメージ1 src
  var gMenu06_1 = createUrl("/img/menu6-1.jpg");
  // グローバルメニュー06イメージ2 src
  var gMenu06_2 = createUrl("/img/menu6-2.jpg");
  
  var lMenu01 = createUrl("/img/icon_01.gif");

  // ヘッダHTML生成
  html += "      <div id='headder'>\n";
  html += "        <div id='topHeadder'>\n";
  html += "          <div id='leftHeadder'>\n";
  html += "            <img src='" + logoLocation + "' alt='JAプリテックロゴ'>\n";
  html += "          </div>\n";
  html += "          <div id='rightHeadder'>\n";
  html += "            <p class='headderComents'>株式会社ジェイエイプリテック<br />チラシ・カタログ・パンフレット・Web・CI・のぼり旗の総合企画デザイン</p>\n";
  html += "            <ul class='headderLink'>\n";
  html += "              <li><a href='" + siteMap +"'>サイトマップ</a></li>\n";
  html += "            </ul>\n";
  html += "          </div>\n";
  html += "        </div>\n";
  html += "        <div id='grovalMenu'>\n";
  html += "          <ul class='grovalMenuLink'>\n";
  html += "            <li>\n";
  html += "              <a href='" + gMenu01 + "'>\n";
  html += "                <img id='gm01' src='" + gMenu01_1 + "' alt='home'\n";
  html += "                     onmouseover='onImg(\"gm01\", \"" + gMenu01_2 + "\");'\n";
  html += "                     onmouseout='onOutImg(\"gm01\", \"" + gMenu01_1 + "\");'>\n";
  html += "              </a>\n";
  html += "            </li>\n";
  html += "            <li>\n";
  html += "              <a href='" + gMenu02 + "'>\n";
  html += "                <img id='gm02' src='" + gMenu02_1 + "' alt='事業サービス'\n";
  html += "                     onmouseover='onImg(\"gm02\", \"" + gMenu02_2 + "\");'\n";
  html += "                     onmouseout='onOutImg(\"gm02\", \"" + gMenu02_1 + "\");'>\n";
  html += "              </a>\n";
  html += "            </li>\n";
  html += "            <li>\n";
  html += "              <a href='" + gMenu03 + "'>\n";
  html += "                <img id='gm03' src='" + gMenu03_1 + "' alt='会社概要'\n";
  html += "                     onmouseover='onImg(\"gm03\", \"" + gMenu03_2 + "\");'\n";
  html += "                     onmouseout='onOutImg(\"gm03\", \"" + gMenu03_1 + "\");'>\n";
  html += "              </a>\n";
  html += "            </li>\n";
  html += "            <li>\n";
  html += "              <a href='" + gMenu04 + "'>\n";
  html += "                <img id='gm04' src='" + gMenu04_1 + "' alt='個人情報保護方針'\n";
  html += "                     onmouseover='onImg(\"gm04\", \"" + gMenu04_2 + "\");'\n";
  html += "                     onmouseout='onOutImg(\"gm04\", \"" + gMenu04_1 + "\");'>\n";
  html += "              </a>\n";
  html += "            </li>\n";
  html += "            <li>\n";
  html += "              <a href='" + gMenu05 + "'>\n";
  html += "                <img id='gm05' src='" + gMenu05_1 + "' alt='リンク'\n";
  html += "                     onmouseover='onImg(\"gm05\", \"" + gMenu05_2 + "\");'\n";
  html += "                     onmouseout='onOutImg(\"gm05\", \"" + gMenu05_1 + "\");'>\n";
  html += "              </a>\n";
  html += "            </li>\n";
  html += "            <li>\n";
  html += "              <a href='" + gMenu06 + "'>\n";
  html += "                <img id='gm06' src='" + gMenu06_1 + "' alt='お問い合わせ'\n";
  html += "                     onmouseover='onImg(\"gm06\", \"" + gMenu06_2 + "\");'\n";
  html += "                     onmouseout='onOutImg(\"gm06\", \"" + gMenu06_1 + "\");'>\n";
  html += "              </a>\n";
  html += "            </li>\n";
  html += "          </ul>\n";
  html += "        </div>\n";
  html += "      </div>\n";
  document.write(html);
}