﻿//////////////////////////////////////////////////////////////////////
// 出張ジョーズ・スクリプト（パネル５：計画書作成）
//////////////////////////////////////////////////////////////////////

//--------------------------------------------------------------------
// パネル５の表示
//--------------------------------------------------------------------
  function jaws5_PanelDisp(){
    var txt;
    txt = "<table cellspacing=0 cellpadding=8 width=100%>"
        + "<tr><td>"
        + "<table cellspacing=0 cellpadding=0 width=100%>"
        + "<tr>"
        + "<td>　</td>"
        + "<td align=right><a href='javascript:void(0);' onclick=SendPrint('Plan');>計画書印刷</a></td>"
        + "</tr>"
        + "</table>"
        + "<br>"
        + "<table bgcolor=#888888 cellspacing=1 cellpadding=0 width=100%>"
        + "<tr>"
        + "<td bgcolor=#E0E0AA>"
        + "<div id='Plan' style='width:552px; height:380px; padding:10px; overflow-y:scroll;'>"
        + PlanDisp();
        + "</div>"
        + "</td>"
        + "</tr>"
        + "</table>"
        + "</td></tr>"
        + "</table>";
    $("Panel5").innerHTML = txt;
    HotelOn(0);
  }

//--------------------------------------------------------------------
// 計画書作成
//--------------------------------------------------------------------
  function PlanDisp(){
    var txt;
    txt = "<table bgcolor=#CCCCCC cellspacing=1 cellpadding=2 align=center>"
        + "<tr>"
        + "<td bgcolor=#F0F0F0 colspan=4>■用務</td>"
        + "</tr>"
        + "<tr>"
        + "<td bgcolor=#FFFFE0 width=100 align=center colspan=2>出張目的</td>"
        + "<td bgcolor=#FFFFFF>"
        + "<input type=text size=50 name=PT1 id=PT1 value=''>"
        + "</td>"
        + "<td bgcolor=#FFFFFF align=center>"
        + "<a href='javascript:void(0);' onclick='TextCopy(1);'>例</a>"
        + "</td>"
        + "</tr>"
        + "<tr>"
        + "<td bgcolor=#FFFFE0 width=100 align=center colspan=2>日　時</td>"
        + "<td bgcolor=#FFFFFF>"
        + "<input type=text size=16 name=PT2 id=PT2 value=''>　"
        + "<input type=text size=16 name=PT3 id=PT3 value=''>　から"
        + "</td>"
        + "<td bgcolor=#FFFFFF align=center>"
        + "<a href='javascript:void(0);' onclick='TextCopy(2);'>例</a>"
        + "</td>"
        + "</tr>"
        + "<tr>"
        + "<td bgcolor=#FFFFE0 width=30 align=center rowspan=3>会<br>場</td>"
        + "<td bgcolor=#FFFFE0 width=70 align=center>名　称</td>"
        + "<td bgcolor=#FFFFFF>"
        + "<input type=text size=50 name=PT4 id=PT4 value=''>"
        + "</td>"
        + "<td bgcolor=#FFFFFF align=center>"
        + "<a href='javascript:void(0);' onclick='TextCopy(4);'>目的地を転記</a>"
        + "</td>"
        + "</tr>"
        + "<tr>"
        + "<td bgcolor=#FFFFE0 width=70 align=center>住　所</td>"
        + "<td bgcolor=#FFFFFF>"
        + "<input type=text size=50 name=PT5 id=PT5 value=''>"
        + "</td>"
        + "<td bgcolor=#FFFFFF align=center>"
        + "<a href='javascript:void(0);' onclick='TextCopy(5);'>目的地を転記</a>"
        + "</td>"
        + "</tr>"
        + "<tr>"
        + "<td bgcolor=#FFFFE0 width=70 align=center>電　話</td>"
        + "<td bgcolor=#FFFFFF>"
        + "<input type=text size=16 name=PT6 id=PT6 value=''>"
        + "</td>"
        + "<td bgcolor=#FFFFFF align=center>"
        + "<a href='javascript:void(0);' onclick='TextCopy(6);'>例</a>"
        + "</td>"
        + "</tr>"
        + "<tr>"
        + "<td bgcolor=#FFFFE0 width=100 align=center colspan=2>備　考</td>"
        + "<td bgcolor=#FFFFFF>"
        + "<textarea cols=39 rows=2 name=PT7 id=PT7></textarea>"
        + "</td>"
        + "<td bgcolor=#FFFFFF align=center>"
        + "<a href='javascript:void(0);' onclick='TextCopy(7);'>例</a>"
        + "</td>"
        + "</tr>"
        + "<tr>"
        + "<td bgcolor=#F0F0F0 colspan=4>■旅行</td>"
        + "</tr>"
        + "<tr>"
        + "<td bgcolor=#FFFFE0 width=100 align=center colspan=2>出発地</td>"
        + "<td bgcolor=#FFFFFF>"
        + "<input type=text size=50 name=PT8 id=PT8 value=''>"
        + "</td>"
        + "<td bgcolor=#FFFFFF align=center>"
        + "<a href='javascript:void(0);' onclick='TextCopy(8);'>出発地を転記</a>"
        + "</td>"
        + "</tr>"
        + "<tr>"
        + "<td bgcolor=#FFFFE0 width=100 align=center colspan=2>経路（行き）</td>"
        + "<td bgcolor=#FFFFFF>"
        + "<span id=PT9></span>"
        + "</td>"
        + "<td bgcolor=#FFFFFF align=center>"
        + "<a href='javascript:void(0);' onclick='TextCopy(9);'>経路を転記</a>"
        + "</td>"
        + "</tr>"
        + "<tr>"
        + "<td bgcolor=#FFFFE0 width=30 align=center rowspan=4>宿<br>泊</td>"
        + "<td bgcolor=#FFFFE0 width=70 align=center>区　分</td>"
        + "<td bgcolor=#FFFFFF>"
        + "<input type=radio name=PT10 value='0' checked onclick='HotelOn(0);'>宿泊なし　"
        + "<input type=radio name=PT10 value='1' onclick='HotelOn(1);'>前泊　"
        + "<input type=radio name=PT10 value='2' onclick='HotelOn(2);'>後泊　"
        + "</td>"
        + "<td bgcolor=#FFFFFF align=center>　</td>"
        + "</tr>"
        + "<tr>"
        + "<td bgcolor=#FFFFE0 width=70 align=center>名　称</td>"
        + "<td bgcolor=#FFFFFF>"
        + "<input type=text size=50 name=PT11 id=PT11 value=''>"
        + "</td>"
        + "<td bgcolor=#FFFFFF align=center rowspan=2>"
        + "<a href='javascript:void(0);' onclick='TextCopy(11);'>ホテルを転記</a>"
        + "</td>"
        + "</tr>"
        + "<tr>"
        + "<td bgcolor=#FFFFE0 width=70 align=center>住　所</td>"
        + "<td bgcolor=#FFFFFF>"
        + "<input type=text size=50 name=PT12 id=PT12 value=''>"
        + "</td>"
        + "</tr>"
        + "<tr>"
        + "<td bgcolor=#FFFFE0 width=70 align=center>電　話</td>"
        + "<td bgcolor=#FFFFFF>"
        + "<input type=text size=16 name=PT13 id=PT13 value=''>"
        + "</td>"
        + "<td bgcolor=#FFFFFF align=center>"
        + "<a href='javascript:void(0);' onclick='TextCopy(13);'>例</a>"
        + "</td>"
        + "</tr>"
        + "<tr>"
        + "<td bgcolor=#FFFFE0 width=100 align=center colspan=2>経路（帰り）</td>"
        + "<td bgcolor=#FFFFFF>"
        + "<span id=PT14></span>"
        + "</td>"
        + "<td bgcolor=#FFFFFF align=center>"
        + "<a href='javascript:void(0);' onclick='TextCopy(14);'>経路を転記</a>"
        + "</td>"
        + "</tr>"
        + "</table>";
    return txt;
  }

// 各項目の転記
  function TextCopy(num){
    switch(num){
      case 1:
        $("PT1").value = "「マッシュアップセミナー」受講のため";
        break;
      case 2:
        $("PT2").value = "2007/04/01";
        $("PT3").value = "14:00";
        break;
      case 4:
        $("PT4").value = $('Form1').text2.value;
        break;
      case 5:
        $("PT5").value = Paddress[2];
        break;
      case 6:
        $("PT6").value = "012-345-6789";
        break;
      case 7:
        $("PT7").value = "セミナーは全体で３時間の予定" + unescape("%0D%0A") + "（講義：約１時間、実習：約２時間）";
        break;
      case 8:
        $("PT8").value = $('Form1').text1.value;
        break;
      case 9:
        if(MyRoute[1]=="0"){
          alert("経路が選択されていません");
        }else{
          txt = Route1Description[eval(MyRoute[1])]
          $("PT9").innerHTML = RouteEasy(txt);
        }
        break;
      case 11:
        if(StayMode=="0"){
          alert("「宿泊なし」が選択されているため処理できません");
          break;
        }
        if(MyHotel=="0"){
          alert("ホテルが選択されていません");
          break;
        }else{
          $("PT11").value = HotelName[eval(MyHotel)];
          $("PT12").value = HotelAddress[eval(MyHotel)];
          break;
        }
      case 13:
        if(StayMode=="0"){
          alert("「宿泊なし」が選択されているため処理できません");
          break;
        }else{
          $("PT13").value = "012-345-6789";
          break;
        }
      case 14:
        if(MyRoute[2]=="0"){
          alert("経路が選択されていません");
        }else{
          txt = Route2Description[eval(MyRoute[2])]
          $("PT14").innerHTML = RouteEasy(txt);
        }
        break;
    }
  }

// 宿泊のオン／オフ
  function HotelOn(num){
    if(num==0){
      StayMode = "0";
      $("PT11").value = "入力不可";
      $("PT12").value = "入力不可";
      $("PT13").value = "入力不可";
      $("PT11").disabled = true;
      $("PT12").disabled = true;
      $("PT13").disabled = true;
    }else{
      if(StayMode=="0"){
        $("PT11").value = "";
        $("PT12").value = "";
        $("PT13").value = "";
      }
      StayMode = "" + num;
      $("PT11").disabled = false;
      $("PT12").disabled = false;
      $("PT13").disabled = false;
    }
  }

// 経路を簡易表示形式に変換
  function RouteEasy(txt){
    var RouteArray = txt.split(',');
    var str = "";
    var wrk;
    for(var i=0;i<RouteArray.length;i++){
      wrk = RouteArray[i];
      if(wrk.indexOf("[")>-1){
        str += "<br>↓" + wrk;
      }else{
        if(i>0){
          str += "<br>" + wrk;
        }else{
          str += wrk;
        }
      }
    }
    return str;
  }

//--------------------------------------------------------------------
// 印刷用レイアウト表示
//--------------------------------------------------------------------
  function SendPrint(type){
    switch(type){
      case "Plan":
        var txt;
        var PlaceText = $("PT4").value + "<br>（住所）" + $("PT5").value + "<br>（電話）" + $("PT6").value;
        var StayText;
        switch(StayMode){
          case "0":
            StayText = "【宿泊なし】";
            break;
          case "1":
            StayText = "【前泊】<br>" + $("PT11").value + "<br>（住所）" + $("PT12").value + "<br>（電話）" + $("PT13").value;
            break;
          case "2":
            StayText = "【後泊】<br>" + $("PT11").value + "<br>（住所）" + $("PT12").value + "<br>（電話）" + $("PT13").value;
            break;
        }
        txt = "<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>"
            + "<html xmlns='http://www.w3.org/1999/xhtml'>"
            + "<head>"
            + "<meta http-equiv='content-type' content='text/html; charset=utf-8'/>"
            + "<title>【出張JAWS】出張計画書</title>"
            + "<link href='style/print.css' rel='stylesheet' type='text/css' />"
            + "</head>"
            + "<body onload='print();'>"
            + "<table width=640 height=960 align=center bgcolor=#000000 cellspacing=1 cellpadding=10>"
            + "<tr><td valign=top bgcolor=#FFFFFF>"
            + "<br>"
            + "<center><span class=text_L>出張計画書</span></center><br>"
            + "<br>"

            + "<span class=text_M><b>１．用務</b></span>"
            + "<table width=100% bgcolor=#000000 cellspacing=1 cellpadding=4>"
            + "<tr>"
            + "<th bgcolor=#DDDDDD class=text_M width=20%>項　　目</th>"
            + "<th bgcolor=#DDDDDD class=text_M width=80%>内　　容</th>"
            + "</tr>"
            + "<tr>"
            + "<td bgcolor=#FFFFFF class=text_M align=center>出張目的</td>"
            + "<td bgcolor=#FFFFFF class=text_S align=left>" + $("PT1").value + "</td>"
            + "</tr>"
            + "<tr>"
            + "<td bgcolor=#FFFFFF class=text_M align=center>日　　時</td>"
            + "<td bgcolor=#FFFFFF class=text_S align=left>" + $("PT2").value + "　" + $("PT3").value + "から</td>"
            + "</tr>"
            + "<tr>"
            + "<td bgcolor=#FFFFFF class=text_M align=center>会　　場</td>"
            + "<td bgcolor=#FFFFFF class=text_S align=left>" + PlaceText + "</td>"
            + "</tr>"
            + "<tr>"
            + "<td bgcolor=#FFFFFF class=text_M align=center>備　　考</td>"
            + "<td bgcolor=#FFFFFF class=text_S align=left>" + CRLFtoBR($("PT7").value) + "</td>"
            + "</tr>"
            + "</table>"

            + "<br>"
            + "<span class=text_M><b>２．旅行</b></span>"
            + "<table width=100% bgcolor=#000000 cellspacing=1 cellpadding=4>"
            + "<tr>"
            + "<th bgcolor=#DDDDDD class=text_M width=20%>項　　目</th>"
            + "<th bgcolor=#DDDDDD class=text_M width=80%>内　　容</th>"
            + "</tr>"
            + "<tr>"
            + "<td bgcolor=#FFFFFF class=text_M align=center>出 発 地</td>"
            + "<td bgcolor=#FFFFFF class=text_S align=left>" + $("PT8").value + "</td>"
            + "</tr>"
            + "<tr>"
            + "<td bgcolor=#FFFFFF class=text_M align=center>経路（行き）</td>"
            + "<td bgcolor=#FFFFFF class=text_S align=left>" + $("PT9").innerHTML + "</td>"
            + "</tr>"
            + "<tr>"
            + "<td bgcolor=#FFFFFF class=text_M align=center>宿　　泊</td>"
            + "<td bgcolor=#FFFFFF class=text_S align=left>" + StayText + "</td>"
            + "</tr>"
            + "<tr>"
            + "<td bgcolor=#FFFFFF class=text_M align=center>経路（帰り）</td>"
            + "<td bgcolor=#FFFFFF class=text_S align=left>" + $("PT14").innerHTML + "</td>"
            + "</tr>"

            + "</table>"

            + "</td></tr>"
            + "</table>"
            + "</body>"
            + "</html>";
        var win = window.open("", "_blank", "width=700,location=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes");
        win.document.open();
        win.document.write(txt);
        win.document.close();
        break;
    }
  }
