Harbour Town - Dining | Shopping | Events | Activities & Discounts for Resort Guests - Waterfront Caf?/title> <link rel="stylesheet" type="text/css" media="all" href="/css/nav-style.css" /> <link rel="stylesheet" type="text/css" media="all" href="/css/style.css" /> <link rel="stylesheet" type="text/css" media="all" href="/greybox/gb_styles.css" /> <script type="text/javascript">AC_FL_RunContent = 0;</script> <script type="text/javascript" src="/javascript/AC_RunActiveContent.js"> </script> <script type="text/javascript" src="/javascript/jslb_ajax.js"> </script> <script type="text/javascript" src="/javascript/jsRegExp.js"> </script> <script type="text/javascript" src="/javascript/swap-image.js"> </script> <script type="text/javascript">var GB_ROOT_DIR = "/vacation-rentals/greybox/";</script> <script type="text/javascript" src="/greybox/AJS.js"></script> <script type="text/javascript" src="/greybox/AJS_fx.js"></script> <script type="text/javascript" src="/greybox/gb_scripts.js"></script> <script type="text/javascript" src="/greybox/openbox.js"></script>  <script type="text/javascript" src="/vacation-rentals/JQuery/jquery-1.4.2.js"></script> <style type="text/css">@import "/vacation-rentals/JQuery/jquery.countdown.css";</style> <script type="text/javascript" src="/vacation-rentals/JQuery/jquery.countdown.js"></script> <script type="text/javascript"> $(function () { var austDay = new Date("January 31, 2011 11:59:59 PM"); //austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 1); $('#defaultCountdown').countdown({until: austDay, compact: false, layout: '<p style="font-size:35px;"> {dnn}:{hnn}:{mnn}:{snn} </p>'}); // $('#defaultCountdown').countdown({until: austDay, description: '', timeSeparator: ':'}); $('#year').text(austDay.getFullYear()); }); </script>  </head> <body> <div id="content-section"> <table width="1000px" border="0" cellspacing="0" cellpadding="5" align="center"> <tr> <td style="width:40px;"> </td> <td style="width:647px;" valign="top"><a href="http://www.seapines.com" title="Home" class="link2">HOME</a><span class="txt"> > </span> <a href="http://www.seapines.com/resort_activities/" title="RESORT ACTIVITIES" class="link2">RESORT ACTIVITIES</a><span class="txt"> > </span> <a href="http://www.seapines.com/resort_activities/harbour_town/" title="HARBOUR TOWN" class="link2">HARBOUR TOWN</a><span class="txt"> > </span><a href="http://www.seapines.com/resort_activities/harbour_town/dining-and-entertainment.asp" title="DINING AND ENTERTAINMENT" class="link2">DINING & ENTERTAINMENT</a><span class="txt"> > </span><span class="txt">WATERFRONT CAFÉ</span> <h1>WATERFRONT CAFÉ</h1> <table width="626" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="left" valign="top"> <table width="626" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="left" valign="top"><img src="/images/point.gif" width="1" height="1" border="0" alt=""></td> <td align="left" valign="top"> <table width="600" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="left" valign="top"> <p>Part of the island landscape is the incredible Waterfront Café, found at the base of the Harbour Town Lighthouse, with sweeping views of the Calibogue Sound from every table. While you dine on delicious cuisine, you can enjoy watching the boats sail by and, in the evening, a breathtaking sunset over the water. </p> <p>Waterfront Café features an award-winning wine menu, the perfect accompaniment to your incredible meal. </p> <p>The Waterfront Cafe is open every day for breakfast, lunch, and dinner (and times in between) from mid-February to the end of October. Menus for all 3 meals are extensive, the cuisine is best described as "Contemporary American," and the food is ranked as some of the best on Hilton Head. </p> <p><strong>The Prices Are Right</strong><br /> Despite its amazing location and incomparable water and sunset views, Hilton Head's Waterfront Cafe is reasonably priced, delivering the value that customers are looking for, now more than ever.</p> <p>A dinner menu highlight is our fixed-price 3 course offering, with a choice of 12 entrees for only $16.95. It's served every night from 4pm to closing...so it's not just an "Early Bird" special...it's all night, every night! <br /> <br /> </p> <p><strong>A Few Details</strong></p> <ul> <li> Dress is nice-casual</li> <li>The $5 gate fee to enter Sea Pines Plantation (a private community) is refunded with checks of $50 or more. Just bring your printed pass along with you.</li> <li>Our wine list (including a selection of "Wines for the Times" priced under $25) has earned us <a href="http://www.winespectator.com/Wine/Dining/Restaurant_Awards/Restaurant_Profile/0,1246,2877,00.html">Wine Spectator Magazine</a>'s <a href="http://www.winespectator.com/Wine/Dining/Restaurant_Awards/Restaurant_Profile/0,1246,2877,00.html" target="_blank">Award of Excellence</a> for the past 14 years.</li> <li>The Waterfront Cafe has long been frequented by notable personalities visiting the island, so be on the lookout for celebrities sitting nearby.<br /> </li> </ul> <h3>For dinner reservations, call 843-671-3399</h3> </td> </tr> </table> </td> <td align="left" valign="top"><img src="/images/point.gif" width="25" height="1" border="0" alt=""></td> </tr> </table> </td> </tr> </table></td> <td style="width:273px;" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="1" background="http://www.seapines.com/images/line-v.gif" style="background-repeat: repeat-y;"></td> <td valign="top"> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="left" valign="top"> <form action="https://www.phgsecure.com/IBE/bookingRedirect.ashx" method="post" name="resForm" style="display: inline;" onsubmit="javascript: return fn_Submit();" target="_blank"> <input type="hidden" name="HotelID" value=""> <input type="hidden" name="propertyCode" value=""> <input type="hidden" name="arrivalDate" value=""> <input type="hidden" name="numberOfNights" value=""> <input type="hidden" name="numberOfRooms" value=""> <input type="hidden" name="numberOfAdults" value=""> <input type="hidden" name="numberOfChildren" value=""> <input type="hidden" name="rateCode" value=""> <input type="hidden" name="group" value=""> <input type="hidden" name="HotelID" value=""> </form> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td align="left" valign="top"><img src="/images/point.gif" width="1" height="3" border="0" alt=""></td> </tr> <tr> <td align="left" valign="top"><img src="/images/check_availability.gif" width="163" height="10" border="0" alt="Check Availability" style="margin-left:14px;"></td> </tr> <tr> <td align="left" valign="top"><img src="/images/point.gif" width="1" height="10" border="0" alt=""></td> </tr> <tr> <td align="left" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="left" width="4%"><img src="/images/point.gif" width="1" height="1" border="0" alt=""></td> <td align="left" width="36%"><span id="spn_check_in" style="font-size:10px;">Check-in Date</span></td> <td align="center" width="30%"><span style="font-size:9px;"># of Nights</span></td> <td align="left" width="30%"><span style="font-size:10px;">Select Type</span></td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top"><img src="/images/point.gif" width="1" height="2" border="0" alt=""></td> </tr> <tr> <td align="left" valign="top"> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td width="10" align="left" valign="top"><img src="/images/point.gif" width="1" height="1" border="0" alt=""></td> <td align="left" valign="top"> <input type="text" name="txt_selected_date" id="txt_selected_date" value="4/14/2010" style="width:80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; display:block;" onclick="setCalendar(this);"/> <select name="Select_Calendar" id="Select_Calendar" class="year" onchange="javascript:setCalendar(this);" style="width:80px;display:none;"> <option value="2/7/2012">Feb 2012</option> <option value="3/7/2012">Mar 2012</option> <option value="4/7/2012">Apr 2012</option> <option value="5/7/2012">May 2012</option> <option value="6/7/2012">Jun 2012</option> <option value="7/7/2012">Jul 2012</option> <option value="8/7/2012">Aug 2012</option> <option value="9/7/2012">Sep 2012</option> <option value="10/7/2012">Oct 2012</option> <option value="11/7/2012">Nov 2012</option> <option value="12/7/2012">Dec 2012</option> <option value="1/7/2013">Jan 2013</option> </Select> </td> <td width="1" align="left" valign="top"><img src="/images/point.gif" width="1" height="1" border="0" alt=""></td> <td align="left" valign="top"><img src="/images/calendar_bttn.gif" border="0" alt="Calendar" class="pointer" onclick="javascript:setCalendar(this);"></td> <td width="5" align="left" valign="top"><img src="/images/point.gif" width="1" height="1" border="0" alt=""></td> <td align="left" valign="top"> <select name="NoOfDays" id="NoOfDays" class="date" onchange="javascript:setSession();"> <option value="1" >1</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4" Selected >4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7" >7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> <option value="13" >13</option> <option value="14" >14</option> <option value="15" >15</option> <option value="16" >16</option> <option value="17" >17</option> <option value="18" >18</option> <option value="19" >19</option> <option value="20" >20</option> <option value="21" >21</option> <option value="22" >22</option> <option value="23" >23</option> <option value="24" >24</option> <option value="25" >25</option> <option value="26" >26</option> <option value="27" >27</option> <option value="28" >28</option> <option value="29" >29</option> <option value="30" >30</option> <option value="31" >31</option> </select> </td> <td width="5" align="left" valign="top"><img src="/images/point.gif" width="1" height="1" border="0" alt=""></td> <td align="right" valign="top"> <select name="Hotel" id="Hotel" class="inn" onChange="javascript:fn_ChangeType(this.value);"> <option value="Inn">Inn</option> <option value="Homes">Homes & Villas</option> <option value="Group">Group</option> </select> </td> </tr> <tr> <td colspan="7" id="calendar_position" style="height:5px;"></td> </tr> <tr> <td align="left" valign="top"> </td> <td colspan="7" align="left" valign="top"> <table id="tbl_inn_opt" width="100%" border="0" cellpadding="0" cellspacing="0" style="display:table;"> <tr> <td colspan="3" align="left" style="height:5px;"></td> </tr> <tr> <td align="left"><span style="font-size:10px"># of Adults (per room)</span></td> <td align="left"><img src="/images/spacer.gif" width="22" /></td> <td align="right"><select name="NoOfAdults" id="NoOfAdults" style="width:80px;"> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select></td> </tr> <tr> <td colspan="3" align="left" style="height:5px;"></td> </tr> <tr> <td align="left"><span style="font-size:10px;"># of Children (per room)</span></td> <td align="left"> </td> <td align="right"><select name="NoOfChildren" id="NoOfChildren" style="width:80px;"> <option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select></td> </tr> <tr> <td colspan="3" align="left" style="height:10px;"></td> </tr>  <tr> <td colspan="3" align="center"> <img src="/images/select-dates.png" id="btn_select_dates" border="0" alt="" onclick="javascript:setCalendar(this);" style="cursor: pointer; cursor: hand; display:none;"/> <img src="/images/check_availability_spe.gif" id="btn_check_availability" border="0" alt="" onclick="javascript:fn_Submit();" style="cursor: pointer; cursor: hand; display:block;"/> </td> </tr> <tr> <td colspan="3" align="left" style="height:5px;"></td> </tr> <tr> <td colspan="3" align="center"><span style="font-size:10px;"><a href="https://www.phgsecure.com/IBE/reservationRedirect.ashx?propertyCode=HHHIH" target="_blank">View/Amend Reservation</a></span></td> </tr> <tr> <td colspan="3" align="left" style="height:5px;"></td> </tr> </table> <table id="tbl_home_opt" width="100%" border="0" cellpadding="0" cellspacing="0" style="display:none;"> <tr> <td align="left" style="height:5px;" width="20%"></td> <td align="left" style="height:5px;" width="20%"></td> <td align="left" style="height:5px;" width="20%"></td> </tr> <tr> <td align="left"> </td> <td align="center"> <img src="/images/select-dates.png" id="btn_select_dates2" border="0" alt="" onclick="javascript:setCalendar(this);" style="cursor: pointer; cursor: hand; display:none;"/> <img src="/images/check_availability_spe.gif" id="btn_check_availability2" border="0" alt="" onclick="javascript:fn_Submit();" style="cursor: pointer; cursor: hand; display:block;"/> </td> <td align="left"> </td> </tr> <tr> <td colspan="3" align="left" style="height:5px;"></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="top"> <p align="center" style="font-size:12px;">  <b>Stay at The Inn At Harbour Town <br />The #1 Rated<br /> <a style="font-size:12px;font-weight:bold;" href="http://www.seapines.com/accommodations/inn-at-harbour.asp">Hotel on Hilton Head Island</a> <br /> <a href="http://www.seapines.com/accommodations/ta-reviews.asp"> Read Our Guest Reviews</a> </p> </td> </tr> <tr> <td align="left" valign="top"> <img src="/images/point.gif" width="1" height="10" border="0" alt=""> </td> </tr> </table> </td> </tr> </table> <script type="text/javascript" src="/includes/i-widget-calendar.js"> </script></td> </tr> <tr> <td width="1" background="http://www.seapines.com/images/line-v.gif" style="background-repeat: repeat-y;"> </td> <td background="http://www.seapines.com/images/line-h.gif" style="background-repeat: repeat-x;" height="3px"></td> </tr> <tr> <tr> <td width="1" background="http://www.seapines.com/images/line-v.gif" style="background-repeat: repeat-y;"> </td> <td valign="middle">  <script type="text/javascript" src="/swfobject.js"></script> <div id="flashcontent" style="height:110px;"> <script type="text/javascript"> var so = new SWFObject("/thumbnails.swf", "mymovie", "264", "110", "9"); so.addParam("menu", "false"); so.addParam("wmode", "transparent"); so.addVariable("dataPath", "http://www.seapines.com/thumbnails_asset/data2.xml"); so.write("flashcontent"); </script> </div> </td> </tr> <tr> <td width="1" background="http://www.seapines.com/images/line-v.gif" style="background-repeat: repeat-y;"> </td> <td background="http://www.seapines.com/images/line-h.gif" style="background-repeat: repeat-x;" height="3px"> </td> </tr>  <tr> <td width="1" background="http://www.seapines.com/images/line-v.gif" style="background-repeat: repeat-y;"> </td> <td valign="top" align="center"><a href="http://www.seapines.com/golf/golf-booking1.asp" target="_self"><img src="/images/golf_banner.gif" width="258" height="114" hspace="5" vspace="5" border="0" /></a> </td> </tr> <tr> <td width="1" background="http://www.seapines.com/images/line-v.gif" style="background-repeat: repeat-y;"> </td> <td background="http://www.seapines.com/images/line-h.gif" style="background-repeat: repeat-x;" height="3px"> </td> </tr> </table></td> <td style="width:40px;"> </td> </tr> <tr> <td colspan="4" align="center"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td colspan="4" align="center"><img src="/images/bar.jpg" width="922" height="9"/></td> </tr> <tr> <td colspan="4" align="center"> <p class="footer"> <a href="http://www.seapines.com/">Home</a> | <a href="http://www.seapines.com/reservations/">Reservations</a> | <a href="http://www.seapines.com/specials_and_packages/">Specials Packages</a> | <a href="http://www.seapines.com/accommodations/">Accommodations</a> | <a href="http://www.seapines.com/vacation-rentals/">Vacation Rentals</a> | <a href="http://www.seapines.com/golf/">Golf</a> | <a href="http://www.seapines.com/resort_activities/">Resort Activities</a> | <a href="http://www.seapines.com/dining/">Dining</a> | <a href="http://www.seapines.com/meetings">Meetings</a> | <a href="http://www.seapines.com/weddings/">Weddings</a> | <a rel="gb_page_center[983,520] nofollow" href="http://www.seapines.com/photo_gallery/sea-pines-resort.html" target="_blank" title="The Sea Pines Resort Photo Gallery">Photo Gallery</a> <br /> <a href="http://www.seapines.com/directions/">Directions</a> | <a href="http://www.seapines.com/contact_form/contact-form.asp">Contact Us</a> | <a href="http://www.seapines.com/accolades/">Accolades</a> | <a href="https://secure.seapinesstore.com">Shop Sea Pines</a> | <a href="http://www.seapines.com/site_map/">Site Map</a> | <a href="http://www.seapines.com/careers/">Careers</a> | <a href="http://www.seapines.com/media_kit/">Media Kit</a> | <a href="http://www.seapinesrealestate.com">Real Estate</a> | <a href="https://spmail.domain1.seapines.com/owa">Employee Email</a> | <a href="http://www.seapines.com/privacy_policy/">Privacy Policy</a> | <a href="http://www.seapines.com/resort_policies/">Resort Policies</a> <br /><br /><span align="center"><a href="http://www.facebook.com/home.php?#!/harbourtown?ref=ts" target="_blank"><img src="/images/facebook_bt1_new.gif" width="145" height="39" border="0" alt="Find us on Facebook"></a></span><br /><br /> The Sea Pines Resort, 32 Greenwood Drive, Hilton Head Island, South Carolina 29928 | Toll Free: 1-866-561-8802 <br /> Copyright © 2012 The Sea Pines Resort. All rights reserved. <a href="http://www.performancedevcorp.com/" target="_blank">Vacation Resort Marketing Solutions</a> by PDC </p></td> </tr> <tr> <td align="left" valign="top"><img src="/images/point.gif" width="1" height="35" border="0" alt="" /> </td> </tr> <tr> <td align="left" valign="top"> <table width="921" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="top"><img src="/images/sister_property_img.gif" alt="Sister Properties" width="259" height="32" /></td> <td align="left" valign="top"><a href="http://www.jeffersonhotel.com/" target="_blank"><img src="/images/jefferson_img.gif" alt="The Jefferson Hotel - Richmond, VA" width="204" height="32" border="0" /></a></td> <td align="left" valign="top"><img src="/images/sisterpropbanner.jpg" alt="Kiawah Island Golf Resort - Charleston, SC" width="273" height="123" border="0" usemap="#Map" /></td> <td align="left" valign="top"><a href="http://www.thehermitagehotel.com/site/" target="_blank"><img src="/images/hermitage_hotel.gif" alt="The Hermitage Hotel - Nashville, TN" width="254" height="32" border="0" /></a></td> </tr> <tr> <td colspan="4" align="left" valign="top"><img src="/images/point.gif" width="1" height="35" border="0" alt="" /></td> </tr> </table> </td> </tr> </table> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-10933899-1"); pageTracker._setDomainName ("none"); pageTracker._setAllowLinker (true); pageTracker._trackPageview(); } catch(err) {}</script> <map name="Map" id="Map"> <area shape="poly" coords="6,34,8,118,262,118,265,33,249,14,232,7,209,17,199,30,195,34,6,35" href="http://www.pga2012.com" target="_blank" alt="PGA" /> <area shape="rect" coords="6,3,197,30" href="http://www.kiawahresort.com" target="_blank" alt="Kiawah Resort" /> </map></td> </tr> </table> </div> <div id="container"> <div id="top"><table width="921" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" valign="top" colspan="5"><img src="/images/point.gif" width="1" height="10" border="0" alt=""></td> </tr> <tr> <td align="left" valign="top" width="34"> </td> <td align="left" valign="top"><a href="http://www.seapines.com"><img src="/images/logo.jpg" width="172" height="68" border="0" alt="" usemap="#logo" /></a></td> <td align="center" valign="middle" width="218"> </td> <td align="left" valign="top"> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="left" valign="top" height="26"></td> </tr> <tr> <td align="right" valign="top"><img src="/images/hilton_head.jpg" width="262" height="11" border="0" alt="Hilton Head Island, South Carolina"><img src="/images/div_top.jpg" width="17" height="11" border="0" alt=""><img src="/images/tel_no_top.jpg" width="99" height="11" border="0" alt="1-866-561-8802"></td> </tr> <tr> <td align="left" valign="top" height=13></td> </tr> <tr> <td align="left" valign="top"> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td align="left" valign="top"><a href="http://www.seapines.com/accolades/" onMouseOut="acc.src='/images/acclades_and_award_off.gif'" onMouseOver="acc.src='/images/acclades_and_award_on.gif'" title="Accolades"><img src="/images/acclades_and_award_off.gif" alt="Accolades and Awards" name="acc" height="11" border="0" id="acc" style="cursor: hand"></a></td> <td align="left" valign="top"><img src="/images/div_4.jpg" width="20" height="11" border="0" alt=""></td>  <td align="left" valign="top"><a href="http://www.seapines.com/newsletters/newsletter-summer/" onMouseOut="news.src='/images/newsletter-off.gif'"onMouseOver="news.src='/images/newsletter-onn.gif'" title="Newsletter"><img src="/images/newsletter-off.gif" alt="Newsletter" name="news" height="11" border="0" id="news" style="cursor: hand"></a></td> <td align="left" valign="top"><img src="/images/div_2.jpg" width="20" height="11" border="0" alt=""></td> <td align="left" valign="top"><a href="http://www.seapines.com/contact_form/contact-form.asp" onMouseOut="con.src='/images/contact_us_off.jpg'"onMouseOver="con.src='/images/contact_us_on.jpg'" title="Contact Us"><img src="/images/contact_us_off.jpg" alt="Contact Us" name="con" width="76" height="11" border="0" id="con" style="cursor: hand"></a></td> <td align="left" valign="top"><img src="/images/div_3.jpg" width="20" height="11" border="0" alt=""></td> <td align="left" valign="top"><img src="/images/point.gif" width="1" height="1" border="0" alt=""></td> <td align="left" valign="top"><a href="https://secure.seapinesstore.com/" title="Shop Sea Pines" target="_blank" onMouseOver="shop.src='/images/shop_sea_pines_on.jpg'" onMouseOut="shop.src='/images/shop_sea_pines_off.jpg'"><img src="/images/shop_sea_pines_off.jpg" alt="Shop Sea Pines" name="shop" width="97" height="11" border="0" id="shop" style="cursor: hand"></a></td> <td align="left" valign="top" width="20"><img src="/images/div_2.jpg" width="20" height="11" border="0" alt=""></td> <td align="left" valign="top" width="78"><a href="http://www.seapinesrealestate.com/" title="Sea Pines Real Estate" target="_blank" onMouseOver="real.src='/images/real_estate_on.gif'" onMouseOut="real.src='/images/real_estate_off.gif'"><img src="/images/real_estate_off.gif" alt="Sea Pines Real Estate" name="real" width="78" height="11" border="0" id="real" style="cursor: hand"></a></td> </tr> </table> </td> </tr> <tr> <td align="left" valign="top" height="18"> </td> </tr> </table> </td> <td align="left" valign="top" width="26"> </td> </tr> </table></div> <div id="mainNav"><div align="center"> <ul id="qm0" class="qmmc"> <li><a class="qmparent" href="http://www.seapines.com/reservations/"><img class="qm-is qm-ih qm-ia" src="/images/nav/reservations.gif" width="114" height="36" border="0" /></a> <ul style="margin:0px 0px 0px 0px;">  <li><a href="https://www.phgsecure.com/IBE/bookingRedirect.ashx?propertyCode=HHHIH" onClick="var s=s_gi('thayseapines'); s.linkTrackVars='prop1,eVar1,events'; s.events='event1'; s.prop1='Inn Reservation - Reservations'; s.eVar1='Inn Reservation - '; s.tl(this,'o','Inn Reservation - Reservations');" target="_blank" style="width:130px;" >Inn Reservations</a></li> <li><a href="http://www.seapines.com/vacation-rentals/" style="width:195px;">Homes & Villas Reservations</a></li> <li><a href="https://reservations.ihotelier.com/onescreengroup.cfm?hotelid=13837" target="_blank" style="width:140px;">Groups Reservations</a></li> <li><a href="javascript:;" style="width:464px; height:16px;"></a></li> </ul> </li> <li><a class="qmparent" href="http://www.seapines.com/specials_and_packages/"><img class="qm-is qm-ih qm-ia" src="/images/nav/specials.gif" width="114" height="36" border="0"></a> <ul style="margin:0px 0px 0px 0px;"> <li><a href="http://www.seapines.com/accommodations/inn-special-offers.asp">Inn Special Offers</a></li> <li><a href="http://www.seapines.com/vacation-rentals/" style="width:170px;">Vacation Rental Packages</a></li> <li><a href="http://www.seapines.com/specials_and_packages/golf-packages.asp" style="width:170px;">Golf Rates And Packages</a></li> <li><a href="http://www.seapines.com/vacation-rentals/packages/family-fun.asp">Family Packages</a></li> <li><a href="http://www.seapines.com/specials_and_packages/tennis-packages.asp">Tennis Packages</a></li> <li><a href="http://www.seapines.com/specials_and_packages/romance-packages.asp" style="width:120px;">Romance Packages</a></li> <li><a href="http://www.seapines.com/specials_and_packages/meeting-packages.asp" style="width:120px;">Meeting Packages</a></li>  </ul> </li> <li><a class="qmparent" href="http://www.seapines.com/accommodations/"><img class="qm-is qm-ih qm-ia" src="/images/nav/accommodations.gif" width="132" height="36" border="0"/></a> <ul style="margin:0px 0px 0px 0px;" class="ASDFQWER"> <li><a href="javascript:;" style="width:15px; height:16px;"></a></li> <li><a href="http://www.seapines.com/accommodations/inn-at-harbour.asp" style="width:200px;">The Inn At Harbour Town</a></li> <li><a href="http://www.seapines.com/vacation-rentals/" style="width:222px;">Home & Villa Vacation Rentals</a></li> <li><a href="http://www.seapines.com/vacation-rentals/specials/heritage-accommodations-special.asp" style="width:253px;">Heritage Accommodations</a></li> <li><a href="http://www.seapines.com/accommodations/guest-amenity-card-benefits.asp" style="width:213px;">Guest Amenity Card Benefits</a></li> <li><a href="javascript:;" style="width:25px; height:16px;"></a></li> </ul> </li> <li><a class="qmparent" href="http://www.seapines.com/resort_activities/"><img class="qm-is qm-ih qm-ia" src="/images/nav/resort.gif" width="131" height="36" border="0"/></a> <ul style="margin:0px 0px 0px 0px;"> <li><a href="javascript:;" style="width:25px; height:16px;"></a></li> <li><a rel="nofollow" href="http://www.seapines.com/resort_activities/golf.asp" style="width:85px;">Golf</a></li> <li><a href="http://www.seapines.com/resort_activities/tennis.asp" style="width:90px;">Tennis</a></li> <li><a href="http://www.seapines.com/resort_activities/recreation.asp" style="width:120px;">Recreation</a></li> <li><a href="http://www.seapines.com/resort_activities/harbour_town/" style="width:130px;">Harbour Town</a></li>  <li><a rel="nofollow" href="http://www.seapines.com/events/" style="width:100px;">Events</a></li> <li><a rel="nofollow" href="http://www.seapines.com/resort_activities/harbour_town/harbour-town-yacht-basin.asp" style="width:220px;">Harbour Town Yacht Basin</a></li> <li><a href="https://secure.seapinesstore.com/" style="width:120px;" target="_blank">Shop Sea Pines</a></li> <li><a rel="nofollow" href="#" style="width:40px;"> </a></li> </ul> </li> <li><a class="qmparent" href="http://www.seapines.com/golf/"><img class="qm-is qm-ih qm-ia" src="/images/nav/golf.gif" width="97" height="36" border="0"/></a> <ul style="margin:0px 0px 0px 0px;"> <li><a href="http://www.seapines.com/golf/the-heritage.asp" style="height:24px; line-height:16px; margin-bottom:0px; padding-bottom:0px;">RBC Heritage</a></li> <li><a href="http://www.seapines.com/golf/resort_caddie_services.asp" style="height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Resort <br />Caddie Services</a></li> <li><a href="http://www.seapines.com/golf/golf-instructional-programs.asp" style="height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Instructional <br />Programs</a></li> <li><a href="http://www.seapines.com/golf/golf-courses.asp" style="height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Golf <br />Courses</a></li> <li><a rel="nofollow" href="http://www.seapines.com/golf/golf-packages.asp" style="height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Golf Rates <br />And Packages</a></li> <li><a href="http://www.seapines.com/golf/golf-booking1.asp" target="_self" style="height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Book a<br /> Tee Time</a></li>  <li> <a href="http://www.seapines.com/golf/group-golf-outings.asp" style="height:24px; font-size:11.3px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Group Golf and<br /> Concierge Services</a> </li> <li><a href="http://www.seapines.com/golf/golf-awards.asp" style="height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Golf <br />Awards</a></li> </ul> </li> <li><a class="qmparent" href="http://www.seapines.com/dining/"><img class="qm-is qm-ih qm-ia" src="/images/nav/dining.gif" width="114" height="36" border="0"></a> <ul style="margin:0px 0px 0px 0px;"> <li><a href="http://www.seapines.com/dining/harboursideburgersandbrews.asp" style="width: 122px;height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Harbourside <br />Burgers & Brews</a></li> <li><a href="http://www.seapines.com/dining/surfside-outdoor-oceanfront-restaurant-bar.asp" style=" width:180px; height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Surfside Outdoor Oceanfront <br /> Restaurant & Bar</a></li> <li><a href="http://www.seapines.com/dining/the-lakehouse.asp" style="width: 122px;height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">The Lakehouse <br />Golf Pub</a></li> <li><a href="http://www.seapines.com/dining/the-harbour-town-bakery.asp" style="width: 130px; height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">The Harbour Town <br />Bakery</a></li> <li><a href="http://www.seapines.com/dining/the-harbour-town-grill.asp" style="width: 130px; height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">The Harbour Town <br />Grill</a></li> <li><a href="http://www.seapines.com/dining/the-quarterdeck.asp" style="width:122px;">The Quarterdeck</a></li> <li><a href="http://www.seapines.com/dining/topside-waterfront-restaurant.asp" style="width:123px; height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Topside Waterfront<br /> Restaurant</a></li> </ul> </li> <li><a class="qmparent" href="http://www.seapines.com/meetings/"><img class="qm-is qm-ih qm-ia" src="/images/nav/meetings.gif" width="114" height="36" border="0"/></a> <ul style="margin:0px 0px 0px 0px;"> <li><a href="http://www.seapines.com/meetings/meeting-rfp.asp" style="width:88px;height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Meeting<br />RFP</a></li> <li><a href="http://www.seapines.com/meetings/event-facilities.asp" style="width:90px;width:80px;height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Event<br />Facilities</a></li> <li><a href="http://www.seapines.com/meetings/group-amenities.asp" style="height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Group<br />Amenities</a></li> <li><a href="http://www.seapines.com/meetings/catering-services.asp" style="width:90px;height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Catering<br />Services</a></li> <li><a rel="nofollow" href="http://www.seapines.com/meetings/group-booking-incentive.asp" style="height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Group Booking <br />Incentive</a></li> <li><a rel="nofollow" href="http://www.seapines.com/meetings/complete-meeting-package.asp" style="height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Complete Meeting <br />Package </a></li> <li><a href="http://www.seapines.com/meetings/group-activities.asp" style="height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Group<br />Activities</a></li> <li><a href="http://www.seapines.com/meetings/family-reunions.asp" style="width:90px;height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Family<br />Reunions</a></li> <li><a href="http://www.seapines.com/meetings/continuing-education.asp" style="width:117px; height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Continuing <br />Education</a></li> </ul> </li> <li><a class="qmparent" href="http://www.seapines.com/weddings/"><img class="qm-is qm-ih qm-ia" src="/images/nav/weddings.gif" width="114" height="36" border="0"/></a> <ul style="margin:0px 0px 0px 0px;"> <li><a href="javascript:;" style="width:233px; height:16px;"></a></li> <li><a href="http://www.seapines.com/weddings/wedding-rfp.asp" style="height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Wedding<br />RFI</a></li> <li><a href="http://www.seapines.com/weddings/ceremony-venues.asp" style="height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Ceremony<br />Venues</a></li> <li><a href="http://www.seapines.com/weddings/reception-venues.asp" style="height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Reception<br />Venues</a></li> <li><a href="http://www.seapines.com/weddings/intimate-weddings.asp" style="height:24px; line-height:15px; margin-bottom:0px; padding-bottom:0px;">Intimate Weddings</a></li> <li><a href="http://www.seapines.com/weddings/wedding-week-events.asp" style="height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Wedding Week<br />Events</a></li> <li><a href="http://www.seapines.com/weddings/wedding-packages.asp" style="width:117px;height:24px; line-height:10px; margin-bottom:0px; padding-bottom:0px;">Wedding <br />Packages</a></li> </ul> </li> <li class="qmclear"> </li> </ul> <script type="text/javascript" src="/javascript/nav.js"></script> </div></div> <div id="header"><img src="http://www.seapines.com/images/header/dining.jpg" width="1000" height="356" /></div> <div id="flashNav"><div align="center"> <div align="right" style="width: 960px;"> <script language="javascript">AC_FL_RunContent = 0;</script> <script src="/javascript/AC_RunActiveContent.js" language="javascript"></script> <script language="javascript"> if (AC_FL_RunContent == 0) { alert("This page requires AC_RunActiveContent.js."); } else { AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width','820','height','210','id','flash-nav','align','middle','src','/flash/flash-nav','quality','high','wmode','transparent','bgcolor','#ffffff','name','flash-nav','allowscriptaccess','sameDomain','allowfullscreen','false','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/flash/flash-nav' ); //end AC code } </script> <noscript> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" name="flash-nav" width="820" height="210" align="middle" id="flash-nav"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="false" /> <param name="movie" value="/flash/flash-nav.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" /> <embed src="/flash/flash-nav.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="820" height="210" name="flash-nav" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> </noscript> </div> </div></div> </div> <div id="div_calendar"><style type="text/css"> .month { background-color: #7E8D4D; color: #FFFFFF; font: bold 12px Arial, Helvetica, sans-serif; height: 25px; text-align: center; } .days { background-color: #B9C78D; color: #305717; font: bold 10px Arial, Helvetica, sans-serif; height:15px; text-align: center; } .dates { background-color: #FFFFFF; font: 10px Arial, Helvetica, sans-serif; height: 35px; text-align: left; vertical-align: top; cursor: hand; cursor: pointer; } .day { color: #355E22; font-weight: bold; cursor: hand; cursor: pointer; } .price { color: #666666; font: bold 10px Arial, Helvetica, sans-serif; text-align: center; cursor: hand; cursor: pointer; } .g-day { color: #CCCCCC; cursor: default; } .selected { background-color: #7E8D4D; color: #FFFFFF; font: bold 10px Arial, Helvetica, sans-serif; cursor: default; } </style> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="month"><a href="javascript:;" onclick="javascript:getCalendar('prev');" name="direction"><img src="/vacation-rentals/images/cal-arrow-l.png" width="16" height="16" border="0" /></a></td> <td class="month" colspan="5"><span id="spn_calendar_month"></span><br /><input type="hidden" style="width:100px;" id="hdn_calendar_month" value="2/7/2012"/></td> <td class="month"><a href="javascript:;" onclick="javascript:getCalendar('next');" name="direction"><img src="/vacation-rentals/images/cal-arrow-r.png" width="16" height="16" border="0" /></a></td> </tr> <tr> <td class="days" width="15%">Su</td> <td class="days" width="14%">Mo</td> <td class="days" width="14%">Tu</td> <td class="days" width="14%">We</td> <td class="days" width="14%">Th</td> <td class="days" width="14%">Fr</td> <td class="days" width="15%">Sa</td> </tr> <tr> <td colspan="7" align="center"> <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC"> <tr><td id="td00" class="dates" width="15%" onclick="javascript:TdClick(this);"><div id="date00" class="day"></div><div id="price00" class="price"></div></td><td id="td01" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date01" class="day"></div><div id="price01" class="price"></div></td><td id="td02" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date02" class="day"></div><div id="price02" class="price"></div></td><td id="td03" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date03" class="day"></div><div id="price03" class="price"></div></td><td id="td04" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date04" class="day"></div><div id="price04" class="price"></div></td><td id="td05" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date05" class="day"></div><div id="price05" class="price"></div></td><td id="td06" class="dates" width="15%" onclick="javascript:TdClick(this);"><div id="date06" class="day"></div><div id="price06" class="price"></div></td></tr><tr><td id="td10" class="dates" width="15%" onclick="javascript:TdClick(this);"><div id="date10" class="day"></div><div id="price10" class="price"></div></td><td id="td11" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date11" class="day"></div><div id="price11" class="price"></div></td><td id="td12" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date12" class="day"></div><div id="price12" class="price"></div></td><td id="td13" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date13" class="day"></div><div id="price13" class="price"></div></td><td id="td14" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date14" class="day"></div><div id="price14" class="price"></div></td><td id="td15" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date15" class="day"></div><div id="price15" class="price"></div></td><td id="td16" class="dates" width="15%" onclick="javascript:TdClick(this);"><div id="date16" class="day"></div><div id="price16" class="price"></div></td></tr><tr><td id="td20" class="dates" width="15%" onclick="javascript:TdClick(this);"><div id="date20" class="day"></div><div id="price20" class="price"></div></td><td id="td21" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date21" class="day"></div><div id="price21" class="price"></div></td><td id="td22" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date22" class="day"></div><div id="price22" class="price"></div></td><td id="td23" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date23" class="day"></div><div id="price23" class="price"></div></td><td id="td24" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date24" class="day"></div><div id="price24" class="price"></div></td><td id="td25" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date25" class="day"></div><div id="price25" class="price"></div></td><td id="td26" class="dates" width="15%" onclick="javascript:TdClick(this);"><div id="date26" class="day"></div><div id="price26" class="price"></div></td></tr><tr><td id="td30" class="dates" width="15%" onclick="javascript:TdClick(this);"><div id="date30" class="day"></div><div id="price30" class="price"></div></td><td id="td31" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date31" class="day"></div><div id="price31" class="price"></div></td><td id="td32" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date32" class="day"></div><div id="price32" class="price"></div></td><td id="td33" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date33" class="day"></div><div id="price33" class="price"></div></td><td id="td34" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date34" class="day"></div><div id="price34" class="price"></div></td><td id="td35" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date35" class="day"></div><div id="price35" class="price"></div></td><td id="td36" class="dates" width="15%" onclick="javascript:TdClick(this);"><div id="date36" class="day"></div><div id="price36" class="price"></div></td></tr><tr><td id="td40" class="dates" width="15%" onclick="javascript:TdClick(this);"><div id="date40" class="day"></div><div id="price40" class="price"></div></td><td id="td41" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date41" class="day"></div><div id="price41" class="price"></div></td><td id="td42" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date42" class="day"></div><div id="price42" class="price"></div></td><td id="td43" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date43" class="day"></div><div id="price43" class="price"></div></td><td id="td44" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date44" class="day"></div><div id="price44" class="price"></div></td><td id="td45" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date45" class="day"></div><div id="price45" class="price"></div></td><td id="td46" class="dates" width="15%" onclick="javascript:TdClick(this);"><div id="date46" class="day"></div><div id="price46" class="price"></div></td></tr><tr><td id="td50" class="dates" width="15%" onclick="javascript:TdClick(this);"><div id="date50" class="day"></div><div id="price50" class="price"></div></td><td id="td51" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date51" class="day"></div><div id="price51" class="price"></div></td><td id="td52" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date52" class="day"></div><div id="price52" class="price"></div></td><td id="td53" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date53" class="day"></div><div id="price53" class="price"></div></td><td id="td54" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date54" class="day"></div><div id="price54" class="price"></div></td><td id="td55" class="dates" width="14%" onclick="javascript:TdClick(this);"><div id="date55" class="day"></div><div id="price55" class="price"></div></td><td id="td56" class="dates" width="15%" onclick="javascript:TdClick(this);"><div id="date56" class="day"></div><div id="price56" class="price"></div></td></tr> </table> </td> </tr> </table> <script type="text/javascript"> function setCalendar( objSelect ) { try{ var val; if (objSelect.id == "Select_Calendar") { val = objSelect.options[objSelect.selectedIndex].value; }else if (objSelect.id == "txt_selected_date"){ val = objSelect.value; }else{ val = document.getElementById("txt_selected_date").value; } document.getElementById("hdn_calendar_month").value = val; showCalendar(); }catch(e){ window.alert ( "setCalendar :" + e); } } function showCalendar (){ try{ var objCalendar = document.getElementById("div_calendar"); objCalendar.style.top=getElemTop("calendar_position") + "px"; objCalendar.style.left=getElemLeft("calendar_position") + "px"; /* if (intWidth != null){ objCalendar.style.width = intWidth + "px"; }else{ objCalendar.style.width = getElemWidth("calendar_position") + "px"; } */ getCalendar("current"); }catch(e){ window.alert ( "setPositon :" + e ); } } function hideCalendar() { try{ var currObjName = document.activeElement.name; if (currObjName != "direction"){ var theElem = document.getElementById( "div_calendar" ); if ( theElem ) theElem.style.visibility = "hidden"; } }catch(e){ } } function getElemTop( strObjId ){ var selectedPoxY = 0; var theElem = document.getElementById( strObjId ); if ( !theElem ) return; while(theElem !=null){ selectedPoxY += theElem.offsetTop; theElem = theElem.offsetParent; } return selectedPoxY; } function getElemLeft( strObjId ){ var selectedPoxX = 0; var theElem = document.getElementById( strObjId ); if ( !theElem ) return; while(theElem !=null){ selectedPoxX += theElem.offsetLeft; theElem = theElem.offsetParent; } return selectedPoxX; } function getElemHeight( strObjId ){ var theElem = document.getElementById( strObjId ); if ( !theElem ) return; var theElemHeight = theElem.offsetHeight; return theElemHeight; } function getElemWidth( strObjId ){ var theElem = document.getElementById( strObjId ); if ( !theElem ) return; var theElemHeight = theElem.offsetWidth; return theElemHeight; } function TdClick(me){ try{ var ln, ij; if (me){ ln = me.id.length; ln = eval(ln-2); ij = me.id.substring(ln); if (me.className == "dates"){ var curMonth = document.getElementById("hdn_calendar_month").value; var txt_date = document.getElementById("date"+ij).innerHTML; var myDate = new Date(curMonth); myDate.setDate(txt_date); var selected_date = eval(myDate.getMonth() + 1) + "/" + myDate.getDate() + "/" + myDate.getFullYear(); var objText = document.getElementById("txt_selected_date"); objText.value = selected_date objText.style.display = "block" document.getElementById("Select_Calendar").style.display = "none" document.getElementById("btn_select_dates").style.display = "none" document.getElementById("btn_check_availability").style.display = "block" replaceHtml("spn_check_in","Check-in Date"); setSession(); }else{ var selected_date = document.getElementById("txt_selected_date").value; var myDate = new Date(selected_date); myDate.setDate(1); var selectedMonth = eval(myDate.getMonth() + 1) + "/" + myDate.getDate() + "/" + myDate.getFullYear(); document.getElementById("hdn_calendar_month").value = selectedMonth; } } }catch(e){ window.alert ( "CalendarTdClick :" + e); } } function getActivatedObject(e) { try{ var obj; if (!e){ obj = window.event.srcElement; }else if (e.srcElement) { obj = e.srcElement; }else{ obj = e.target; } return obj; }catch(e){ window.alert ( "getActivatedObject :" + e); } } function getCalendar(Direction){ var val = document.getElementById("hdn_calendar_month").value; if (val != ''){ var data = "cmd=selectCalendar"; data = data + "&CalendarDate=" + val; data = data + "&Direction=" + Direction; //window.alert ( data ) ; sendRequest( _getCalendar, data, "POST", "http://www.seapines.com/includes/i-calendar-call.asp", true ); } } function _getCalendar( oj ){ try{ var curCalendarObj = document.getElementById("div_calendar"); curCalendarObj.style.visibility="visible"; var xmlDoc = oj.responseXML; var result = xmlDoc.getElementsByTagName("result")[0].firstChild.nodeValue; if (result == "ok"){ var CalendarMonth = xmlDoc.getElementsByTagName("CalendarMonth")[0].firstChild.nodeValue; replaceHtml ( "spn_calendar_month", CalendarMonth); var CalendarDate = xmlDoc.getElementsByTagName("CalendarDate")[0].firstChild.nodeValue; document.getElementById("hdn_calendar_month").value = CalendarDate; var strJOptions = xmlDoc.getElementsByTagName("CalendarDates")[0].firstChild.nodeValue; eval(strJOptions); editCalendar( objJOptions ); }else{ //window.alert ( "Fail to get Data!!"); } }catch(err){ window.alert ( "_getCalendar :" + err); } } function setSession(){ try{ var myDate = new Date(); var check_In; var check_Out; var Selected_Date = document.getElementById("txt_selected_date").value; myDate = new Date(Selected_Date); check_In = eval(myDate.getMonth() + 1) + "/" + myDate.getDate() + "/" + myDate.getFullYear(); var NoOfDays = document.getElementById("NoOfDays").options[document.getElementById("NoOfDays").selectedIndex].value; var night1 = parseInt(NoOfDays); myDate.setDate(myDate.getDate() + night1 ); check_Out = eval(myDate.getMonth() + 1) + "/" + myDate.getDate() + "/" + myDate.getFullYear() var data = "cmd=setSession"; data = data + "&check_In=" + check_In; data = data + "&check_Out=" + check_Out; data = data + "&NoOfDays=" + night1; //window.alert ( data ) ; sendRequest( _setSession, data, "POST", "http://www.seapines.com/includes/i-calendar-call.asp", true ); }catch(e){ window.alert ( "setSession " + e ) ; } } function _setSession( oj ){ try{ var xmlDoc = oj.responseXML; var result = xmlDoc.getElementsByTagName("result")[0].firstChild.nodeValue; if (result == "ok"){ }else{ //window.alert ( "Fail to get Data!!"); } }catch(e){ window.alert ( "_setSession :" + e); } } function editCalendar( objVals ){ try{ var myCurentMonth = document.getElementById("hdn_calendar_month").value; var mySelectedDate = document.getElementById("txt_selected_date").value; var myHotel = document.getElementById("Hotel").options[document.getElementById("Hotel").selectedIndex].value; var isInn = false; if (myHotel == "Inn"){ isInn = true; } var dCurentDate = new Date(myCurentMonth); var dSelectedDate = new Date(mySelectedDate); var checkSelected = false; if (dCurentDate.getFullYear() == dSelectedDate.getFullYear()) { if (dCurentDate.getMonth() == dSelectedDate.getMonth()) { checkSelected = true; } } for ( var k=0; k < objVals.CalendarDates.length; k++ ) { var myi = objVals.CalendarDates[k].i; var myj = objVals.CalendarDates[k].j; var myTd = "td" + myi + myj; var myDivDate = "date" + myi + myj; var myDivPrice = "price" + myi + myj; var myDate = objVals.CalendarDates[k].dtDate; var myRate = objVals.CalendarDates[k].rate; var myRateTmp = myRate; myRate = (myRate == "0") ? "" : (myRate == "") ? "" : "$" + myRate; //myRate = isInn ? (myRate == "0") ? "" : (myRate == "") ? "" : "$" + myRate : ""; if (myRate == ""){ document.getElementById(myTd).className = "dates g-day"; document.getElementById(myDivDate).className = "day g-day"; document.getElementById(myDivPrice).className = "price g-day"; }else{ document.getElementById(myTd).className = "dates"; document.getElementById(myDivDate).className = "day"; document.getElementById(myDivPrice).className = "price"; if (checkSelected){ if (dSelectedDate.getDate().valueOf() == myDate.valueOf()){ document.getElementById(myTd).className = "dates selected"; document.getElementById(myDivDate).className = "day selected"; document.getElementById(myDivPrice).className = "price selected"; } } } //_hdn_selected_date replaceHtml ( myDivDate, myDate); if (isInn) { myRate = (myRateTmp == "0") ? "NA" : myRate; replaceHtml ( myDivPrice, myRate) }else{ replaceHtml ( myDivPrice, "") }; } }catch(e){ window.alert ("editCalendar :" + e); } } //document.onmouseup = hideCalendar; if(document.attachEvent){ document.attachEvent("onmouseup", hideCalendar); }else if (document.addEventListener){ document.addEventListener("mouseup", hideCalendar, false); } hideCalendar(); </script></div> </body> </html>