function initRollovers(){if(!document.getElementById)return;var aImgs=document.getElementsByTagName('img');var aInputs=document.getElementsByTagName('input');bj(aImgs,aImgs.length);bj(aInputs,aInputs.length);}function bj(aImages,n){var aPreLoad=new Array();var sTempSrc;for(var j=0;j<n;j++){if(aImages[j].className.match('imgover')){var src=aImages[j].getAttribute('src');var ftype=src.substring(src.lastIndexOf('.'),src.length);var hsrc=src.replace(ftype,'_o'+ftype);aImages[j].setAttribute('hsrc',hsrc);aPreLoad[j]=new Image();aPreLoad[j].src=hsrc;aImages[j].onmouseover=function(){sTempSrc=this.getAttribute('src');this.setAttribute('src',this.getAttribute('hsrc'));};aImages[j].onmouseout=function(){if(!sTempSrc)sTempSrc=this.getAttribute('src').replace('_o'+ftype,ftype);this.setAttribute('src',sTempSrc);};}}}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\"> table#Ares-frame{ background:url(http://arestravel.com/images/sfvisitor/bot1a_bg.png) top left no-repeat; width:156px; height:200px;} table#Ares-tabs { margin:20px 0px 0px 0px; width:178px;} table#Ares-bot { margin:13px 0px 0px 12px; width:133px;} table#Ares-bot td, #Ares-bot label {font-family:arial,helvetica,sans-serif; font-size:10px;color:#39515F;} #checkOut, #checkIn {font-size:11px; width:65px; color:#39515F; font-family:arial,helvetica,sans-serif;} #Ares-bot select, #Ares-bot input {font-family:arial,helvetica,sans-serif; font-size:10px; color:#39515F;} #Ares-bot select.quantity {width:42px;} #Ares-bot select.location_selector, #attractionType, #attractionName {width:131px;} #Search-bot {position:relative} #hotels {position:absolute; top:0px; left:0px; display: none;} #attractions {position:absolute; top:0px; left:0px; display: none;} #packages {position:absolute; top:0px; left:0px; display: none;} </style> <table cellpadding=\"0\" cellspacing=\"0\" id=\"Ares-frame\"> <tr> <td align=\"left\" valign=\"top\"> <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" id=\"Ares-tabs\"> <tr> <td colspan=\"2\" nowrap id=\"tbs\"><a href=\"#hotels\"><img src=\"http://arestravel.com/images/sfvisitor/bot1a_tab_hotels_o.png\" border=\"0\" /></a><a href=\"#attractions\"><img src=\"http://arestravel.com/images/sfvisitor/bot1a_tab_tickets.png\" border=\"0\" /></a><a href=\"#packages\"><img src=\"http://arestravel.com/images/sfvisitor/bot1a_tab_packages.png\" border=\"0\" /></a></td> </tr> </table> <div id=\"Search-bot\"> <div id=\"hotels\"> <form name=\"hotelSearchForm\" method=\"get\" action=\"http://reservations.onlyinsanfrancisco.com/1219_hotel-list.html\"> <input type=\"hidden\" name=\"locationID\" value=\"m255\" /> <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" id=\"Ares-bot\"> <tr> <td colspan=\"3\"> <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"> <tr> <td colspan=\"2\" nowrap style=\"padding-bottom:4px;\"><label for=\"Neighborhoods1\">San Francisco Regions:</label> <br /> <select name=\"select\" class=\"location_selector\" id=\"Neighborhoods1\" onchange=\"setOpt(this)\"> <option value=\"m255\">San Francisco Bay Area</option> <option value=\"m404\" selected=\"selected\">&nbsp;&nbsp;City of San Francisco</option> <option value=\"m1577\">&nbsp;&nbsp;&nbsp;&nbsp;Castro / Upper Market</option> <option value=\"m265\">&nbsp;&nbsp;&nbsp;&nbsp;Chinatown</option> <option value=\"m1428\">&nbsp;&nbsp;&nbsp;&nbsp;Civic Center</option> <option value=\"m267\">&nbsp;&nbsp;&nbsp;&nbsp;Embarcadero/Financial District</option> <option value=\"m257\">&nbsp;&nbsp;&nbsp;&nbsp;Fisherman's Wharf</option> <option value=\"m1430\">&nbsp;&nbsp;&nbsp;&nbsp;Golden Gate Park/Sunset</option> <option value=\"m1429\">&nbsp;&nbsp;&nbsp;&nbsp;Japantown/Fillmore</option> <option value=\"m1431\">&nbsp;&nbsp;&nbsp;&nbsp;Marina/Presidio</option> <option value=\"m1433\">&nbsp;&nbsp;&nbsp;&nbsp;Nob Hill</option> <option value=\"m269\">&nbsp;&nbsp;&nbsp;&nbsp;North Beach</option> <option value=\"m272\">&nbsp;&nbsp;&nbsp;&nbsp;SOMA/Yerba Buena</option> <option value=\"m274\">&nbsp;&nbsp;&nbsp;&nbsp;Union Square / Downtown</option> <option value=\"m266\">&nbsp;&nbsp;Destinations Beyond the Bridge</option> <option value=\"m1436\">&nbsp;&nbsp;&nbsp;&nbsp;Beach Communities</option> <option value=\"m259\">&nbsp;&nbsp;&nbsp;&nbsp;East Bay</option> <option value=\"m1432\">&nbsp;&nbsp;&nbsp;&nbsp;Marin County/Sausalito</option> <option value=\"m406\">&nbsp;&nbsp;&nbsp;&nbsp;North Coast/Mt. Shasta</option> <option value=\"m262\">&nbsp;&nbsp;&nbsp;&nbsp;Monterey/Carmel</option> <option value=\"m1434\">&nbsp;&nbsp;&nbsp;&nbsp;Sacramento/Lake Tahoe</option> <option value=\"m258\">&nbsp;&nbsp;&nbsp;&nbsp;San Francisco International Airport Area</option> <option value=\"m273\">&nbsp;&nbsp;&nbsp;&nbsp;South of San Francisco</option> <option value=\"m270\">&nbsp;&nbsp;&nbsp;&nbsp;Wine Country</option> <option value=\"m1435\">&nbsp;&nbsp;&nbsp;&nbsp;Yosemite and Central Valley</option> </select> </td> </tr> <tr> <td nowrap><label for=\"checkIn\">Check In:</label> <br /> <input type=\"text\" name=\"checkInDate\" id=\"checkIn\" value=\"mm/dd/yyyy\" maxlength=\"10\" onclick=\"ShowCal('CalFrame', this.id, 'checkIn')\" /> </td> <td style=\"padding-left:1px;\"><label for=\"checkOut\">Check Out:</label> <input type=\"text\" name=\"checkOutDate\" id=\"checkOut\" value=\"mm/dd/yyyy\" maxlength=\"10\" onclick=\"ShowCal('CalFrame', this.id, 'checkIn')\" /> </td> </tr> </table></td> </tr> <tr valign=\"bottom\"> <td style=\"padding:3px 0px 0px 0px;\"><label for=\"numberOfRooms\">Rooms:</label><br /> <select name=\"numberOfRooms\" class=\"quantity\"> <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:3px 0px 0px 1px;\"><label for=\"numberOfAdults\">Adults:</label><br /><select name=\"numberOfAdults\" class=\"quantity\"> <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:3px 0px 0px 1px;\"><label for=\"numberOfChildren\">Children:</label><br /><select name=\"numberOfChildren\" class=\"quantity\"> <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> <div style=\"margin:15px 0px 0px 7px;\"><input name=\"imagesubmit1\" type=\"image\" class=\"imgover\" src=\"http://arestravel.com/images/sfvisitor/btn_findhotel.gif\"></div> </form> </div> <div id=\"attractions\"> <form name=\"ticketSearchForm\" method=\"get\" action=\"http://reservations.onlyinsanfrancisco.com/1219_ticket-list.html\"> <input type=\"hidden\" name=\"locationID\" value=\"m255\" /> <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" id=\"Ares-bot\"> <tr> <td colspan=\"3\"> <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"> <tr> <td colspan=\"2\" nowrap style=\"padding-bottom:4px;\"><label for=\"Neighborhoods1\">San Francisco Regions:</label> <br /> <select name=\"select\" class=\"location_selector\" id=\"Neighborhoods1\" onchange=\"setOpt(this)\"> <option value=\"m255\">San Francisco Bay Area</option> <option value=\"m404\" selected=\"selected\">&nbsp;&nbsp;City of San Francisco</option> <option value=\"m1577\">&nbsp;&nbsp;&nbsp;&nbsp;Castro / Upper Market</option> <option value=\"m265\">&nbsp;&nbsp;&nbsp;&nbsp;Chinatown</option> <option value=\"m1428\">&nbsp;&nbsp;&nbsp;&nbsp;Civic Center</option> <option value=\"m267\">&nbsp;&nbsp;&nbsp;&nbsp;Embarcadero/Financial District</option> <option value=\"m257\">&nbsp;&nbsp;&nbsp;&nbsp;Fisherman's Wharf</option> <option value=\"m1430\">&nbsp;&nbsp;&nbsp;&nbsp;Golden Gate Park/Sunset</option> <option value=\"m1429\">&nbsp;&nbsp;&nbsp;&nbsp;Japantown/Fillmore</option> <option value=\"m1431\">&nbsp;&nbsp;&nbsp;&nbsp;Marina/Presidio</option> <option value=\"m1433\">&nbsp;&nbsp;&nbsp;&nbsp;Nob Hill</option> <option value=\"m269\">&nbsp;&nbsp;&nbsp;&nbsp;North Beach</option> <option value=\"m272\">&nbsp;&nbsp;&nbsp;&nbsp;SOMA/Yerba Buena</option> <option value=\"m274\">&nbsp;&nbsp;&nbsp;&nbsp;Union Square / Downtown</option> <option value=\"m266\">&nbsp;&nbsp;Destinations Beyond the Bridge</option> <option value=\"m1436\">&nbsp;&nbsp;&nbsp;&nbsp;Beach Communities</option> <option value=\"m259\">&nbsp;&nbsp;&nbsp;&nbsp;East Bay</option> <option value=\"m1432\">&nbsp;&nbsp;&nbsp;&nbsp;Marin County/Sausalito</option> <option value=\"m406\">&nbsp;&nbsp;&nbsp;&nbsp;North Coast/Mt. Shasta</option> <option value=\"m262\">&nbsp;&nbsp;&nbsp;&nbsp;Monterey/Carmel</option> <option value=\"m1434\">&nbsp;&nbsp;&nbsp;&nbsp;Sacramento/Lake Tahoe</option> <option value=\"m258\">&nbsp;&nbsp;&nbsp;&nbsp;San Francisco International Airport Area</option> <option value=\"m273\">&nbsp;&nbsp;&nbsp;&nbsp;South of San Francisco</option> <option value=\"m270\">&nbsp;&nbsp;&nbsp;&nbsp;Wine Country</option> <option value=\"m1435\">&nbsp;&nbsp;&nbsp;&nbsp;Yosemite and Central Valley</option> </select> </td> </tr> <tr><td style=\"padding:3px 0px 0px 0px;\"><label for=\"attractionName\">Attraction Name:</label><br /><input type=\"text\" name=\"attractionName\" id=\"attractionName\" value=\"\" /></td></tr> <tr><td ><label for=\"attractionType\">Attraction Type:</label><br /><select name=\"attractionCategoryID\" id=\"attractionType\"> <option value=\"0\" selected=\"selected\">All</option> <option value=\"42\">Adventure Tours</option> <option value=\"67\">Attraction Packages</option> <option value=\"49\">Boat Tours/Dinner & Brunch Cruises</option> <option value=\"70\">Ferry Service/Boat Tours/Land Tours</option> <option value=\"65\">Museum</option> <option value=\"36\">Performing Arts</option> <option value=\"31\">Shopping</option> <option value=\"8\">Tours</option> <option value=\"64\">Transportation</option> </select></td></tr> </table></td> </tr> </table> <div style=\"margin:15px 0px 0px 7px;\"><input name=\"imagesubmit1\" type=\"image\" class=\"imgover\" src=\"http://arestravel.com/images/sfvisitor/btn_findattraction.gif\"></div> </form> </div> <div id=\"packages\"> <form name=\"packageSearchForm\" method=\"get\" action=\"http://reservations.onlyinsanfrancisco.com/1219_package-list.html\"> <input type=\"hidden\" name=\"locationID\" value=\"m255\" /> <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" id=\"Ares-bot\"> <tr> <td colspan=\"3\"> <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"> <tr> <td colspan=\"2\" nowrap style=\"padding-bottom:4px;\"><label for=\"Neighborhoods1\">San Francisco Regions:</label> <br /> <select name=\"select\" class=\"location_selector\" id=\"Neighborhoods1\" onchange=\"setOpt(this)\"> <option value=\"m255\">San Francisco Bay Area</option> <option value=\"m404\" selected=\"selected\">&nbsp;&nbsp;City of San Francisco</option> <option value=\"m265\">&nbsp;&nbsp;&nbsp;&nbsp;Chinatown</option> <option value=\"m1428\">&nbsp;&nbsp;&nbsp;&nbsp;Civic Center</option> <option value=\"m267\">&nbsp;&nbsp;&nbsp;&nbsp;Embarcadero/Financial District</option> <option value=\"m257\">&nbsp;&nbsp;&nbsp;&nbsp;Fisherman's Wharf</option> <option value=\"m1431\">&nbsp;&nbsp;&nbsp;&nbsp;Marina/Presidio</option> <option value=\"m1433\">&nbsp;&nbsp;&nbsp;&nbsp;Nob Hill</option> <option value=\"m269\">&nbsp;&nbsp;&nbsp;&nbsp;North Beach</option> <option value=\"m272\">&nbsp;&nbsp;&nbsp;&nbsp;SOMA/Yerba Buena</option> <option value=\"m274\">&nbsp;&nbsp;&nbsp;&nbsp;Union Square / Downtown</option> <option value=\"m266\">&nbsp;&nbsp;Destinations Beyond the Bridge</option> <option value=\"m270\">&nbsp;&nbsp;&nbsp;&nbsp;Wine Country</option> </select> </td> </tr> <tr> <td nowrap><label for=\"checkIn\">Check In:</label> <br /> <input type=\"text\" name=\"checkInDate\" id=\"checkIn\" value=\"mm/dd/yyyy\" maxlength=\"10\" onclick=\"ShowCal('CalFrame', this.id, 'checkIn')\" /> </td> <td style=\"padding-left:1px;\"><label for=\"checkOut\">Check Out:</label> <input type=\"text\" name=\"checkOutDate\" id=\"checkOut\" value=\"mm/dd/yyyy\" maxlength=\"10\" onclick=\"ShowCal('CalFrame', this.id, 'checkIn')\" /> </td> </tr> </table></td> </tr> <tr valign=\"bottom\"> <td style=\"padding:3px 0px 0px 0px;\"><label for=\"numberOfRooms\">Rooms:</label><br /><select name=\"numberOfRooms\" class=\"quantity\"> <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> </select></td> <td style=\"padding:3px 0px 0px 1px;\"><label for=\"numberOfAdults\">Adults:</label><br /><select name=\"numberOfAdults\" class=\"quantity\"> <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:3px 0px 0px 1px;\"><label for=\"numberOfChildren\">Children:</label><br /><select name=\"numberOfChildren\" class=\"quantity\"> <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> <div style=\"margin:15px 0px 0px 7px;\"><input name=\"imagesubmit1\" type=\"image\" class=\"imgover\" src=\"http://arestravel.com/images/sfvisitor/btn_findpackages.gif\"></div> </form> </div> </div> </td> </tr> </table> <script type=\"text/javascript\"> var tabHighlightClass = 'tabon'; var currentTab = 'hotels'; var currentLink; function initTabs() { if(document.getElementById && document.createTextNode) { var n = document.getElementById('tbs'); var as = n.getElementsByTagName(\"a\"); for (var i = 0; i<as.length; i++) { as[i].onclick = function() { showTab(this); return false; }; as[i].onfocus = function(){this.blur();}; if(i == 0) currentLink = as[i]; } if(document.getElementById(currentTab)) { document.getElementById(currentTab).style.display = 'block'; } } } function showTab(o) { if(currentTab) { if(document.getElementById(currentTab)) { document.getElementById(currentTab).style.display = 'none'; } b = currentLink.firstChild; ftype = b.src.substring(b.src.lastIndexOf('.'), b.src.length); b.src = b.src.replace('_o'+ftype, ftype); } var id = o.href.substring(o.href.lastIndexOf('#')+1); currentTab = id; currentLink = o; if(document.getElementById(id)) { document.getElementById(id).style.display = 'block'; } o.firstChild.src = o.firstChild.src.replace(ftype, '_o'+ftype); } initTabs(); function setOpt(s) { s.form.locationID.value = s.options[s.selectedIndex].value; if(tmp && s.options[s.selectedIndex].value == '') s.form.locationID.value = tmp; } var tmp = ''; </script>";document.write(htmlStr);var ro='1';if(ro==1)initRollovers();