@SiteHeader@
@Order_SiteHeader@


<div class="Car_Content Top8"></div>
<SCRIPT LANGUAGE="JavaScript">

function check(){

if (document.Form_Order.Lxr.value==""){
alert("取房人不能为空！");
document.Form_Order.Lxr.focus();
return false;
}
if (document.Form_Order.Tel.value==""){
alert("手机号码不能为空!");
document.Form_Order.Tel.focus();
return false;
}
if (document.Form_Order.OutTime.value==""){
alert("请选择最晚到达酒店时间!");
document.Form_Order.OutTime.focus();
return false;
}

return true;
}
</SCRIPT>
<form name="Form_Order" method="Post" action="Hotel_Order_Ok.Asp" onsubmit="return check();">

<table width="100%"  border="0" cellspacing="0" cellpadding="0">

  <tr>
    <td width="3%" height="29" class="TLeft font2 F16"><div align="center" >1.</div></td>
    <td width="97%" colspan="2" class="TLeft font2">酒店及房型信息      </td>
  </tr>
</table>
<table width="100%"  border="0" cellspacing="0" cellpadding="0" class="Td4">
  <tr>
    <td height="26" bgcolor="#f8f8f8"  class=" TLeft F14">&nbsp;&nbsp;&nbsp;<strong>酒店名称：</strong><span class="font1">@Hotel_Name@</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>房 型：</strong><span class="font1">@Rooms_Name@</span>&nbsp;&nbsp;[<a href="#" class="F14">修改房型</a>]</td>
  </tr>
  <tr>
    <td class="P10 TLeft L22 F13"><span id="Order_Roomlist"></span></td>
  </tr>
</table>
<table width="100%" height="25"  border="0" cellpadding="0" cellspacing="0" class="Top8">

  <tr>
    <td width="3%" height="25" class="TLeft font2 F16"><div align="center" >2.</div></td>
    <td width="97%" colspan="2" class="TLeft font2">房型数量/加床/增订早餐</td>
  </tr>
</table>
 

<table id="zaocanlist" width="100%"  border="0" cellspacing="0" cellpadding="0" class="Td4">
  <tr id="zaocanlisttr0">
    <td width="11%" height="32"  class="TLeft"><div align="right">房间数量：</div></td>
    <td class="TLeft"><select name="Rooms_Count" onChange='RoomsCount(this.value);'>
      @Rooms_List_Shu@ 
    </select>
      加床位：<select name="Rooms_chuang_Count" id="Rooms_chuang_Count" onChange='Jiachuangprice(this.value);'>
        <!-- @Rooms_chuang_Count@ -->
      </select>
      <span style="font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FF0000;">&yen;@Jiachuang_price@元/床</span></td>
    </tr>
  <tr id="zaocanlisttr1">
    <td height="30" class="TLeft"><div align="right">增订次日早餐：</div></td>
    <td class="TLeft"><select name="Zaocan_Lei" onChange='ZaocanCount(document.Form_Order.Zaocan_Count.options[document.Form_Order.Zaocan_Count.selectedIndex].value);'>
      <option value="0">成人</option>
      <option value="1">儿童</option>
        </select>
      <select name="Zaocan_Name" style="font-family:Arial, Helvetica, sans-serif; " onChange='ZaocanList(this.value);'>
        @Zaocan_Name@
      </select>
      <select name="Zaocan_Count"  onChange='ZaocanCount(this.value);'>
        @Zaocan_Count@
      </select>
份 [<a href="Javascript:;" onclick="AddRow();" ><font color="#FF0000">增加早餐预订</font></a>]
<Div id="Zaocan_Text" style=" width:680px; margin-top:5px;margin-Bottom:5px;color:#666666;border:1px solid #ebebeb; background-color:#f8f8f8; padding:8px;">@Zaocan_Text@</Div>
</td>
    </tr>
</table>
<input name="Rooms_Price" type="Hidden" id="Rooms_Price" title="房间价格" value="0">
      <input name="Tianshu" type="Hidden" id="Tianshu" value="@Tianshu@" size="3" title="预订天数">
      <input name="jiachuang" type="Hidden" id="jiachuang" value="@Jiachuang_price@" size="8" title="加床单价">
      <input name="Hotel_id" type="Hidden" id="Hotel_id" value="@Hotel_Id@" size="10">
      <input name="Rooms_id" type="Hidden" id="Rooms_id" value="@Rooms_Id@" size="10"> 
      <input name="Price_Count" type="Hidden" id="Price_Count" value="0" size="6" title="房间价格合计">
      <input name="Zaocan_Price_Count" type="Hidden" id="Zaocan_Price_Count" value="0" size="6" title="增订早餐价格合计">
      <input name="jiachuang_Count" type="Hidden" id="jiachuang_Count" value="0" size="6" title="加床合计">     
      <input name="Zaocanshu" type="Hidden" id="Zaocanshu" title="增订早餐数" value="2" size="6">
      <input name="Zaocan_Price" type="Hidden" id="Zaocan_Price" value="0" size="6" title="早餐价格合计">
<table width="100%" height="44"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="44"><div align="right" class="F14"><span id="Rooms_Price_Counta" style=" display:none; "></span><strong>合计总价格：</strong> <span id="RMB">&yen;</span><span id="Price_Counta"></span>&nbsp;&nbsp;&nbsp;</div>      </td>
  </tr>
</table>
<table width="100%" height="25"  border="0" cellpadding="0" cellspacing="0" class="Top8">

  <tr>
    <td width="3%" height="25" class="TLeft font2 F16"><div align="center" >3.</div></td>
    <td width="97%" colspan="2" class="TLeft font2">填写预订联系信息</td>
  </tr>
</table>
<table  width="100%"  border="0" cellspacing="0" cellpadding="0" class="Td4">
  <tr>
    <td height="25"  class="TLeft"><div align="right">入住人数：</div></td>
    <td width="86%" class="TLeft"><select name="RenShu">
@Renshu@
    </select></td>
  </tr>
  <tr>
    <td width="14%" height="26"  class="TLeft"><div align="right">取 房 人：</div></td>
    <td class="TLeft"><input type="text" name="Lxr" value="@Lxrstr@">
      (填写取房人真实姓名)</td>
    </tr>
  <tr>
    <td height="25" class="TLeft"><div align="right">联系手机：</div></td>
    <td class="TLeft"><input type="text" name="Tel"  id="Tel" onChange="Mobile()" value="@Telstr@">
      (填写手机以方便确认及联系)</td>
  </tr>
  <tr>
    <td height="29" class="TLeft"><div align="right"><span class="12font180"><font color="#666666">最早到达酒店时间：</font></span></div></td>
    <td class="TLeft"><span class="12font180"><font color="#666666">
        <select name="InTime" id="InTime" datatype="Require" msg="请选择最早达到时间" onChange="cktime()" style="border: 1px solid #A2B9E6; ">
        <option value="" selected="selected"></option>
        <!--            <option value="08:00">08:00</option>
            <option value="08:30">08:30</option>
            <option value="09:00">09:00</option>
            <option value="09:30">09:30</option>
 -->
        <option value="10:00">10:00</option>
        <option value="10:30">10:30</option>
        <option value="11:00">11:00</option>
        <option value="11:30">11:30</option>
        <option value="12:00">12:00</option>
        <option value="12:30">12:30</option>
        <option value="13:00">13:00</option>
        <option value="13:30">13:30</option>
        <option value="14:00">14:00</option>
        <option value="14:30">14:30</option>
        <option value="15:00">15:00</option>
        <option value="15:30">15:30</option>
        <option value="16:00">16:00</option>
        <option value="16:30">16:30</option>
        <option value="17:00">17:00</option>
        <option value="17:30">17:30</option>
        <option value="18:00">18:00</option>
        <!--            <option value="19:00">19:00</option>
            <option value="20:00">20:00</option>
            <option value="21:00">21:00</option>
            <option value="22:00">22:00</option>
            <option value="23:00">23:00</option>
            <option value="23:59">23:59</option> -->
      </select>
    </font></span>最晚到达酒店时间：<span class="12font180"><font color="#666666">
    <select name="OutTime" id="OutTime" datatype="Require" msg="请选择最晚达到时间" onChange="cktime()" style="border: 1px solid #A2B9E6; ">
      <option value="" selected="selected"></option>
      <!--            <option value="08:00">08:00</option>
            <option value="08:30">08:30</option>
            <option value="09:00">09:00</option>
            <option value="09:30">09:30</option>
            <option value="10:00">10:00</option>
            <option value="10:30">10:30</option> -->
      <option value="11:00">11:00</option>
      <option value="11:30">11:30</option>
      <option value="12:00">12:00</option>
      <option value="12:30">12:30</option>
      <option value="13:00">13:00</option>
      <option value="13:30">13:30</option>
      <option value="14:00">14:00</option>
      <option value="14:30">14:30</option>
      <option value="15:00">15:00</option>
      <option value="15:30">15:30</option>
      <option value="16:00">16:00</option>
      <option value="16:30">16:30</option>
      <option value="17:00">17:00</option>
      <option value="17:30">17:30</option>
      <option value="18:00">18:00</option>
      <!--            <option value="19:00">19:00</option>
            <option value="20:00">20:00</option>
            <option value="21:00">21:00</option>
            <option value="22:00">22:00</option>
            <option value="23:00">23:00</option>
            <option value="23:59">23:59</option> -->
    </select>
    </font></span></td>
  </tr>
  <tr>
    <td height="28" class="TLeft">&nbsp;</td>
    <td height="28" class="TLeft"><span class="12font180"><span class="style7">提示：</span><font color="#666666">如您不能在 <span class="font14bc">18</span>:00 前到达，酒店前台有可能会取消您的预订，请在备注里说明晚到原因(例：乘坐交通工具、达到时间等)</font></span></td>
  </tr>
  <tr>
    <td height="30" rowspan="2" class="TLeft"><div align="right">其他要求：</div></td>
    <td class="TLeft"><textarea name="Content" cols="80" rows="6" id="Content" onkeyup="checkLength(this);">@Contentstr@</textarea></td>
  </tr>
  <tr>
    <td class="TLeft"><span class="12font180"><font color="#666666">文字最多限为: 880个字符， 还剩: <span id="chLeft">880</span></font></span> (如您预订还有其他要求请在此说明)</td>
  </tr>
  <tr>
    <td height="30" class="TLeft"><div align="right"></div></td>
    <td class="TLeft"><input type="submit" name="Next" id="Next" value="确认，下一步" style="height:36px; width:120px;  font-size:14px; font-weight:bold; color:#666666; margin:8px;margin-left:0px;" ></td>
    </tr>
</table>
</form>

<br>
@SiteFooter@ 
</div>

</center>
<script type="text/javascript">jQuery(document).ready(function($)
{
Url="/Hotel/Ajax_Hotel_Rooms_Date_Price_Order.asp?Rooms_id=@Rooms_Id@&Hotel_Id=@Hotel_Id@&Tm3=@Tm3@&Tm4=@Tm4@";
Urla="/Hotel/Hotel_Price_Count.asp?Rooms_id=@Rooms_Id@&Hotel_Id=@Hotel_Id@&Tm3=@Tm3@&Tm4=@Tm4@";
Urlb="/Hotel/Hotel_Tianshu_Count.asp?Rooms_id=@Rooms_Id@&Hotel_Id=@Hotel_Id@&Tm3=@Tm3@&Tm4=@Tm4@";
Divs="Order_Roomlist";
Order_RoomsList_Show(Url,Divs);
Order_RoomsList_Price(Urla,"Rooms_Price_Counta");
Order_Tianshu(Urlb,"Tianshu");
$("img").lazyload(
{ 
placeholder : "/Skin/UU/Template/Images/blank.gif", 
effect : "fadeIn"
//container: $("#PIC")
}
);});
Jiachuang_List();

function checkLength(which) {  
var maxChars = 880;  
if (which.value.length > maxChars)  
which.value = which.value.substring(0,maxChars);  
var curr = maxChars - which.value.length;  
document.getElementById("chLeft").innerHTML = "<font color=#ff3300>"+curr.toString()+"</font>";  
}  
//合法性检查
 function Mobile(){
 　
   	var myReg=/^(0898){0,1}[2|6|8]\d{7}$/
   	var myReg1=/^13\d{9}$/	
	var myReg2=/^15\d{9}$/	
    var myReg3=/^18\d{9}$/	
	if(!myReg.test(document.all.Tel.value)&& !myReg1.test(document.all.Tel.value)&& !myReg2.test(document.all.Tel.value)&& !myReg3.test(document.all.Tel.value))
	  {
		alert("请您正确填写您的手机或电话号码!\n格式 如：(13*|15*|18*|(0898)********)等。");
       // document.all.Next.disabled=true;
	   return false; 
	   }
	    //document.all.Next.disabled=false;
 }
  function cktime(){
		  var t1=document.all.InTime.value.replace(':','.');
		  var t2=document.all.OutTime.value.replace(':','.');
		  var t3=t2-t1;
		  if(t3>2&&t1!=''&&t2!='')alert('最晚到达时间与最早到达时间相距不能超过2小时!！');
		  if(t3<0&&t1!=''&&t2!='')alert('最晚到达时间不能早于最早到达时间!');
		  }
</script>
<script> 

var count=1;

function AddRow(obj) 
{ 
 count++;
 
 //添加一行 
 document.Form_Order.Zaocanshu.value=count+1;
 var newTr = zaocanlist.insertRow();
 newTr.setAttribute("id","zaocanlisttr" + count.toString());
 //添加两列 
 var newTd0 = newTr.insertCell(); 
 var newTd1 = newTr.insertCell(); 
 //设置列内容和属性 

  Str='<Div class="TLeft"><select name="Zaocan_Lei'+ count.toString() +'" id="Zaocan_Lei'+ count.toString() +'" onChange="ZaocanCounta(document.Form_Order.Zaocan_Count'+count.toString()+'.options[document.Form_Order.Zaocan_Count'+count.toString()+'.selectedIndex].value,'+count.toString()+');"><option value="0">成人</option><option value="1">儿童</option></select>  <select name="Zaocan_Name'+ count.toString() +'" id="Zaocan_Name'+ count.toString() +'" style="font-family:Arial, Helvetica, sans-serif; " onChange=ZaocanLista(this.value,"Zaocan_Text'+ count.toString() +'","'+ count.toString() +'");>@Zaocan_Name@</select>  <select name="Zaocan_Count'+ count.toString() +'" id="Zaocan_Count'+ count.toString() +'"  onChange=ZaocanCounta(this.value,'+ count.toString() +');>@Zaocan_Count@</select>份  [<a href="Javascript:;" onclick="DelRow('+ count.toString() +');" ><font color="#FF0000">删除最后一项</font></a>]<input name="Zaocan_PriceCount'+ count.toString() +'" type="Hidden" id="Zaocan_PriceCount'+ count.toString() +'" value="0" size="5" title="早餐合计['+ count.toString() +']"> <Div id="Zaocan_Text'+ count.toString() +'" style="width:680px; margin-top:5px;margin-Bottom:5px;color:#666666;border:1px solid #ebebeb; background-color:#f8f8f8; padding:8px;"></Div></Div>';
  Url="/Hotel/Hotel_Zaocan_Text.asp?Hotel_Id="+document.Form_Order.Hotel_id.value+"";
  Shopshows(Url,"Zaocan_Text"+ count.toString());
  newTd0.innerHTML = ''
  newTd1.innerHTML = Str;
} 

function DelRow(Vid)
{
 count--;
 var tb = document.getElementById("zaocanlist");
 if(tb.hasChildNodes)
 {
  var lastchild = tb.childNodes[0].childNodes[tb.childNodes[0].childNodes.length-1];
  if(lastchild)
  {
   //if(confirm("确认删除" + lastchild.childNodes[1].childNodes[0].nodeValue + "?"))
   //{
    var removednode = lastchild.parentNode.removeChild(lastchild);
    document.Form_Order.Zaocanshu.value=document.Form_Order.Zaocanshu.value-1;
    pricearray();
    ASS();
    //alert(removednode.childNodes[1].childNodes[0].nodeValue);
   // return true;
  // }
   //else
   //{
   // return false;
   //}
  }
 }
}

</script>
</body>
</html>