//  トップページのメニュー要素を表示する関数
//
//  構成要素：    おすすめ情報１／おすすめ情報２／ニュースの各タイトル・項目・リンク
//              インフォメーションの各タイトル・リンク
//
//  付加機能：    無し
//
//  id命名規約：  'お知らせ'用<ul>        = infoItems
//              'おすすめ情報'用<ul>     = recoItems
//              'ニュース1見出し'用<h2>  = newsHeader1
//              'ニュース1項目'用<ul>    = news1Items
//              'ニュース2見出し'用<h2>  = newsHeader2
//              'ニュース2項目'用<ul>    = news1Items
//
//  実行に必要なライブラリ：
//              prototype.js
//              Xml2Obj.js
//
//
//  2008/03/02 (c) Ohsako, Junichi
//



var showTop =
function() {
  // エレメントオブジェクトの取得
  var infoItems = document.getElementById('infoItems');
  var recoItems = document.getElementById('recoItems');
  var news1Header = document.getElementById('news1Header');
  var news1Items = document.getElementById('news1Items');
  var news2Header = document.getElementById('news2Header');
  var news2Items = document.getElementById('news2Items');
  // リモートXMLデータファイル
  var url = 'php/topData.xml?' + (new Date).getTime();
  // リモートのXMLファイルからデータを取得
  new Ajax.Request(url, {
    asynchronous: true,
    method: 'post',
    parameters: '',
    onComplete: function(request) {
                  // 受信データオブジェクトをXMLとして取得し、レコード配列オブジェクトを生成
                  var dbResult = new Xml2Obj(request.responseXML);
                  dbResult.buildRecords();
                  records = dbResult.getRecords();
                  // ここから各エレメントのプロパティに代入
                  // 有効なデータが存在するかを判定
                  if(records.length) { 
                    // プロパティから値を取り出してDOM出力
                    for(var i = 0; i < records.length; i++) {
                      var html1 = '';
                      for(var j = 1; j < 11; j++) {
                        if(records[i]['infoItem' + j]) {
                          html1 += '<li><a href="' + records[i]['infoLink' + j] + '">' + records[i]['infoItem' + j] + '</a></li>';
                        }
                      }
                      infoItems.innerHTML = html1;
                      var html2 = '';
                      for(var j = 1; j < 3; j++) {
                        if(records[i]['alternate' + j]) {
                          html2 += '<li style="background-image:url(img/recommend' + j + '.jpg?' + (new Date).getTime() + ');"><a href="' + records[i]['link' + j] + '">' + records[i]['alternate' + j] + '</a></li>';
                        }
                      }
                      recoItems.innerHTML = html2;
                      if(records[i].news1) {
                        news1Header.firstChild.nodeValue = records[i].news1;
                      }
                      if(records[i].news2) {
                        news2Header.firstChild.nodeValue = records[i].news2;
                      }
                      var html3 = '';
                      for(var j = 1; j < 5; j++) {
                        if(records[i]['newsItem1' + j]) {
                          html3 += '<li><a href="' + records[i]['newsLink1' + j] + '">' + records[i]['newsItem1' + j] + '</a></li>';
                        }
                      }
                      news1Items.innerHTML = html3;
                      var html4 = '';
                      for(var j = 1; j < 3; j++) {
                        if(records[i]['newsItem2' + j]) {
                          html4 += '<li><a href="' + records[i]['newsLink2' + j] + '">' + records[i]['newsItem2' + j] + '</a></li>';
                        }
                      }
                      news2Items.innerHTML = html4;
                    }
                  }
                }
    }
  );
}