function layout()
{
    header();
    menu();
    footer();
}

// ヘッダ部分の挿入
// 現在はテスト版なので相対パス
function header()
{
    // ロゴ
    var html = '\
 <a href="/index.html" id="title"><H1>株式会社フロア</H1></a>\
\
 <!-- サイト検索 -->\
 <div id="search">\
   <a href="./sitemap.html"><img src="./images/ic_arrow.gif" alt="矢印"><img src="./images/bt_sitemap.gif" alt="サイトマップ"></a>\
    <form method="get" action="http://www.google.co.jp/search" style="position:absolute;left:70px;top:0px;">\
     <input name="q" style="width: 125px;" maxlength="255" value="" type="text">\
     <input value="&nbsp;検索&nbsp;" type="image" src="./images/bt_search.gif" style="position:absolute;left:133px;top:3px;">\
     <input name="ie" value="utf-8" type="hidden">\
     <input name="oe" value="utf-8" type="hidden">\
     <input name="hl" value="ja" type="hidden">\
     <input name="as_sitesearch" value="floor.co.jp" type="hidden">\
    </form>\
 </div>\
    ';
    // Google検索ここまで

    // ヘッダメニュー javascriptで読み込み
    html += '<div id="menu"></div>';

    $('header').innerHTML = html;
}

// ヘッダ部分メニューの挿入
function menu()
{
    var html = '\
  <ul>\
   <li id="m01"><a href="./index.html">トップページ</a></li>\
   <li id="m02"><a href="./company.html">会社情報</a></li>\
   <li id="m03"><a href="./activities.html">事業内容</a></li>\
   <li id="m05"><a href="./news.html">ニュースリリース</a></li>\
   <li id="m04"><a href="./recruit.html">採用情報</a></li>\
   <li id="m06"><a href="./contact.html">お問い合わせ</a></li>\
  </ul>\
    ';
    $('menu').innerHTML = html;
}


// フッタ部分の挿入
function footer()
{
    var html =  '\
     <div id="footercontents">\
      <HR style="border:dotted 1px #649590;width:95%;margin: 0px auto;" /><img src="./images/trademarks_text.gif" style="clear:left;margin:10px;" />\
      <div id="menu">\
       <ul>\
        <li id="m01"><a href="./index.html">トップページ</a></li>\
        <li id="m02"><a href="./company.html">会社情報</a></li>\
        <li id="m03"><a href="./activities.html">事業内容</a></li>\
        <li id="m05"><a href="./news.html">ニュースリリース</a></li>\
        <li id="m04"><a href="./recruit.html">採用情報</a></li>\
       </ul>\
      </div>\
     </div>\
    ';

    $('footer').innerHTML = html;
}