//
//  ニュースの項目を表示する
//  要prototype.js
//  要Xml2Obj.js
//  要basic.js
//  要form.js
//
//  showEvent(url, element, shopCode)
//  url：ターゲットスクリプトのurl
//  eid：表示レコードのid
//  element：受信データの表示先id属性
//  shopCode：DB情報およびメール送信の個別情報設定のためのセレクタ
//
//  2007/12/04 (c) Ohsako, Junichi
//  2010/01/24 update
//


function showEvent(url, eid, element, shopCode, limit) {
  // 曜日判定用配列
  var week = ['日', '月', '火', '水', '木', '金', '土'];
  // prototype.js でAjax通信
  new Ajax.Request(url, {
    asynchronous: true,
    method: 'post',
    parameters: 'table=event_tbl&key=event_id&key_value=' + eid,
    onComplete: function(request) {
                  // 受信データオブジェクトをXMLとして取得し、レコード配列オブジェクトを生成
                  var dbResult = new Xml2Obj(request.responseXML);
                  dbResult.buildRecords();
                  var records = dbResult.getRecords();
                  // ここから変数htmlにHTML化した文字列を蓄積
                  var html = '';
                  // 有効なデータが存在するかを判定
                  if(records.length) { 
                    // レコード配列から値を取り出してDOM出力
                    for(var i = 0; i < records.length; i++) {
                      var eDate = new Date(records[i].schedule * 1000); 
                      html += '<h2 id="eventItem"><div>' + eDate.getFullYear() + '年' + (eDate.getMonth() + 1) + '月' + eDate.getDate() + '日' + '（' + week[eDate.getDay()] + '）';
                      if(records[i].to_schedule) {
                        var e2Date = new Date(records[i].to_schedule * 1000); 
                        html += '〜&nbsp;' + e2Date.getFullYear() + '年' + (e2Date.getMonth() + 1) + '月' + e2Date.getDate() + '日（' + week[e2Date.getDay()] + '）</div>';
                      }
                      html += records[i].title + '</h2>';
                      if(records[i].imagepath) {
                        html += '<p class="click">▼クリックで写真を拡大</p>';
                        html += '<div class="imgbox">';
                        html += '<a href="javascript:openWinFix(\'photo\',\'photo.html?img/event/' + records[i].imagepath.slice(-15, -4) + '_l.jpg\',\'680\',\'710\');" style="border-bottom:none;"><img src="' + records[i].imagepath.match(/img\/.+/) + '" title="';
                        if(records[i].alternate) {
                          html += records[i].alternate + '" alt="' + records[i].alternate + '" /></a>';
                        } else {
                          html += '" alt="" /></a>';
                        }
                        html += '</div><!-- end imgbox -->';
                      }
                      html += '<dl>';
                      if(records[i].place) {
                        html += '<dt>会場：</dt><dd>' + records[i].place + '</dd>';
                      }
                      if(records[i].organizer) {
                        html += '<dt>主催：</dt><dd>' + records[i].organizer + '</dd>';
                      }
                      if(records[i].outline) {
                        var body = records[i].outline;
                        body = body.replace(/\r\n/g, "\n");
                        body = body.replace(/\r/g, "\n");
                        body = body.replace(/\n/g, '</p><p>');
                        body = body.replace(/\{\{/g, '<');
                        body = body.replace(/\}\}/g, '>');
                        html += '<dt>概要：</dt><dd><p>' + body + '</p></dd>';
                      }
                      html += '</dl>';
                      html += '<p class="preView">&laquo;&nbsp;<a href="javascript:showEventHeadline(\'../common/php/get_sorted_all_record.php?shopcode=' + shopCode + '\', \'event\', \'' + shopCode + '\', ' + limit + ');">もとの表示へ</a></p><p class="clearing">&nbsp;</p>';
                      html += '<h3 id="applyHeader">参加お申込みフォーム</h3>';
                      html += '<p id="privacy2"><a href="policy.html">プライバシーポリシー</a>&nbsp;&raquo;&raquo;</p>';
                      html += '<form name="apply" id="apply" onsubmit="return false">';
                      html += '<div><label for="pname">お名前：</label><input id="pname" class="queryitem" type="text" maxlength="30" /></div>';
                      html += '<div><label for="pkana">ふりがな：</label><input id="pkana" class="queryitem" type="text" maxlength="30" /></div>';
                      html += '<div><label for="phone">電話番号：</label><input id="phone" class="queryitem" type="text" maxlength="13" value="000-000-0000" onfocus="inActive(this);" /></div>';
                      html += '<div><label for="mail">E-Mail：</label><input id="mail" class="queryitem" type="text" maxlength="50" /></div>';
                      html += '<div id="querymessage"><label for="message">通信欄：</label><textarea id="message" class="queryitem" wrap="virtual" onfocus="inActive(this);">お問い合わせ・ご希望などございましたら、こちらにご記入ください。</textarea></div>';
                      html += '<input id="eventName" type="hidden" value="' + records[i].title + '" />';
                      html += '<p id="button"><input id="regist" type="button" value="送信" onclick="requestEventMail(\'result\', \'../common/php/sendEventMail.php?shopcode=' + shopCode + '\', [\'pname\',\'mail\'], [\'phone\'], [\'mail\']);" /></p></form>';
                      html += '<p id="result"></p>';

                    }
                  }
                  $(element).style.width = '538px';
                  $(element).style.border = 'solid 1px #ddd';
                  $(element).innerHTML = html;
                }
    }
  );
}