<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>The Garden View - YWCA</title>
<link href="../css/style.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_callJS(jsStr) { //v2.0
  return eval(jsStr)
}
//-->
</script>

<!-- //-->

    <link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="Stylesheet" />	
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
    <script type="text/javascript">
        var _strHotelCd = "HT08004272";
        var _strPath = "https://v3.reservation-system.net/";
        var _intDefaultLOS = 1;
        
        $(function() {
            $("#txtCi").datepicker({ onSelect: function(dateText, inst) {
                var dtTemp = new Date(dateText);
                dtTemp.setDate(dtTemp.getDate() + _intDefaultLOS);
                var dtCheckOut = ((dtTemp.getMonth() + 1) < 10 ? "0" : "") + (dtTemp.getMonth() + 1) + "/" +
                                 (dtTemp.getDate() < 10 ? "0" : "") + dtTemp.getDate() + "/" +
                                 dtTemp.getFullYear();
                $("#txtCo").val(dtCheckOut);
            }
            });
            $("#txtCo").datepicker();
            $("#txtCi2").datepicker({ onSelect: function(dateText, inst) {
                var dtTemp = new Date(dateText);
                dtTemp.setDate(dtTemp.getDate() + _intDefaultLOS);
                var dtCheckOut = ((dtTemp.getMonth() + 1) < 10 ? "0" : "") + (dtTemp.getMonth() + 1) + "/" +
                                 (dtTemp.getDate() < 10 ? "0" : "") + dtTemp.getDate() + "/" +
                                 dtTemp.getFullYear();
                $("#txtCo2").val(dtCheckOut);
            }
            });
            $("#txtCo2").datepicker();
        });
        
        function getTrim(param) {
            var value = param
            while (value.substring(0, 1) == ' ') {
                value = value.substring(1, value.length);
            }
            while (value.substring(value.length - 1, value.length) == ' ') {
                value = value.substring(0, value.length - 1);
            }
            return value;
        }

        function allowNumericOnly(p_objText) {
            var v_regExp = /^\d+$/;
            var v_strTemp;

            with (p_objText) {
                if (value.length < 2) {
                    v_strTemp = value;
                    if (!v_regExp.test(v_strTemp)) value = "";
                }
                else {
                    v_strTemp = value.substring(0, 1);
                    if (!v_regExp.test(v_strTemp)) value = value.substring(1, value.length);

                    v_strTemp = value.substring(value.length - 1);
                    if (!v_regExp.test(v_strTemp)) value = value.substring(0, value.length - 1);

                    if (!v_regExp.test(value)) {

                        v_strTemp = "";
                        for (var v_intCounter = 0; v_intCounter < value.length; v_intCounter++) {
                            if (v_regExp.test(value.substring(v_intCounter, v_intCounter + 1))) v_strTemp += value.substring(v_intCounter, v_intCounter + 1);
                        }
                        value = v_strTemp;
                    }
                }
            }
            return true;
        }

        function fRetrieve() {
            window.location = _strPath + "BE/Index.aspx?hotelcd=" + _strHotelCd + "&mode=retrieve";
        }

        function fSelectCountry(param) {
            var objCity = document.getElementById("slcCity");
            var objHotel = document.getElementById("slcHotel");

            objCity.innerHTML = "";
            objCity.options[0] = new Option("[select city]");
            objCity.options[0].value = "";

            objHotel.innerHTML = "";
            objHotel.options[0] = new Option("[select hotel]");
            objHotel.options[0].value = "";
            objHotel.options[1] = new Option("All Hotels");
            objHotel.options[1].value = "ALL";

            if (param.value != "") {
                var objCountryData = document.getElementById("hdn" + param.value);
                var arrCityData = objCountryData.value.split("|#|");
                for (var i = 0; i < arrCityData.length; i++) {
                    var arrCityDtl = arrCityData[i].split("|~|");
                    objCity.options[i + 1] = new Option(arrCityDtl[1]);
                    objCity.options[i + 1].value = arrCityDtl[0];
                }
            }
        }

        function fSelectCity(param) {
            var objCountry = document.getElementById("slcCountry");
            var objHotel = document.getElementById("slcHotel");
            var objHotelData = document.getElementById("hdnHotelData");
            var arrHotelData = objHotelData.value.split("|#|");

            objHotel.innerHTML = "";
            objHotel.options[0] = new Option("[select hotel]");
            objHotel.options[0].value = "";
            objHotel.options[1] = new Option("All Hotels");
            objHotel.options[1].value = "ALL";

            for (var i = 0; i < arrHotelData.length; i++) {
                var arrTemp = arrHotelData[i].split("|*|");
                if (arrTemp[0] == objCountry.value + "_" + param.value) {
                    var arrManyHotel = arrTemp[1].split("|@|");
                    for (var j = 0; j < arrManyHotel.length; j++) {
                        var arrHotelDtl = arrManyHotel[j].split("|~|");
                        objHotel.options[j + 2] = new Option(arrHotelDtl[1]);
                        objHotel.options[j + 2].value = arrHotelDtl[0];
                    }
                }
            }
        }

        function fSearch2() {
            var objCi = document.getElementById("txtCi2");
            var objCo = document.getElementById("txtCo2");
            var strMess = "";

            if (objCi.value == "") strMess += "Please enter Check-In Date \n";
            if (objCo.value == "") strMess += "Please enter Check-Out Date \n";
            if (objCi.value != "" && objCo.value != "") {
                var dteCi = objCi.value.substr(6, 4) + objCi.value.substr(0, 2) + objCi.value.substr(3, 2);
                var dteCo = objCo.value.substr(6, 4) + objCo.value.substr(0, 2) + objCo.value.substr(3, 2);
                var dteServer = new Date().getFullYear().toString() +
                                (parseFloat(new Date().getMonth() + 1) < 10 ?
                                    "0" + parseFloat(new Date().getMonth() + 1).toString() :
                                    parseInt(new Date().getMonth() + 1).toString()) +
                                (parseFloat(new Date().getDate()) < 10 ?
                                    "0" + new Date().getDate().toString() :
                                    new Date().getDate().toString());

                if (parseFloat(dteCi) < parseFloat(dteServer)) {
                    strMess += "Check-In Date should be later than or the same as " + new Date().toDateString("MMM dd, yyyy") + " \n";
                }
                else if (parseFloat(dteCi) > parseFloat(dteCo)) {
                    strMess += "Check-Out Date should be later than Check-In Date \n";
                }
            }

            if (strMess != "") {
                alert(strMess);
            }
            else {
                var strRoom = document.getElementById("txtRoom2").value;
                var strAdult = document.getElementById("txtAdult2").value;
                var strChild = document.getElementById("txtChild2").value;
                var strPromoCd = document.getElementById("txtAccessCd2").value;
                var strCi = document.getElementById("txtCi2").value;
                var strCo = document.getElementById("txtCo2").value;

                window.location = _strPath + "BE/GoIndexRates.aspx?langcd=en" + "&hotelcd=" + _strHotelCd +
                                  "&ci=" + strCi + "&co=" + strCo + "&room=" + strRoom + "&adult=" + strAdult +
                                  "&child=" + strChild + "&promocd=" + strPromoCd; 
            }
        }
    </script>
    
    <style type="text/css">
        #quick-rsv {
            position: inherit;
            text-align: left;
            font-family: Arial;
            font-size: 11px;
            background-color: #FFF;
            color: #000;
        }
        
        #quick-rsv input[type="text"] {
            height:12px;
            border: solid 1px black;
            font-size: 11px;
            padding: 1px;
        }
    
        #quick-rsv input[type="button"], #quick-rsv input[type="submit"] {
            height: 20px;
            text-align: center;
            text-decoration: none;
            color: #0462BA;
            font-size:xx-small;
        }
        
        #quick-rsv a {
            text-decoration: none;
            color: #0462BA;
        }
        
        #quick-rsv select {
            height:20px;
            font-size: 11px;
        }
        
		.ui-datepicker { 
			font: 62.5% "Trebuchet MS", sans-serif !important; 
		}
    </style>

<!-- //-->

</head>

<body background="../images/anne/light_bg.png" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="15%" align="center" background="../images/anne/light_bg_2.png" class="title"><img src="../images/anne/logo.png" width="137" height="96"></td>
    <td width="36%" align="left" valign="top" background="../images/anne/RoomRates_bg.jpg" class="org-title"><table width="580" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr align="center"> 
                <td width="25%" class="menu-font"><a href="GardenView_location.htm">女青园景轩</a></td>
                <td width="25%" class="menu-font"><a href="../AnneBlack/anne_location.htm">女青柏颜露斯</a></td>
                <td width="25%" class="menu-font"><a href="../YWCABuilding/YWCABuilding_location.htm">女青大厦</a></td>
                <td width="25%" class="menu-font"><a href="../YWCALodge/YWCALodge_location.htm">女青雅舍</a></td>
              </tr>
            </table></td>
        </tr>
        <tr> 
          <td colspan="2"><img src="../images/GardenView/banner_1.png" width="586" height="34"></td>
        </tr>
        <tr> 
          <td width="41%" valign="bottom" background="../images/GardenView/banner_2_bg.gif" class="banner_link">&nbsp;&nbsp;主页 
            &gt; 环境特色</td>
          <td width="58%" align="right" background="../images/GardenView/banner_2_bg.gif"><img src="../images/GardenView/banner_2.png" width="341" height="49" border="0" usemap="#MapMapMapMap"></td>
        </tr>
      </table>
      
    </td>
    <td width="49%">&nbsp;</td>
  </tr>
  <tr> 
    <td background="../images/anne/light_bg_2.png"><img name="space" src="" width="158" height="1" alt=""></td>
    <td background="../images/anne/RoomRates_bg.jpg"><img name="space" src="" width="587" height="1" alt=""></td>
    <td><img name="space" src="" width="158" height="1" alt=""></td>
  </tr>
  <tr> 
    <td valign="top" background="../images/anne/light_bg_2.png"> <table width="99%" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td align="center"><a href="../../eng/GardenView/GardenView_Unique.htm"><img src="../images/anne/button.gif" width="77" height="20" border="0"></a></td>
        </tr>
        <tr> 
          <td class="contentGray"><img name="space" src="" width="1" height="60" alt=""></td>
        </tr>
        <tr> 
          <td class="contentGray" onMouseOver="this.className='content-red'" onMouseOut="this.className='contentGray'" ><a href="../Mainpage/index.htm">主页</a></td>
        </tr>
        <tr> 
          <td class="contentGray" onMouseOver="this.className='content-red'" onMouseOut="this.className='contentGray'"><a href="GardenView_location.htm">位置</a></td>
        </tr>
        <tr> 
          <td background="../images/anne/menu_bg.jpg" class="contentGray" onMouseOver="this.className='content-red'" onMouseOut="this.className='contentGray'"><a href="GardenView_Unique.htm"><font color="#003300">环境特色</font></a></td>
        </tr>
        <tr> 
          <td class="contentGray" onMouseOver="this.className='content-red'" onMouseOut="this.className='contentGray'"><a href="GardenView_accommodation.htm">客房简介</a></td>
        </tr>
        <tr> 
          <td class="contentGray" onMouseOver="this.className='content-red'" onMouseOut="this.className='contentGray'"><a href="GardenView_Facilities_Services.htm">设备及服务</a></td>
        </tr>
        <tr> 
          <td class="contentGray" onMouseOver="this.className='content-red'" onMouseOut="this.className='contentGray'"><a href="GardenView_room_rates.htm">客房价格</a></td>
        </tr>
        <tr> 
          <td class="contentGray" onMouseOver="this.className='content-red'" onMouseOut="this.className='contentGray'"><a href="GardenView_Promotion.htm">特别套餐推广</a></td>
        </tr>
        <tr> 
          <td class="contentGray" onMouseOver="this.className='content-red'" onMouseOut="this.className='contentGray'"><a href="GardenView_Map.htm">酒店地图及交通资料</a></font></td>
        </tr>
        <tr> 
          <td class="contentGray" onMouseOver="this.className='content-red'" onMouseOut="this.className='contentGray'"><a href="GardenView_Video.htm">酒店导览</a></td>
        </tr>
        <tr> 
          <td class="contentGray" onMouseOver="this.className='content-red'" onMouseOut="this.className='contentGray'"><a href="https://v3.reservation-system.net/BE/Index.aspx?hotelcd=HT08004272" target="_blank">订房</a></td>
        </tr>
		<tr> 
          <td class="contentGray" onMouseOver="this.className='content-red'" onMouseOut="this.className='contentGray'"><a href="../../eng/GardenView/GV Fact Sheet.htm">概要</a></td>
        </tr>
		<tr>
        <td class="contentGray" onMouseOver="this.className='content-red'" onMouseOut="this.className='contentGray'"><a href="../Mainpage/Privacypolicy.htm">私隐政策</a></td>
      </tr>
      <tr>
        <td class="contentGray" onMouseOver="this.className='content-red'" onMouseOut="this.className='contentGray'"><a href="../Mainpage/Disclaimer.htm">服务条款</a></td>
      </tr>
      </table>  
	  <p>&nbsp;</p>
	  <table>
	  	<tr>
			<td>

<form method="post" id="form1" action="">
<div id="quick-rsv">

<table cellpadding="1" cellspacing="1" width="180px" align="center" style="border: solid 1px orange; padding: 2px 2px 2px 2px;">
<tr>
    <td colspan="3">Check-In Date</td>
</tr>
<tr>
    <td colspan="3"><input type="text" id="txtCi2" size="10" /></td>
</tr>
<tr>
    <td colspan="3">Check-Out Date</td>
</tr>
<tr>
    <td colspan="3"><input type="text" id="txtCo2" size="10" /></td>
</tr>
<tr>
    <td width="33%">Room(s)</td>
    <td width="33%">Adult(s)</td>
    <td width="33%">Children</td>
</tr>
<tr valign="middle">
    <td><input type="text" id="txtRoom2" size="1" maxlength="3" onkeyup='allowNumericOnly(this)' onkeydown='allowNumericOnly(this)' onblur='allowNumericOnly(this)' /></td>
    <td><input type="text" id="txtAdult2" size="1" maxlength="3" onkeyup='allowNumericOnly(this)' onkeydown='allowNumericOnly(this)' onblur='allowNumericOnly(this)' /></td>
    <td><input type="text" id="txtChild2" size="1" maxlength="2" onkeyup='allowNumericOnly(this)' onkeydown='allowNumericOnly(this)' onblur='allowNumericOnly(this)' /></td>
</tr>
<tr valign="middle" style='display:block;'>
    <td colspan="3">Promo Code 
      <input type="text" id="txtAccessCd2" size="10" /></td>
</tr>
<tr>
    <td><input type="button" id="btnSearch2" value="search" onclick="javascript:fSearch2();" /></td>
    <td colspan="2" align="left"><a href="#" onclick="javascript:fRetrieve();">retrieve</a> &nbsp;</td>
</tr>
</table>
</div>
</form>	

			</td>
		</tr>
	  </table>
	</td>
	
	
    <td align="right" valign="top" background="../images/anne/RoomRates_bg.jpg" bgcolor="#FFFFFF"><br> <br> 
      <table width="98%" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td width="100%" colspan="2"><img src="../images/GardenView/Facilities_service.jpg" width="578" height="22"></td>
        </tr>
        <tr> 
          <td colspan="2" valign="top" class="content"><br>
            <table width="100%" border="0" cellspacing="1" cellpadding="0">
              <tr>
                <td class="content"><p align="center">&nbsp;</p>
                  <p align="center"><img src="../images/GardenView/PeakTram.jpg" width="230" height="180"><img src="../images/GardenView/71542H.jpg" width="267" height="180" hspace="20"></p>
                  <p>&nbsp;</p>
                  <p>毗邻香港动植物公园，欣赏苍翠葱郁奇花异卉及可爱珍禽，鸟语花香，定能让阁下心旷神怡，身心舒泰。 </p>
                  <p>&nbsp;</p></td>
                <td class="content"> &nbsp;&nbsp;&nbsp;&nbsp;<br>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
      <br></td>
    <td><img name="space" src="" width="1" height="490" alt=""></td>
  </tr>
  <tr> 
    <td background="../images/anne/black_bg.png"><img name="space" src="" width="1" height="25" alt=""></td>
    <td align="center" background="../images/anne/black_bg.png" class="bottom-link">如有查询，欢迎致电(852) 
      2877 3737 或电邮至 ywgv@ywca.org.hk</td>
    <td background="../images/anne/black_bg.png">&nbsp;</td>
  </tr>
</table>
<map name="MapMapMapMap">
         <area shape="rect" coords="2,4,85,47" href="GardenView_location.htm" alt="位置">
        <area shape="rect" coords="87,4,168,48" href="GardenView_accommodation.htm" alt="客房简介">
        <area shape="rect" coords="169,4,255,47" href="GardenView_Facilities_Services.htm" alt="设备及服务">
        <area shape="rect" coords="258,4,340,46" href="GardenView_Reservation.htm" alt="订房">

      </map> 
</body>
</html>