var lcl=0;var htmlStr="<!-- Name: bot_layered.html Author: Marty Thierry Created: 05/20/10 --> <style type=\"text/css\"> /* ARES BOT RESET */ #aresBot, #aresBot a, #aresBot div, #aresBot form, #aresBot ul, #aresBot ul li, #aresBot label, #aresBot input, #aresBot img { border: 0 none; display: block; list-sytle: none; overflow: hidden; margin: 0; padding: 0; vertical-align: baseline; } /* DEFAULT */ #aresBot { background: #ddd url(http://arestravel.com/images/experienceColumbus/bot_back1.png) 0 0 no-repeat; font-family: \"Helvetica Neue\", Arial, sans-serif; font-size: 11px; line-height: 1.2; height: 120px; width: 200px; } /* adjust width of bot */ #aresBot a:link, #aresBot a:visited { color: #; text-decoration: none; } #aresBot a:hover, #aresBot a:focus { text-decoration: underline; } #aresBot div { position: relative; } #aresBot input[type=\"text\"] { border: 1px solid #7f9db9; font-size: 11px; padding: 1px 2px; } #aresBot .omega { margin-right: 0; } #aresBot h3 { display: none; margin: 0; padding: 0; } /* Bot header */ #aresBot h5 { display: none; visibility: hidden; margin: 0; padding: 0; } /* IMPORTANT - display: none; visibility: hidden; */ /* NAV */ #tbs { } #tbs ul li { display:; float: left; } #tbs ul li a { display: block; } #tbs ul li img { width: auto; } /* CONTENT */ #Search-bot > div { display: none; padding: 5px 10px; margin-bottom: 10px; } /* NOTE: For Layerd tabs - display: none */ #Search-bot ul { margin-bottom: 2px; } #Search-bot ul li { display: inline; float: left; margin-right: 10px; } /* adjust margins */ #Search-bot ul li span { display: block; float: left; margin: 0; padding: 0; } #Search-bot ul li select { font-size: 11px; *font-size: 10px; } /* GRID */ ul.aresGrid_1 li { margin-right: 0 !important; } ul.aresGrid_1 li input { width: 174px; } ul.aresGrid_1 li select { width: 179px; } ul.aresGrid_2 li { width: ; } ul.aresGrid_2 li input { width: 79px; } ul.aresGrid_2 li select { width:; } ul.aresGrid_3 li { width:; } ul.aresGrid_3 li input { width:; } ul.aresGrid_3 li select { width: 53px; } #Search-bot ul.search { padding-top: 2px; text-align: center; } #Search-bot ul.search li { width: ; } #Search-bot ul.search li.omega { float: right; } #Search-bot ul.search li input { } /* For Master Bot visual purposes only */ #ui-datepicker-div{z-index: 2;} </style> <div id=\"aresBot\"> <h3>Book Your Trip</h3> <!-- NAV --> <div id=\"tbs\"> <ul> <li><a href=\"#hotels\" title=\"Hotels\"><img src=\"http://arestravel.com/images/experienceColumbus/tab1_o.png\" alt=\"Hotels\" /></a></li> <li><a href=\"#attractions\" title=\"Attractions\"><img src=\"http://arestravel.com/images/experienceColumbus/tab2.png\" alt=\"Attractions\" /></a></li> <li><a href=\"#deals\" title=\"Deals\"><img src=\"http://arestravel.com/images/experienceColumbus/tab3.png\" alt=\"Deals\" /></a></li> <li class=\"omega\"><a href=\"#ares-packages\" title=\"Packages\"><img src=\"http://arestravel.com/images/experienceColumbus/tab4.png\" alt=\"Packages\" /></a></li> </ul> </div> <!-- CONTENT --> <div id=\"Search-bot\"> <!-- HOTELS --> <div id=\"hotels\"> <h5>Hotels</h5> <form name=\"hotelSearchForm\" method=\"get\" action=\"http://reservations.experienceColumbus.com/4483_hotel-list.html\"> <input type=\"hidden\" name=\"locationID\" id=\"locationID1\" value=\"m662\" /> <ul class=\"aresGrid_2\"> <li> <label>Check In:</label> <input type=\"text\" name=\"checkInDate\" id=\"checkIn\" value=\"mm/dd/yyyy\" /> </li> <li class=\"omega\"> <label>Check Out:</label> <input type=\"text\" name=\"checkOutDate\" id=\"checkOut\" value=\"mm/dd/yyyy\" /> </li> </ul> <ul class=\"aresGrid_3\"> <li> <label>Rooms:</label> <span> <select name=\"numberOfRooms\" class=\"numberOf\"> <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> </span> </li> <li> <label>Adults:</label> <span> <select name=\"numberOfAdults\" class=\"numberOf\"> <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> </span> </li> <li class=\"omega\"> <label>Children:</label> <span> <select name=\"numberOfChildren\" class=\"numberOf\"> <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> <option value=\"6\">6</option> <option value=\"7\">7</option> <option value=\"8\">8</option> <option value=\"9\">9</option> </select> </span> </li> </ul> <ul class=\"search\"> <li> Call 888-795-7924 </li> <li class=\"omega\"> <input type=\"image\" src=\"http://arestravel.com/images/experienceColumbus/booknow.png\" alt=\"search\" border=\"0\" name=\"find\" /> </li> </ul> </form> </div> <!-- ATTRACTIONS --> <div id=\"attractions\"> <h5>Attractions</h5> <form name=\"attractionsSearchForm\" method=\"get\" action=\"http://reservations.experienceColumbus.com/4483_ticket-list.html\"> <input type=\"hidden\" name=\"locationID\" id=\"locationID1\" value=\"m662\" /> <ul class=\"aresGrid_1\"> <li> <label>Attraction Name:</label> <input type=\"text\" name=\"attractionName\" id=\"attractionName\" value=\"\" /> </li> </ul> <ul class=\"aresGrid_1\"> <li> <label>Attraction Type:</label> <span> <select id=\"attractionCategoryID\" name=\"attractionCategoryID\"> <option value=\"0\" selected=\"selected\">All</option> <option value=\"103\" >Arts & Culture</option> </select> </span> </li> </ul> <ul class=\"search\"> <li class=\"omega\"> <input type=\"image\" src=\"http://arestravel.com/images/experienceColumbus/booknow.png\" alt=\"search\" border=\"0\" name=\"find\" /> </li> </ul> </form> </div> <!-- DEALS --> <div id=\"deals\"> <h5>Deals</h5> <form name=\"dealSearchForm\" method=\"get\" action=\"http://reservations.experienceColumbus.com/4483_deal-list.html\"> <input type=\"hidden\" name=\"locationID\" id=\"locationID1\" value=\"m662\" /> <ul class=\"aresGrid_2\"> <li> <label>Check In:</label> <input type=\"text\" name=\"checkInDate\" id=\"checkIn2\" value=\"mm/dd/yyyy\" /> </li> <li class=\"omega\"> <label>Check Out:</label> <input type=\"text\" name=\"checkOutDate\" id=\"checkOut2\" value=\"mm/dd/yyyy\" /> </li> </ul> <ul class=\"aresGrid_3\"> <li> <label>Rooms:</label> <span> <select name=\"numberOfRooms\" class=\"numberOf\"> <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> </span> </li> <li> <label>Adults:</label> <span> <select name=\"numberOfAdults\" class=\"numberOf\"> <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> </span> </li> <li class=\"omega\"> <label>Children:</label> <span> <select name=\"numberOfChildren\" class=\"numberOf\"> <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> <option value=\"6\">6</option> <option value=\"7\">7</option> <option value=\"8\">8</option> <option value=\"9\">9</option> </select> </span> </li> </ul> <ul class=\"search\"> <li class=\"omega\"> <input type=\"image\" src=\"http://arestravel.com/images/experienceColumbus/booknow.png\" alt=\"search\" border=\"0\" name=\"find\" /> </li> </ul> </form> </div> <!-- PACKAGES --> <div id=\"ares-packages\"> <h5>Packages</h5> <form name=\"packageSearchForm\" method=\"get\" action=\"http://reservations.experiencecolumbus.com/4483_package-list.html\"> <input type=\"hidden\" name=\"locationID\" id=\"locationID1\" value=\"m662\" /> <ul class=\"aresGrid_2\"> <li> <label>Check In:</label> <input type=\"text\" name=\"checkInDate\" id=\"checkIn3\" value=\"mm/dd/yyyy\" /> </li> <li class=\"omega\"> <label>Check Out:</label> <input type=\"text\" name=\"checkOutDate\" id=\"checkOut3\" value=\"mm/dd/yyyy\" /> </li> </ul> <ul class=\"aresGrid_3\"> <li> <label>Rooms:</label> <span> <select name=\"numberOfRooms\" class=\"numberOf\"> <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> </span> </li> <li> <label>Adults:</label> <span> <select name=\"numberOfAdults\" class=\"numberOf\"> <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> </span> </li> <li class=\"omega\"> <label>Children:</label> <span> <select name=\"numberOfChildren\" class=\"numberOf\"> <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> <option value=\"6\">6</option> <option value=\"7\">7</option> <option value=\"8\">8</option> <option value=\"9\">9</option> </select> </span> </li> </ul> <ul class=\"search\"> <li class=\"omega\"> <input type=\"image\" src=\"http://arestravel.com/images/experienceColumbus/booknow.png\" alt=\"search\" border=\"0\" name=\"find\" /> </li> </ul> </form> </div> </div> </div> <!-- LAYERED TABS JS and LOCATION --> <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';}var b=currentLink.firstChild;var 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(); var fids=new Array('roundtrip','oneway','multiple');String.prototype.ucFirst=function(){return this.substr(0,1).toUpperCase()+this.substr(1,this.length);};function toggleFSF(fid){for(var i=0;i<fids.length;i++){var obb=document.getElementById(fids[i]);if(fid==fids[i])obb.style.display='block';else obb.style.display='none';}} var tF0=new Array('dl0r','dl0o','dl0m');var tF1=new Array('al0r','al0o','al0m');var tFields=new Array('tF0','tF1');var txtFields=new Array(tF0,tF1);var sF0=new Array('numberOfAdults-hotel','numberOfAdults-deal','adr','ado','adm');var sF1=new Array('numberOfChildren-hotel','numberOfChildren-deal','chr','cho','chm');var sF2=new Array('lir','lio','lim');var sF3=new Array('dt0r','dt0o','dt0m');var selFields=new Array(sF0,sF1,sF2,sF3);var sFields=new Array('sF0','sF1','sF2','sF3');function tFieldsInit(){var obj;for(var i=0;i<txtFields.length;i++){for(var j=0;j<txtFields[i].length;j++){obj=document.getElementById(txtFields[i][j]);if(obj)obj.onblur=new Function(\"syncTxtFields(\"+tFields[i]+\", this.value)\");}}for(i=0;i<selFields.length;i++){for(j=0;j<selFields[i].length;j++){obj=document.getElementById(selFields[i][j]);if(obj)obj.onchange=new Function(\"syncSelFields(\"+sFields[i]+\", this.selectedIndex)\");}}}function syncTxtFields(arr,value){for(var i=0;i<arr.length;i++){document.getElementById(arr[i]).value=value;}}function syncSelFields(arr,index){for(var i=0;i<arr.length;i++){document.getElementById(arr[i]).options[index].selected=true;}}tFieldsInit(); function setCarTypes(fm,val){if(val.charAt(1)=='B'){var char1=val.charAt(0);fm.elements['car[carTypes][1]'].value=char1+'C**';fm.elements['car[carTypes][2]'].value = char1 + 'D**';}else{fm.elements['car[carTypes][1]'].value='';fm.elements['car[carTypes][2]'].value='';}} var tmp = ''; </script> <!-- jQuery Calendar --> <link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"http://arestravel.com/css/_default/calendar_grey.css\" /> <script type=\"text/javascript\" src=\"http://arestravel.com/js/experienceColumbus/jquery_bot_calendars.js\"></script>";document.write(htmlStr);var ro='';if(ro==1)initRollovers();