function init()
{
  //ヘッダ生成
  var html = '<div id="logo"><a href="/" target="_self" title="ホーム"><img src="images/logo.png" alt="お好み焼き でん亭" width="83" height="76"></a></div>';
  document.getElementById("header").innerHTML = html;

  //ナビ生成
  html = '<ul><li><img src="images/cn_left.gif" /></li><li><a class="img" href="profile.html" target="_self" title="でん亭って？"><img name="contents_img" src="images/cn_profile.gif" alt="でん亭って？" /></a></li><li><a class="img" href="menu.html" target="_self" title="お品書き"><img name="contents_img" src="images/cn_menu.gif" alt="お品書き" /></a></li><li><a class="img" href="voice.html" target="_self" title="お客様の声"><img name="contents_img" src="images/cn_voice.gif" alt="お客様の声" /></a></li><li><a class="img" href="access.html" target="_self" title="アクセス"><img name="contents_img" src="images/cn_access.gif" alt="アクセス" /></a></li><li><a class="img" href="http://blog.dentei.com/" target="_self" title="ブログ"><img name="contents_img" src="images/cn_blog.gif" alt="ブログ /"></a></li><li><a class="img" href="link.html" target="_self" title="リンク"><img name="contents_img" src="images/cn_link.gif" alt="リンク" /></a></li><li><img src="images/cn_right.gif" /></li></ul>';
  document.getElementById("navi").innerHTML = html;


  //コンテンツリンクイメージの切り替えアクション
  var imgTag = document.getElementsByName("contents_img");
  for (var i=0; i<imgTag.length; i++){
    imgTag[i].onmouseover = function(){
      this.src = this.src.split(".gif")[0]+"_on.gif";
    }
    imgTag[i].onmouseout = function(){
      this.src = this.src.split("_on.gif")[0]+".gif";
    }
  }
}