﻿function ChangeForm(LType){
   var LoginArea = document.getElementById("memLogin");
   var LoginForm = "";
   
   if(LType == "gen"){
      LoginForm  = "<form name=\"loginf\" method=\"post\" action=\"login.aspx\" onsubmit=\"return chkdata(this);\">";
      LoginForm += "<input type=\"hidden\" name=\"cdcLogin\" value=\"0\" />";
      LoginForm += "<input type=\"hidden\" name=\"parent_page\" value=\"0\" />";
      LoginForm += "<table width=\"98%\" border=\"0\" align=\"center\" cellpadding=\"2\" cellspacing=\"0\" class=\"black\">";
      LoginForm += "  <tr>";
      LoginForm += "    <td>";
      LoginForm += "      <img src=\"images/main_25.jpg\" width=\"5\" height=\"5\" alt=\"*\" />";
      LoginForm += "      <label for=\"pid\">帳&nbsp;號：</label>";
      LoginForm += "      <input name=\"pid\" id=\"pid\" type=\"text\" class=\"from\" size=\"12\" value=\"請輸入身分證字號\" onblur=\"javascript:setdefault(this,'請輸入身分證字號');\" onfocus=\"javascript:clearvalue(this,'請輸入身分證字號');\">";
      LoginForm += "   </td>";
      LoginForm += "  </tr>";
      LoginForm += "  <tr>";
      LoginForm += "    <td colspan=\"3\" align=\"center\"><img src=\"images/line/lin.gif\" alt=\"\" width=\"165\" height=\"1\" /></td>";
      LoginForm += "  </tr>";
      LoginForm += "  <tr>";
      LoginForm += "    <td>";
      LoginForm += "       <img src=\"images/main_25.jpg\" width=\"5\" height=\"5\" alt=\"*\" />";
      LoginForm += "       <label for=\"userpwd\">密&nbsp;碼：</label>";
      LoginForm += "       <input name=\"userpwd\" type=\"password\" class=\"from\" size=\"12\" id=\"userpwd\" value=\"請輸入密碼\" onblur=\"javascript:setdefault(this,'請輸入密碼');\" onfocus=\"javascript:clearvalue(this,'請輸入密碼');\">";
      LoginForm += "    </a></td>";
      LoginForm += "  </tr>";
      LoginForm += "  <tr>";
      LoginForm += "    <td align=\"center\"><img src=\"images/line/lin.gif\" alt=\"\" width=\"165\" height=\"1\" /></td>";
      LoginForm += "  </tr>";
      LoginForm += "  <tr>";
      LoginForm += "    <td>";
      LoginForm += "      <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
      LoginForm += "        <tr>";
      LoginForm += "          <td>";
      LoginForm += "            <a href=\"/member/agree.aspx\" target=\"_blank\" class=\"link-b\" title=\"另開新視窗\">加入會員</a>│";
      LoginForm += "            <a href=\"/member/forget.aspx\" target=\"_blank\" class=\"link-b\"  title=\"另開新視窗\">忘記密碼</a>";
      LoginForm += "          </td>";
      LoginForm += "          <td width=\"55\">";
      LoginForm += "            <input type=\"submit\" name=\"login\" id=\"login\" value=\"登入\" class=\"button\" style=\"cursor: pointer;\" />";
      LoginForm += "          </td>";
      LoginForm += "        </tr>";
      LoginForm += "    </table></td>";
      LoginForm += "  </tr>";
      LoginForm += "  <tr>";
      LoginForm += "    <td colspan=\"3\" align=\"center\"><img src=\"images/line/lin.gif\" alt=\"\" width=\"165\" height=\"1\" /></td>";
      LoginForm += "  </tr>";
      LoginForm += "  <tr>";
      LoginForm += "    <td align=\"left\">";
      LoginForm += "      <a href=\"javascript:ChangeForm('cdc');\" class=\"lblack\">切換以自然人憑證登入</a>";
      LoginForm += "    </td>";
      LoginForm += "  </tr>";
      LoginForm += "</table>";
      LoginForm += "</form>";
   }
   else {
      LoginForm  = "<object id=\"CHTSClient\" width=\"0\" height=\"0\" codebase=\"./HiPKIAPI/Client_component/CHTSecurityClient.cab#Version=1,6,1,569\" classid=\"clsid:D7D87BA8-3526-40AF-A8F0-9B44E64177C7\" VIEWASTEXT><span class=\"msmall\">自然人憑證的驗證API</span></object>";
      LoginForm += "<form name=\"form1\" method=\"post\" action=\"cdc_login.aspx\" onsubmit=\"return authlonig();\">";
      LoginForm += "<input type=\"hidden\" name=\"cdcLogin\" value=\"1\" />";
      LoginForm += "<input type=\"hidden\" name=\"credential\" id=\"credential\" />";
      LoginForm += "<input type=\"hidden\" name=\"parent_page\" value=\"0\" />";
      LoginForm += "<table width=\"98%\" border=\"0\" align=\"center\" cellpadding=\"2\" cellspacing=\"0\" class=\"black\">";
      LoginForm += "  <tr>";
      LoginForm += "    <td align=\"center\"><strong>{請插入您的自然人憑證}</strong></td>";
      LoginForm += "  </tr>";
      LoginForm += "  <tr>";
      LoginForm += "    <td align=\"center\"><img src=\"images/line/lin.gif\" alt=\"\" width=\"165\" height=\"1\" /></td>";
      LoginForm += "  </tr>";
      LoginForm += "  <tr>";
      LoginForm += "    <td>";
      LoginForm += "      <label for=\"pinCode\">輸入PIN碼：</label><br />";
      LoginForm += "      <input name=\"pinCode\" type=\"password\" class=\"from\" size=\"14\" id=\"pinCode\" value=\"請輸入PIN碼\" onfocus=\"javascript:clearvalue(this,'請輸入PIN碼');\" />";
      LoginForm += "    <input type=\"submit\" name=\"cdcLogin\" id=\"cdcLogin\" value=\"登入\" class=\"button\" /></td>";
      LoginForm += "  </tr>";
      LoginForm += "  <tr>";
      LoginForm += "    <td align=\"center\"><img src=\"images/line/lin.gif\" alt=\"\" width=\"165\" height=\"1\" /></td>";
      LoginForm += "  </tr>";
      LoginForm += "  <tr>";
      LoginForm += "    <td align=\"left\">";
      LoginForm += "      <a href=\"javascript:ChangeForm('gen');\" class=\"lblack\">切換以帳號密碼登入</a><br />";
      LoginForm += "      <a href=\"http://moica.nat.gov.tw/html/index.htm\" target=\"_blank\" class=\"lblack\">憑證管理相關事項</a>";
      LoginForm += "    </td>";
      LoginForm += "  </tr>";
      LoginForm += "</table>";
      LoginForm += "</form>";   
   }
   
   LoginArea.innerHTML = LoginForm;
}   
