//
//  スタッフを表示する
//  店舗案内ページ用
//  要prototype.js
//  要Xml2Obj.js
//  要LinkedList.js
//
//  showStaff(url, element)
//  url：ターゲットスクリプトのurl
//  element：HTMLコードの出力先エレメントのID
//
//  2007/11/12 (c) Ohsako, Junichi
//


function showStaff(url, element) {
  // レコード配列オブジェクトを生成(prototype.js でAjax通信)
  new Ajax.Request(url, {
    asynchronous: true,
    method: "post",
    parameters: 'table=staff_tbl',
    onComplete: function(request) {
                  // 受信データオブジェクトをXMLとして取得し、レコード配列オブジェクトを生成
                  var dbResult = new Xml2Obj(request.responseXML);
                  dbResult.buildRecords();
                  var records = dbResult.getRecords();
                  // レコード配列オブジェクトを連結リスト順にソート
                  var lList = new LinkedList(records, 'staff_id', 'next', -1);
                  lList.sortingList();
                  records = lList.getList();
                  // ここから変数htmlにHTML化した文字列を蓄積
                  var html = '';
                  // recordsオブジェクトから値を取り出してHTML生成
                  for(var i = 0; i < records.length; i++) {
                    html += '<div class="tileboxs">';
                    if(records[i].imagepath) {
                      html += '<img src="' + records[i].imagepath.match(/img.+/) + '" alt="" />';
                    }
                    html += '<ul>';
                    if(records[i].sname) {
                      records[i].sname = records[i].sname.replace(/(\{\{span\}\})(.+?)(\{\{\/span\}\})/g, "<span>$2</span>");
                      html += '<li class="nameLi">' + records[i].sname + '</li>';
                    }
                    if(records[i].charge) {
                      html += '<li>' + records[i].charge + '</li>';
                    }
                    if(records[i].comment) {
                      html += '<li>' + records[i].comment + '</li>';
                    }
                    html += '</ul></div>';
                  }
                  // DOM書き出し
                  document.getElementById(element).innerHTML = html;
                }
    }
  );
}