var lcl=0;var safari=navigator.userAgent.indexOf('AppleWebKit')==-1?0:1;function vH(){var h;if(self.innerHeight)h=self.innerHeight;else if(document.documentElement&&document.documentElement.clientHeight)h=document.documentElement.clientHeight;else if(document.body)h=document.body.clientHeight;return h;}function vW(){var w;if(self.innerWidth)w=self.innerWidth;else if(document.documentElement&&document.documentElement.clientWidth)w=document.documentElement.clientWidth;else if(document.body)w=document.body.clientWidth;return w;}function vS(){var y;if(self.pageYOffset){y=self.pageYOffset;}else if(document.documentElement&&document.documentElement.scrollTop){y=document.documentElement.scrollTop;}else if(document.body){y=document.body.scrollTop;}return y;}function hS(){var x;if(self.pageXOffset){x=self.pageXOffset;}else if(document.documentElement&&document.documentElement.scrollLeft){x=document.documentElement.scrollLeft;}else if(document.body){x=document.body.scrollLeft;}return x;}function findPosX(obj){var curleft=0;if(obj.offsetParent){while(obj.offsetParent){curleft+=obj.offsetLeft;obj=obj.offsetParent;}}else if(obj.x)curleft+=obj.x;curleft+=totalElementXOffset(obj);return curleft;}function findPosY(obj){var curtop=0;if(obj.offsetParent){while(obj.offsetParent){curtop+=obj.offsetTop;obj=obj.offsetParent;}}else if(obj.y)curtop+=obj.y;curtop+=totalElementYOffset(obj);return curtop;}function totalElementYOffset(obj){var yOffset=((obj.offsetTop)?obj.offsetTop:0);var elParent=obj.offsetParent;while(elParent){yOffset+=((elParent.offsetTop)?elParent.offsetTop:0);elParent=elParent.offsetParent;}return(yOffset-0);}function totalElementXOffset(obj){var xOffset=((obj.offsetLeft)?obj.offsetLeft:0);var elParent=obj.offsetParent;while(elParent){xOffset+=((elParent.offsetLeft)?elParent.offsetLeft:0);elParent=elParent.offsetParent;}return(xOffset-0);}function PositionCal(frm,idValue){var obj=document.getElementById(frm);var txtbx=document.getElementById(idValue);var vh=vH();var vs=vS();var vw=vW();var hs=hS();var th=findPosY(txtbx);var tw=findPosX(txtbx);if((tw+130)>vw&&hs==0)tw=vw-130;if(th+200>vh&&vs==0)th=vh-200;obj.style.left=tw+'px';obj.style.top=th+20+'px';}function SrcCal(frm,idValue,chkinId){var frame=document.getElementById(frm);var value=document.getElementById(idValue);var fnm=value.name;var calSrc='/ARES/calendar.html?id='+idValue+'&selectedDate=';if(idValue.indexOf('checkOut')!=-1&&(document.getElementById(idValue).value==""||document.getElementById(idValue).value=="mm/dd/yyyy")){calSrc+=document.getElementById(chkinId).value;}else{calSrc+=value.value;}if(fnm.indexOf('flights')!=-1)calSrc+='&air=1';window.frames['CalFrame'].location.replace(calSrc);return false;}function ShowCal(frm,idValue,chkinId){hideCal();PositionCal(frm,idValue);if(safari){document.getElementById(frm).style.visibility='visible';}else{document.getElementById(frm).style.display='block';}SrcCal(frm,idValue,chkinId);document.getElementById(idValue).select();}function SetDateForID(id,date){if(id.indexOf('nosync')==-1){var idr;var inpts=document.getElementsByTagName('input');if(id.indexOf('checkIn')!=-1)idr='checkIn';else if(id.indexOf('checkOut')!=-1)idr='checkOut';else return;for(var i=0;i<inpts.length;i++){if(inpts[i].type=='text'&&inpts[i].id.indexOf(idr)!=-1&&inpts[i].id.indexOf('nosync')==-1){inpts[i].value=date;}}}else{var value=document.getElementById(id);if(value)value.value=date;}hideCal();}function hideCal(){var frameRef=window.frames['CalFrame'];frameRef.document.body.style.visibility = 'hidden';if(frameRef.location.href.indexOf('blank')==-1)frameRef.location.replace('/ARES/blank.html');if(safari){document.getElementById('CalFrame').style.visibility='hidden';}else{document.getElementById('CalFrame').style.display='none';}return false;}var ns6=document.getElementById&&!document.all;function toggleCal(e){var cur=ns6?e.target:event.srcElement;if(cur.id.indexOf('checkIn')==-1&&cur.id.indexOf('checkOut')==-1)hideCal();}function makeFrame(){var ifrm=document.createElement("IFRAME");ifrm.id="CalFrame";ifrm.name="CalFrame";ifrm.src="/ARES/blank.html";ifrm.scrolling="no";ifrm.frameBorder=0;ifrm.style.position="absolute";ifrm.style.borderWidth=0+"px";ifrm.style.width=130+"px";ifrm.style.height=180+"px";if(!safari)ifrm.style.display="none";else ifrm.style.visibility="hidden";ifrm.style.zIndex=1000001;ifrm.style.backgroundColor="#fff";document.body.insertBefore(ifrm,document.body.lastChild);document.onclick=toggleCal;}if(typeof ifrm=='undefined')makeFrame();var htmlStr="<style type=\"text/css\"> #bot_container { background-image: url(http://arestravel.com/images/sfvisitor/bot_back.png); background-repeat: no-repeat; height: 200px; width: 350px; } #bot_content{padding-left: 15px; padding-top: 42px; float: left; height: 160px; width: 185px;} #bot_promo{float: right; height: 200px; width: 150px;} .header{font-weight: bold; color: #fff; font-size: 11px; font-family: arial;} .seeall{color: #fff; font-size: 11px; font-family: arial;} #checkIn, #checkOut{ color: #950f0c; border-color: #6d1103; border-style: solid; border-width: 1px; font-size: 10px; width: 72px;} select{ color: #8b0400; background-color: #fff; border-color: #6d1103; border-style: solid; border-width: 1px; width: 40px;} .nameslink{font-size: 11px; font-family: arial; color: #b4c549;} </style> <div id=\"bot_container\"> <form action=\"http://reservations.onlyinsanfrancisco.com/4115_package-search.html\" name=\"ARES-hotelform\" id=\"ARES-hotelform\"> <div id=\"bot_content\"> <table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"> <tr> <td class=\"header\">Check In:</td> <td class=\"header\" style=\"padding:0px 0px 0px 17px;\">Check Out:</td> </tr> <tr> <td><input type=\"text\" name=\"checkInDate\" id=\"checkIn\" value=\"mm/dd/yyyy\" size=\"11\" maxlength=\"10\" onClick=\"ShowCal('CalFrame', this.id, 'checkIn')\" /></td> <td style=\"padding:0px 0px 0px 17px;\"><input type=\"text\" name=\"checkOutDate\" id=\"checkOut\" value=\"mm/dd/yyyy\" size=\"11\" maxlength=\"10\" onClick=\"ShowCal('CalFrame', this.id, 'checkIn')\" /></td> </tr> <tr> <td colspan=\"2\"> <table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"> <tr> <td class=\"header\" style=\"padding:8px 0px 0px 0px;\">Rooms:</td> <td class=\"header\" style=\"padding:8px 0px 0px 25px;\">Adults:</td> <td class=\"header\" style=\"padding:8px 0px 0px 25px;\">Kids:</td> </tr> <tr> <td><select name=\"numberOfRooms\"> <option value=\"1\">1</option> <option value=\"2\">2</option> <option value=\"3\">3</option> <option value=\"4\">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> </select></td> <td style=\"padding:0px 0px 0px 25px;\"><select name=\"numberOfAdults\"> <option value=\"1\">1</option> <option value=\"2\">2</option> <option value=\"3\">3</option> <option value=\"4\">4</option> </select></td> <td style=\"padding:0px 0px 0px 23px;\"><select name=\"numberOfChildren\"> <option value=\"0\">0</option> <option value=\"1\">1</option> <option value=\"2\">2</option> <option value=\"3\">3</option> <option value=\"4\">4</option> <option value=\"5\">5</option> </select></td> </tr> </table> </td> </tr> <tr> <td colspan=\"2\"> <table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"> <tr> <td style=\"padding:11px 0px 0px 0px;\"><a class=\"seeall\" href=\"http://reservations.onlyinsanfrancisco.com/4115_package-search.html\">See All Packages &#187;</a></td> <td style=\"padding:11px 0px 0px 15px;\"><input type=\"image\" src=\"http://arestravel.com/images/sfvisitor/search.png\" alt=\"search\" width=\"60\" height=\"19\" border=\"0\" name=\"find\" class=\"imgover\"/></td> </tr> </table> </td> </tr> </table> </div> </form> <div id=\"bot_promo\"><a href=\"http://reservations.onlyinsanfrancisco.com/4115_package-info_p4533.html\" title=\"Hotel Vertigo\"><img src=\"http://arestravel.com/images/sfvisitor/p4533.jpg\" width=\"150\" height=\"200\" border=\"0\"></a></div> </div>";document.write(htmlStr);var ro='';if(ro==1)initRollovers();