1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr" > 3<head> 4 <base href="http://www.paxoi.info/paxoi-beaches.html" /> 5 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 6 <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" /> 7 <meta name="robots" content="index, follow" /> 8 <meta name="keywords" content="paxoi, paxi, paxos, antipaxoi, Ïαξοί, ÏαξÏÏ, ανÏίÏαξοι, ιÏνιο, θάλαÏÏα, island, νηÏί, διακοÏÎÏ, ionischen, Ferien, Urlaub, Meer, Mittelmeer, Insel" /> 9 <meta name="title" content="Paxoi Beaches" /> 10 <meta name="author" content="Administrator" /> 11 <meta name="description" content="Paxi best beaches Giana, Soulanena, Balos, Agia Marina, in Moggonisi, Cloni Gouli, Kamini, Kaki Langada, and Antipaxi Vrika, Voutoumi Rodovani and Sarakiniko." /> 12 <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" /> 13 <title>Paxoi Beaches | Paxi - Antipaxi</title> 14 <link href="/templates/yoo_phoenix/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 15 <link rel="stylesheet" href="http://www.paxoi.info/plugins/content/itpshare/style.css" type="text/css" /> 16 <link rel="stylesheet" href="/plugins/system/jcemediabox/css/jcemediabox.css?version=116" type="text/css" /> 17 <link rel="stylesheet" href="/plugins/system/jcemediabox/themes/standard/css/style.css?version=116" type="text/css" /> 18 <link rel="stylesheet" href="/templates/yoo_phoenix/css/reset.css" type="text/css" /> 19 <link rel="stylesheet" href="/templates/yoo_phoenix/css/layout.css" type="text/css" /> 20 <link rel="stylesheet" href="/templates/yoo_phoenix/css/typography.css" type="text/css" /> 21 <link rel="stylesheet" href="/templates/yoo_phoenix/css/menus.css" type="text/css" /> 22 <link rel="stylesheet" href="/templates/yoo_phoenix/css/modules.css" type="text/css" /> 23 <link rel="stylesheet" href="/templates/yoo_phoenix/css/system.css" type="text/css" /> 24 <link rel="stylesheet" href="/templates/yoo_phoenix/css/extensions.css" type="text/css" /> 25 <link rel="stylesheet" href="/templates/yoo_phoenix/css/variations/barblue.css" type="text/css" /> 26 <link rel="stylesheet" href="/templates/yoo_phoenix/css/custom.css" type="text/css" /> 27 <link rel="stylesheet" href="/modules/mod_jflanguageselection/tmpl/mod_jflanguageselection.css" type="text/css" /> 28 <link rel="stylesheet" href="/modules/mod_briaskISS/mod_briaskISS.css" type="text/css" /> 29 <link rel="stylesheet" href="/modules/mod_stalker/assets/css/stalker.css" type="text/css" /> 30 <link rel="stylesheet" href="/modules/mod_phocagallery_image/assets/phocagallery_module_image.css" type="text/css" /> 31 <link rel="stylesheet" href="/media/system/css/modal.css" type="text/css" /> 32 <style type="text/css"> 33 <!-- 34#comments{ color:inherit; background:inherit } #comments .title{ padding:5px; color:inherit; background:inherit } #comments .description{ padding:5px; color:inherit; background:inherit }�.wrapper { width: 960px; } 35#main-shift { margin-left: 215px; } 36#left { width: 200px; } 37#main-shift { margin-right: 215px; } 38#right { width: 200px; margin-left: -400px; } 39#menu .dropdown { width: 300px; } 40#menu .columns2 { width: 600px; } 41#menu .columns3 { width: 900px; } 42#menu .columns4 { width: 1200px; } 43 44#blankBM95{overflow:hidden;width:100%;} 45 --> 46 </style> 47
47<script type="text/javascript" src="/templates/yoo_phoenix/warp/libraries/jquery/jquery.js"></script>
47 48
48<script type="text/javascript" src="/media/system/js/mootools.js"></script>
48 49
49<script type="text/javascript" src="/media/system/js/caption.js"></script>
49 50
50<script type="text/javascript" src="/plugins/content/phocagalleryslideshow.js"></script>
50 51
51<script type="text/javascript" src="/plugins/system/jcemediabox/js/jcemediabox.js?version=116"></script>
51 52
52<script type="text/javascript" src="/templates/yoo_phoenix/warp/js/warp.js"></script>
52 53
53<script type="text/javascript" src="/templates/yoo_phoenix/warp/js/accordionmenu.js"></script>
53 54
54<script type="text/javascript" src="/templates/yoo_phoenix/warp/js/dropdownmenu.js"></script>
54 55
55<script type="text/javascript" src="/templates/yoo_phoenix/js/template.js"></script>
55 56
56<script type="text/javascript" src="/modules/mod_briaskISS/mod_briaskISS.js"></script>
56 57
57<script type="text/javascript" src="/media/system/js/modal.js"></script>
57 58
58<script type="text/javascript" src="/components/com_phocagallery/assets/js/shadowbox/shadowbox.js"></script>
58 59
59<script type="text/javascript"> 60JCEMediaBox.init({popup:{width:"",height:"",legacy:0,lightbox:0,shadowbox:0,resize:1,icons:1,overlay:1,overlayopacity:0.8,overlaycolor:"#000000",fadespeed:500,scalespeed:500,hideobjects:1,scrolling:"fixed",close:2,labels:{'close':'Close','next':'Next','previous':'Previous','cancel':'Cancel','numbers':'{$current} of {$total}'}},tooltip:{className:"tooltip",opacity:0.8,speed:150,position:"br",offsets:{x: 16, y: 16}},base:"/",imgpath:"plugins/system/jcemediabox/img",theme:"standard",themecustom:"",themepath:"plugins/system/jcemediabox/themes"});�var Warp = Warp || {}; Warp.Settings = { tplurl: '/templates/yoo_phoenix', color: 'barblue' }; 61 window.addEvent('domready', function() { 62 63 SqueezeBox.initialize({}); 64 65 $$('a.modal-button').each(function(el) { 66 el.addEvent('click', function(e) { 67 new Event(e).stop(); 68 SqueezeBox.fromElement(el); 69 }); 70 }); 71 }); 72 </script>
72 73 <!--[if lt IE 8]> 74<link rel="stylesheet" href="/modules/mod_phocagallery_image/assets/phocagallery_moduleieall_image.css" type="text/css" /> 75<![endif]--> 76 <style type="text/css"> 77 #phocagallery-module-ri .name {color: #b36b00 ;} 78 #phocagallery-module-ri .phocagallery-box-file {background: #fcfcfc ; border:1px solid #e8e8e8 ;} 79 #phocagallery-module-ri .phocagallery-box-file-first { background: url('/components/com_phocagallery/assets/images/shadow1.gif') 50% 50% no-repeat; } 80 #phocagallery-module-ri .phocagallery-box-file:hover, .phocagallery-box-file.hover {border:1px solid #b36b00 ; background: #f5f5f5 ;} 81 </style> 82<!--[if lt IE 8]> 83<style type="text/css"> 84 #phocagallery-module-ri .phocagallery-box-file-first { background: url('/components/com_phocagallery/assets/images/shadow1.gif') 0px 0px no-repeat; } 85 </style> 86<![endif]--> 87 <!--[if lt IE 7]> 88<style type="text/css"> 89.phocagallery-box-file{ 90 background-color: expression(isNaN(this.js)?(this.js=1, this.onmouseover=new Function("this.className+=' hover';"), 91this.onmouseout=new Function("this.className=this.className.replace(' hover','');")):false);); 92} 93 </style> 94<![endif]--> 95 <style type="text/css"> 96 #sbox-window.phocagallery-random-window {background-color:#6b6b6b;padding:2px} 97 #sbox-overlay.phocagallery-random-overlay {background-color:#000000;} 98 </style> 99
99<script type="text/javascript"> 100Shadowbox.loadSkin("classic", "/components/com_phocagallery/assets/js/shadowbox/src/skin"); 101Shadowbox.loadLanguage("en", "/components/com_phocagallery/assets/js/shadowbox/src/lang"); 102Shadowbox.loadPlayer(["img"], "/components/com_phocagallery/assets/js/shadowbox/src/player"); 103window.addEvent('domready', function(){ 104 Shadowbox.init() 105}); 106</script>
106 107 108<link rel="apple-touch-icon" href="/templates/yoo_phoenix/apple_touch_icon.png" /> 109</head> 110 111<body id="page" class="yoopage column-left column-right "> 112 113<div id="fb-root"></div>
114<script>(function(d, s, id) { 115 var js, fjs = d.getElementsByTagName(s)[0]; 116 if (d.getElementById(id)) return; 117 js = d.createElement(s); js.id = id; 118 js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=1526066060940417&version=v2.0"; 119 fjs.parentNode.insertBefore(js, fjs); 120}(document, 'script', 'facebook-jssdk'));</script>
120 121 122 123 <div id="page-body"> 124 <div class="wrapper"> 125 <div class="wrapper-bg1"> 126 <div class="wrapper-bg2"> 127 128 <div id="header"> 129 130 <div id="toolbar"> 131 132 133 <div class="left"> 134 <div class="module mod-blank first last"> 135 136 137 138 <table width="100%" border="0" cellpadding="0" cellspacing="1"><tr><td nowrap="nowrap"><a href="http://www.paxoi.info/en/paxoi-accommodation.html" class="mainlevel" >Paxoi Accommodation</a><span class="mainlevel"> ⢠</span><a href="http://www.paxoi.info/en/paxoi-beaches.html" class="mainlevel" >Paxoi Beaches</a><span class="mainlevel"> ⢠</span><a href="/en/conact.html" class="mainlevel" >Contact</a></td></tr></table> 139</div> </div> 140 141 <div class="right"> 142 <div class="module mod-blank first last"> 143 144 145 146 <div id="jflanguageselection"><div class="rawimages"><span><a href="http://www.paxoi.info/el/paxoi-paralies.html"><img src="http://www.paxoi.info/components/com_joomfish/images/flags/el.gif" alt="Greek" title="Greek" /></a></span><span id="active_language"><a href="http://www.paxoi.info/en/paxoi-beaches.html"><img src="http://www.paxoi.info/components/com_joomfish/images/flags/en.gif" alt="English (United Kingdom)" title="English (United Kingdom)" /></a></span><span><a href="http://www.paxoi.info/de/paxoi-strände.html"><img src="http://www.paxoi.info/components/com_joomfish/images/flags/de.gif" alt="Deutsch (DE-CH-AT)" title="Deutsch (DE-CH-AT)" /></a></span></div></div><!--JoomFish V2.1.7 (Dafad)--> 147<!-- © 2003-2011 Think Network, released under the GPL. --> 148<!-- More information: at http://www.joomfish.net --> 149 150</div> </div> 151 152 </div> 153 154 <div id="headerbar"> 155 156 157 158 </div> 159 160 <div id="menubar"> 161 <div class="menubar-2"> 162 <div class="menubar-3"></div> 163 </div> 164 </div> 165 166 167 <div id="logo"> 168 <h1><a href="http://www.paxoi.info/"> <img style="margin-top: -25px; float: left;" alt="Paxi Antipaxi" src="/images/stories/logo.png" height="64" width="400" /></a></h1> </div> 169 170 <div id="menu"> 171 <ul class="menu menu-dropdown"><li class="level1 item1 first"><a href="http://www.paxoi.info/" class="level1 item1 first"><span class="bg">Home</span></a></li><li class="level1 item2"><a href="/en/paxoi-history.html" class="level1 item2"><span class="bg">History</span></a></li><li class="level1 item3 parent"><a href="/en/paxoi-food-drink.html" class="level1 item3 parent"><span class="bg"><span class="title">Food</span><span class="subtitle">and Drink</span></span></a><div class="dropdown columns1"><div class="dropdown-t1"><div class="dropdown-t2"><div class="dropdown-t3"></div></div></div><div class="dropdown-1"><div class="dropdown-2"><div class="dropdown-3"><ul class="col1 level2 first last"><li class="level2 item1 first last"><div class="group-box1"><div class="group-box2"><div class="group-box3"><div class="group-box4"><div class="group-box5"><div class="hover-box1"><div class="hover-box2"><div class="hover-box3"><div class="hover-box4"><a href="/en/paxoi-food-drink/capasa-restaurant.html" class="level2 item1 first last"><span class="bg">Capasa Restaurant</span></a></div></div></div></div></div></div></div></div></div></li></ul></div></div></div><div class="dropdown-b1"><div class="dropdown-b2"><div class="dropdown-b3"></div></div></div></div></li><li class="level1 item4 parent"><a href="/en/paxoi-accommodation.html" class="level1 item4 parent"><span class="bg">Accommodation</span></a><div class="dropdown columns1"><div class="dropdown-t1"><div class="dropdown-t2"><div class="dropdown-t3"></div></div></div><div class="dropdown-1"><div class="dropdown-2"><div class="dropdown-3"><ul class="col1 level2 first last"><li class="level2 item1 first"><div class="group-box1"><div class="group-box2"><div class="group-box3"><div class="group-box4"><div class="group-box5"><div class="hover-box1"><div class="hover-box2"><div class="hover-box3"><div class="hover-box4"><a href="/en/paxoi-accommodation/nikos-dalietos.html" class="level2 item1 first"><span class="bg">Nikos Dalietos</span></a></div></div></div></div></div></div></div></div></div></li><li class="level2 item2"><div class="group-box1"><div class="group-box2"><div class="group-box3"><div class="group-box4"><div class="group-box5"><div class="hover-box1"><div class="hover-box2"><div class="hover-box3"><div class="hover-box4"><a href="/en/paxoi-accommodation/villa-babis.html" class="level2 item2"><span class="bg">Villa Babis</span></a></div></div></div></div></div></div></div></div></div></li><li class="level2 item3"><div class="group-box1"><div class="group-box2"><div class="group-box3"><div class="group-box4"><div class="group-box5"><div class="hover-box1"><div class="hover-box2"><div class="hover-box3"><div class="hover-box4"><a href="/en/paxoi-accommodation/bella-vista-villas.html" class="level2 item3"><span class="bg">Bella Vista Villas</span></a></div></div></div></div></div></div></div></div></div></li><li class="level2 item4 last"><div class="group-box1"><div class="group-box2"><div class="group-box3"><div class="group-box4"><div class="group-box5"><div class="hover-box1"><div class="hover-box2"><div class="hover-box3"><div class="hover-box4"><a href="/en/paxoi-accommodation/villa-kardia.html" class="level2 item4 last"><span class="bg">
171Villa Kardia</span></a></div></div></div></div></div></div></div></div></div></li></ul></div></div></div><div class="dropdown-b1"><div class="dropdown-b2"><div class="dropdown-b3"></div></div></div></div></li><li class="level1 item5 active current"><a href="/en/paxoi-beaches.html" class="level1 item5 active current"><span class="bg">Beaches</span></a></li><li class="level1 item6"><a href="/en/paxoi-attractions.html" class="level1 item6"><span class="bg">Sightseeing</span></a></li><li class="level1 item7"><a href="/en/paxoi-photos.html" class="level1 item7"><span class="bg">Photos</span></a></li><li class="level1 item8 last"><a href="/en/paxoi-transportations.html" class="level1 item8 last"><span class="bg">Transportations</span></a></li></ul> </div> 172 173 174 175 </div> 176 <!-- header end --> 177 178 <div id="top"> 179 180 <div class="topblock width100 float-left"> 181 <div class="module mod-chrome mod-chrome-blue first "> 182 183 184 185 <div class="box-t1"> 186 <div class="box-t2"> 187 <div class="box-t3"></div> 188 </div> 189 </div> 190 191 <div class="box-1"> 192 <div class="box-2 deepest "> 193 <noscript> 194 <div>ImageSlideShow requires Javascript</div> 195 </noscript> 196 197 198
199<ul id="briask-iss78" class="briask-iss" style="width:900px;height:276px"><li><a href="http://www.paxoi.info"><img src="/images/stories/slideshow/briaskThumbs//briaskThumb_paxoi03.jpg" alt="paxoi" /></a></li><li><a href="http://www.paxoi.info"><img src="/images/stories/slideshow/briaskThumbs//briaskThumb_paxoi02.jpg" alt="paxoi" /></a></li><li><a href="http://www.paxoi.info"><img src="/images/stories/slideshow/briaskThumbs//briaskThumb_paxoi01.jpg" alt="paxoi" /></a></li></ul>
200<script type="text/javascript"> 201var briaskPics78 = [0]; 202var briaskInstance78 = 203 new briaskISS(78,0,5000,50, briaskPics78); 204</script>
204 </div> 205 </div> 206 207 <div class="box-b1"> 208 <div class="box-b2"> 209 <div class="box-b3"></div> 210 </div> 211 </div> 212 213</div><div class="module mod-rounded mod-rounded-grey last"> 214 215 216 <div class="box-t1"> 217 <div class="box-t2"> 218 <div class="box-t3"></div> 219 </div> 220 </div> 221 222 <div class="box-1 deepest"> 223 224 225 <div style="text-align:center;"> 226<!-- Google AdSense by Joomlaspan :: http://www.joomlaspan.com :: for Joomla! 1.5 -->
227<script type="text/javascript"><!-- 228google_ad_client = "pub-4608103210270408"; 229google_alternate_ad_url = "http://www.alternate-ad-url.com/alternate"; 230google_ad_width = 728; 231google_ad_height = 90; 232google_ad_format = "728x90_as"; 233google_ad_type = "text_image"; 234google_ad_channel = "5415168712"; 235google_color_border = "173556"; 236google_color_bg = "173556"; 237google_color_link = "84b5e6"; 238google_color_text = "FFFFFF"; 239google_color_url = "ACACAC"; 240google_ui_features = "rc:6"; 241//--> 242</script>
vendor: 2 bytes, line 242
242
243<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> 244</script>
244 245<!-- Google AdSense by Joomlaspan :: http://store.joomlaspan.com :: for Joomla! 1.5 --> 246</div> 247 </div> 248 249 <div class="box-b1"> 250 <div class="box-b2"> 251 <div class="box-b3"></div> 252 </div> 253 </div> 254 255</div> </div> 256 257 258 </div> 259 <!-- top end --> 260 261 <div id="middle"> 262 <div id="middle-expand"> 263 264 <div id="main"> 265 <div id="main-shift"> 266 267 <div id="maintop"> 268 <div class="maintopbox float-left width100"><div class="module mod-rounded first last"> 269 270 271 <div class="box-t1"> 272 <div class="box-t2"> 273 <div class="box-t3"></div> 274 </div> 275 </div> 276 277 <div class="box-1 deepest"> 278 279 280 <a rel="nofollow" target="_blank" href="http://www.booking.com/region/gr/paxi.html?aid=340841;label=paxoi"><img onmouseover="this.src='/images/stories/Booking_468x60_en.jpg';" onmouseout="this.src='/images/stories/en_468x60banneranim1_en.gif';" style="display: block; margin-left: auto; margin-right: auto;" class="jcetooltip" title="Featured Hotels on Paxos " alt="booking hotel paxoi gaios lakka studios rooms apartments" src="/images/stories/en_468x60banneranim1_en.gif" height="60" width="468" /></a> 281 </div> 282 283 <div class="box-b1"> 284 <div class="box-b2"> 285 <div class="box-b3"></div> 286 </div> 287 </div> 288 289</div></div> 290 </div> 291 <!-- maintop end --> 292 293 <div class="mainmiddle-wrapper-tl"> 294 <div class="mainmiddle-wrapper-tr"> 295 <div class="mainmiddle-wrapper-t"> 296 <div class="contentleft-bg"> 297 <div class="contentright-bg"></div> 298 </div> 299 </div> 300 </div> 301 </div> 302 303 <div class="mainmiddle-wrapper-m"> 304 <div class="contentleft-bg"> 305 <div class="contentright-bg"> 306 307 <div id="mainmiddle"> 308 <div id="mainmiddle-expand"> 309 310 <div id="content"> 311 <div id="content-shift"> 312 313 314 315 <div class="floatbox"> 316 317 318<div class="joomla "> 319 320 <div class="article"> 321 322 323 <div class="headline"> 324 325 <h1 class="title"> 326 <a href="/en/paxoi-beaches.html">Paxoi Beaches</a> 327 </h1> 328 329 330 331 332 333 </div> 334 335 336 337 338 339 <h2>Paxi Antipaxi beaches</h2> 340<p style="text-align: justify;"><span style="font-family: trebuchet ms,geneva; font-size: small;"><span style="color: #000000;">Make your <span>Greece holidays</span> a truly memorable experience by taking the members of your family on a
340scenic cruise of the beautiful Paxoi group of islands in the Ionian sea. Although there are many jetfoil operators and ferry boat services which ply the route daily from the Greek mainland to Paxoi, the best way to explore and fully enjoy the natural beauty of the beaches and coves of the islands most especially Antipaxos, is by hiring a private boat from a local who know the best spots to take you very well</span>.</span></p> 341<p style="text-align: justify;"><span style="font-size: small;"><span style="color: #000000;"><span style="font-family: trebuchet ms,geneva;">There is no better way to see all the beaches on the island but to make the tour of it with a boat. Most of the beaches are small and the best ones are: <br />Giana, Soulanena, Balos, Agia Marina, in Moggonisi, Cloni Gouli, Kamini, Kaki Langada, the Salt, Kipiadi, Marmaria, Levrehio, Glyfada, Monodendri, Arkoydaki, Orkos , Kanoni, Harami, Planos, Ahai, Avlaki, and Galazio and in Antipaxi the magnificent beaches with the crystal waters of Vrika, Voutoumi and the more isolated Rodovani and Sarakiniko.</span></span></span></p> 342<div style="text-align: justify;"><span style="color: #000000;"><span style="color: #000000;"><span style="font-size: small;"><br /><br /></span></span></span> 343<table border="0"> 344<tbody> 345<tr> 346<td style="text-align: center;"><a class="jcepopup" href="/images/stories/beaches/planos.jpg" rel="lightbox"><img title="Planos" src="/images/stories/beaches/planos.jpg" border="0" height="152" width="230" /></a><br /><strong><span style="font-family: trebuchet ms,geneva;">ΠΠλάνοÏ<br /><br /><br /></span></strong></td> 347<td style="text-align: center;"><a class="jcepopup" href="/images/stories/beaches/charami.jpg" rel="lightbox"><img src="/images/stories/beaches/charami.jpg" border="0" height="152" width="230" /></a><br /><strong><span style="font-family: trebuchet ms,geneva;">Charami<br /><br /><br /></span></strong></td> 348</tr> 349<tr> 350<td style="text-align: center;"><a class="jcepopup" href="/images/stories/beaches/ozia.jpg" rel="lightbox"><img src="/images/stories/beaches/ozia.jpg" border="0" height="152" width="230" /></a><br /><strong><span style="font-family: trebuchet ms,geneva;">Ozias beach</span></strong><br /><br /><br /></td> 351<td style="text-align: center;"><a class="jcepopup" href="/images/stories/beaches/monodendri.jpg" rel="lightbox"><img src="/images/stories/beaches/monodendri.jpg" border="0" height="152" width="230" /></a><br /><strong><span style="font-family: trebuchet ms,geneva;">Monodendi</span></strong><br /><br /><br /></td> 352</tr> 353<tr> 354<td style="text-align: center;"><a class="jcepopup" href="/images/stories/beaches/marmari.jpg" rel="lightbox"><img src="/images/stories/beaches/marmari.jpg" border="0" height="153" width="230" /></a><br /><strong><span style="font-family: trebuchet ms,geneva;">Marmari</span></strong><br /><br /><br /></td> 355<td style="text-align: center;"><a class="jcepopup" href="/images/stories/beaches/kanoni.jpg" rel="lightbox"><img src="/images/stories/beaches/kanoni.jpg" border="0" height="153" width="230" /></a><br /><span style="font-family: trebuchet ms,geneva;"><strong>Kanoni<br /><br /><br /></strong></span></td> 356</tr> 357<tr> 358<td style="text-align: center;"><a class="jcepopup" href="/images/stories/beaches/levrechio.jpg" rel="lightbox"><img src="/images/stories/beaches/levrechio.jpg" border="0" height="153" width="230" /></a><br /><span style="font-family: trebuchet ms,geneva;"><strong>Levrechio</strong></span><br /><br /><br /></td> 359<td style="text-align: center;"><a class="jcepopup" href="/images/stories/beaches/kali-lagada.jpg" rel="lightbox"><img src="/images/stories/beaches/kali-lagada.jpg" border="0" height="153" width="230" /></a><br /><span style="font-family: trebuchet ms,geneva;"><strong>Kali Lagada</strong></span><br /><br /><br /></td> 360</tr> 361<tr> 362<td style="text-align: center;"><a class="jcepopup" href="/images/stories/beaches/vrika.jpg" rel="lightbox"><img src="/images/stories/beaches/vrika.jpg" border="0" height="153" width="230" /></a><br /><span style="font-family: trebuchet ms,geneva;"><strong>Vrika</strong></span></td> 363<td style="text-align: center;"><a class="jcepopup" href="/images/stories/beaches/voutoumi.jpg" rel="lightbox"><img src="/images/stories/beaches/voutoumi.jpg" border="0" height="153" width="230" /></a><br /><span style="font-family: trebuchet ms,geneva;"><strong>Vutumi</strong></span></td> 364</tr> 365</tbody> 366</table> 367</div>�� 368 <div class="itp-share"> 369 <div class="itp-share-tw"> 370 <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.paxoi.info/en/paxoi-beaches.html" data-text="Paxoi Beaches" data-via="PaxiAntipaxi" data-lang="en" data-size="small" data-related="" data-hashtags="travel, tt, paxoi, greece" data-count="horizontal">Tweet</a> 371
371<script type="text/javascript">!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
371 372 </div> 373 <div class="itp-share-digg">
373<script type="text/javascript"> 374(function() { 375var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; 376s.type = 'text/javascript'; 377s.async = true; 378s.src = 'http://widgets.digg.com/buttons.js'; 379s1.parentNode.insertBefore(s, s1); 380})(); 381</script>
381<a 382class="DiggThisButton DiggCompact" 383href="http://digg.com/submit?url=http%3A%2F%2Fwww.paxoi.info%2Fen%2Fpaxoi-beaches.html&title=Paxoi%20Beaches" rev="90" > 384</a></div><div class="itp-share-pinterest"><!-- Include ONCE for ALL buttons in the page -->
385<script type="text/javascript"> 386(function() { 387 window.PinIt = window.PinIt || { loaded:false }; 388 if (window.PinIt.loaded) return; 389 window.PinIt.loaded = true; 390 function async_load(){ 391 var s = document.createElement("script"); 392 s.type = "text/javascript"; 393 s.async = true; 394 if (window.location.protocol == "https:") 395 s.src = "https://assets.pinterest.com/js/pinit.js"; 396 else 397 s.src = "http://assets.pinterest.com/js/pinit.js"; 398 var x = document.getElementsByTagName("script")[0]; 399 x.parentNode.insertBefore(s, x); 400 } 401 if (window.attachEvent) 402 window.attachEvent("onload", async_load); 403 else 404 window.addEventListener("load", async_load, false); 405})(); 406</script>
406 407<!-- Customize and include for EACH button in the page --> 408<a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.paxoi.info%2Fen%2Fpaxoi-beaches.html&description=Paxoi%20Beaches" class="pin-it-button" count-layout="horizontal">Pin It</a></div><div class="itp-share-fbl"> 409 410 <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.paxoi.info%2Fen%2Fpaxoi-beaches.html&send=0&locale=en_US&layout=button_count&show_faces=false&width=90&action=like&colorscheme=light&height=25" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:90px; height:25px;" allowTransparency="true"></iframe> 411 </div><div class="itp-share-gone"><div class="g-plusone" data-size="medium" data-href="http://www.paxoi.info/en/paxoi-beaches.html"></div>
411<script type="text/javascript"> window.___gcfg = {lang: 'en'}; 412 (function() { 413 var po = document.createElement("script"); po.type = "text/javascript"; po.async = true; 414 po.src = "https://apis.google.com/js/plusone.js"; 415 var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s); 416 })(); 417 </script>
417</div> 418 </div> 419 <div style="clear:both;"></div> 420 421 <table align="center" class="pagenav"> 422 <tr> 423 <th class="pagenav_prev"> 424 425 <a href="/en/paxoi-attractions.html" title="Sightseeing"><big>←</big> Sightseeing</a> 426 </th> 427 <td width="50"> 428 429 </td> 430 <th class="pagenav_next"> 431 <a href="/en/paxoi-accommodation.html" title="Paxoi Accommodation">Paxoi Accommodation <big>→</big></a> 432 </th> 433 </tr> 434 </table> 435 <div id="fb-root"></div> 436
436<script> 437 (function(d, s, id) { 438 var js, fjs = d.getElementsByTagName(s)[0]; 439 if (d.getElementById(id)) return; 440 js = d.createElement(s); js.id = id; 441 js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1"; 442 fjs.parentNode.insertBefore(js, fjs); 443 }(document, "script", "facebook-jssdk")); 444 </script>
444 445 <div id="comments"> 446 <div class="fb-comments" data-href="http://www.paxoi.info/paxoi-beaches.html?format=html&lang=en" data-num-posts="10" data-width="450" data-colorscheme="light"></div> 447 </div> 448 </div> 449 450</div> </div> 451 452 453 </div> 454 </div> 455 <!-- content end --> 456 457 458 459 </div> 460 </div> 461 <!-- mainmiddle end --> 462 463 </div> 464 </div> 465 </div> 466 467 <div class="mainmiddle-wrapper-bl"> 468 <div class="mainmiddle-wrapper-br"> 469 <div class="mainmiddle-wrapper-b"> 470 <div class="contentleft-bg"> 471 <div class="contentright-bg"></div> 472 </div> 473 </div> 474 </div> 475 </div> 476 477 478 </div> 479 </div> 480 481 <div id="left"> 482 <div class="module mod-blank first "> 483 484 485 486 487 488<div id="blankBM95"><br/><center> 489<div class="fb-like-box" data-href="https://www.facebook.com/pages/Paxoiinfo/1537967049772331" data-width="200" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div> 490</center></div> 491 492 493</div><div class="module mod-blank "> 494 495 496 497 <center> 498 499<style type="text/css"> 500* { 501margin: 0; 502} 503 504a img { 505border: 0; 506} 507#searchboxInc { 508font: 12px/1.5 Arial, Helvetica, sans-serif; 509color: #FFFFFF !important; 510width: 200px; 511} 512#searchboxInc form { 513background: #173556; 514} 515#searchboxInc fieldset, #searchboxInc img { 516border: 0; 517} 518#searchboxInc fieldset { 519padding: 8px; 520} 521#searchboxInc #inout h3 { 522background-color:transparent; 523font-size:1.1em; 524} 525#searchboxInc h3 { 526margin-bottom:0.2em; 527position:static; 528font-size:118%; 529font-weight:bold; 530margin: 0; 531} 532#searchboxInc p { 533font-size: 2em; 534margin: 0; 535} 536#homein, #homeout { 537float: left; 538padding: 0.5em 1em 0 0; 539} 540.avail { 541padding-top: 1em; 542clear: left; 543} 544#searchboxInc a.calender { 545vertical-align: -4px; 546} 547#searchboxInc a.calender img { 548background: #0896ff; 549} 550.blur { 551color: #999; 552} 553button { 554float: right; 555-moz-border-radius: 8px; 556background-color: #0896ff; 557border: 2px solid #fff; 558color: #fff; 559letter-spacing: 1px; 560padding: 0.15em 0.75em; 561text-transform: uppercase; 562font: bold 1.333em/1 Arial, Helvetica, sans-serif; 563} 564#calendar { 565font: 12px/1.5 Arial, Helvetica, sans-serif; 566color: #003580; 567display: none; 568position: absolute; 569background-image: url(http://q.bstatic.com/static/img/shadow3.png); 570padding: 0 4px 4px 0; 571} 572/* For calendar */ 573.caltable { 574border: 1px solid #003580; 575background-color: #fff; 576} 577.caltable a:link, .caltable a:visited { 578color: #0896ff !important; 579} 580.caltable a:hover { 581color: #feba02 !important; 582border-color: #feba02 !important; 583} 584.caltable a:active { 585color: #b30000 !important; 586border-color: #b30000 !important; 587} 588.caltable td { 589text-align: center; 590} 591.caltable td a { 592display: block; 593text-decoration: none; 594} 595.caltable td.calheader a { 596display: inline; 597vertical-align: -.4em; 598} 599.caltable td.calheader img.calNoPrevMonth { 600background: white url(http://r.bstatic.com/static/img/butPrevMonth.png) 0 -72px no-repeat; 601vertical-align: -.4em; 602} 603.caltable td.calheader img.calNoNextMonth { 604background: white url(http://r.bstatic.com/static/img/butNextMonth.png) 0 -72px no-repeat; 605vertical-align: -.4em; 606} 607.caltable td.calheader .calNextMonth img { 608background: white url(http://r.bstatic.com/static/img/butNextMonth2.png) 0 0 no-repeat; 609} 610.caltable td.calheader .calPrevMonth img { 611background: white url(http://r.bstatic.com/static/img/butPrevMonth2.png) 0 0 no-repeat; 612} 613.caltable td.calheader .calNextMonth:hover img, .caltable td.calheader .calPrevMonth:hover img { 614background-position: 0 -24px; 615} 616.caltable td.calheader .calNextMonth:active img, .caltable td.calheader .calPrevMonth:active img { 617background-position: 0 -48px; 618} 619.calheader { 620padding: .4em; 621white-space: nowrap; 622} 623.calheader select { 624margin: 0 .6em; 625} 626.monthYear { 627background-color: #ffffff; 628color: white; 629} 630.dayNames td { 631border-bottom: 1px solid #003580; 632background-color: #e6edf6; 633} 634.days td { 635color: #779bca; 636background-color: #e6edf6;
637padding: .2em; 638border: 2px solid #e6edf6; 639} 640.days td.weekend { 641background-color: #c5d4e9; 642border-color: #c5d4e9; 643} 644.days td.past { 645text-decoration: line-through; 646} 647.days td.today, .days td.future { 648border: none; 649padding: 0; 650} 651.days td a { 652padding: .2em; 653border: 2px solid #e6edf6; 654} 655.days td.weekend a { 656border-color: #c5d4e9; 657} 658.days td.today a { 659background-color: #fff; 660} 661.days td.selected { 662font-weight: bold; 663} 664.days td.selected a { 665border-color: #0896ff; 666} 667</style>
668<script type="text/javascript"> 669var booking = { 670env : { 671b_simple_weekdays: ['Mo','Tu','We','Th','Fr','Sa','Su'], 672b_simple_weekdays_for_js: ['Mon','Tue','Wed','Thu','Fri','Sat','Sun'], 673b_long_weekdays: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'] 674} 675} 676function addzero( value ) 677{ 678while( value.length<2 ) value = String("0") + value; 679return value; 680} 681function checkDateOrder(frm, ci_day, ci_month_year, co_day, co_month_year) { 682if (document.getElementById) { 683var frm = document.getElementById(frm); 684// create date object from checkin values 685// set date to 12:00 to avoid problems with one 686// date being wintertime and the other summertime 687var my = frm[ci_month_year].value.split("-"); 688var ci = new Date (my[0], my[1]-1, frm[ci_day].value, 12, 0, 0, 0); 689// create date object from checkout values 690my = frm[co_month_year].value.split("-"); 691var co = new Date (my[0], my[1]-1, frm[co_day].value, 12, 0, 0, 0); 692// if checkin date is at or after checkout date, 693// add a day full of milliseconds, and set the 694// selectbox values for checkout date to new value 695if (ci >= co){ 696co.setTime(ci.getTime() + 1000 * 60 * 60 * 24); 697frm[co_day].value = co.getDate(); 698var com = co.getMonth()+1; 699frm[co_month_year].value = co.getFullYear() + "-" + com; 700} 701} 702} 703</script>
703 704</head> 705<body id="searchboxHolder"> 706<!-- start copy sourcecode from here --> 707<div id="searchboxInc"> 708<form id="frm" name="frm" action="http://www.booking.com/searchresults.html" method="get" target="_parent" autocomplete="off"> 709<fieldset> 710<div id="destinationSearch"> 711<input type="hidden" name="aid" value="340841" /> 712<input type="hidden" name="error_url" value="http://www.booking.com/?aid=340841;" /> 713<input type="hidden" name="si" value="ai,co,ci,re,di" /> 714<input type="hidden" name="label" value="paxoi" /> 715<input type="hidden" name="lang" value="en-gb" /> 716<input type="hidden" name="ifl" value="" /> 717 718 719 720<p>Search Hotels</p> 721<label for="destination">Destination</label> 722<input 723class="text" type="text" id="destination" name="ss" value="paxoi" title="City, Region, Country, Landmark, Hotel, District" autocomplete="off" /> 724</div> 725<div id="inout"> 726<div id="homein"> 727<h3>Check-in date</h3> 728<select id="b_checkin_day" name="checkin_monthday" onchange="checkDateOrder('frm', 'b_checkin_day', 'b_checkin_month', 'b_checkout_day', 'b_checkout_month') ; tickCheckBox('b_availcheck');"> 729<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><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> 730</select> 731<select id="b_checkin_month" name="checkin_year_month" onchange="checkDateOrder('frm', 'b_checkin_day', 'b_checkin_month', 'b_checkout_day', 'b_checkout_month') ; tickCheckBox('b_availcheck');">
732<script language="Javascript"> 733var monthArray=new Array("January","February","March","April","May","June","July","August","September","October","November","December"); 734var today = new Date(); 735var month= today.getMonth(); 736var year = today.getFullYear()%100; 737var fullYear=today.getFullYear(); 738year=new String(year); 739year=addzero(year); 740var countMonth=month; 741for(var i=0;i<12;i++,countMonth++){ 742if(countMonth%12==0 && i>0){ 743countMonth=0; 744year++; 745year=new String(year); 746year=addzero(year); 747fullYear++; 748} 749document.writeln("<option value=\""+fullYear+"-"+(countMonth+1)+"\">"+monthArray[countMonth]+" '"+year); 750} 751</script>
751 752</select> 753 754 755<a onclick="showCalendar(this, 'calendar', 'checkin');" class="calender inlineJsRequired" href="#calender"><img src="http://q.bstatic.com/static/img/button-calender.png" width="21" height="17" alt="calendar" title="Open calendar and pick a date" /></a> 756 757</div> 758<div id="homeout"> 759<h3>Check-out date</h3> 760<select id="b_checkout_day" name="checkout_monthday" onchange="tickCheckBox('b_availcheck');"> 761<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><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> 762</select> 763<select id="b_checkout_month" name="checkout_year_month" onchange="tickCheckBox('b_availcheck');">
764<script language="Javascript"> 765var monthArray=new Array("January","February","March","April","May","June","July","August","September","October","November","December"); 766var today = new Date(); 767var month= today.getMonth(); 768var year = today.getFullYear()%100; 769var fullYear=today.getFullYear(); 770year=new String(year); 771year=addzero(year); 772var countMonth=month; 773for(var i=0;i<12;i++,countMonth++){ 774if(countMonth%12==0 && i>0){ 775countMonth=0; 776year++; 777year=new String(year); 778year=addzero(year); 779fullYear++; 780} 781document.writeln("<option value=\""+fullYear+"-"+(countMonth+1)+"\">"+monthArray[countMonth]+" '"+year); 782} 783</script>
783 784</select> 785 786 787<a onclick="showCalendar(this, 'calendar', 'checkout');" class="calender inlineJsRequired" href="#calender"><img src="http://q.bstatic.com/static/img/button-calender.png" width="21" height="17" alt="calendar" title="Open calendar and pick a date" /></a> 788 789</div> 790<div class="avail"> 791<input id="availcheck" type="checkbox" name="idf" value="on" /> 792<label id="labfor" for="availcheck"> 793I don't have specific dates yet 794</label> 795</div> 796</div> 797<div class="but"> 798<button type="submit">Search</button> 799</div> 800</fieldset> 801</form>
802<script language="Javascript"> 803var currentDate = new Date(); var currentYear = 1900 + currentDate.getYear(); 804var dailyMS = 24*60*60*1000; 805var arrivalDate = new Date(currentDate.getTime()); 806var departureDate = new Date(currentDate.getTime() + 1*dailyMS); 807var arrivalYear = 1900+arrivalDate.getYear(); 808var arrivalMonth = 1+arrivalDate.getMonth(); var arrivalDay = arrivalDate.getDate(); 809var departureYear = 1900+departureDate.getYear(); 810var departureMonth = 1+departureDate.getMonth(); var departureDay = departureDate.getDate(); 811var a=document.frm; 812if ((a.checkin_monthday.selectedIndex == 0) && (a.checkout_monthday.selectedIndex == 0)){ 813a.checkin_monthday.options[arrivalDay-1].selected = true; 814a.checkout_monthday.options[departureDay-1].selected = true; 815} 816var frm = document.getElementById('frm'); 817// create date object from checkin values 818// set date to 12:00 to avoid problems with one 819// date being wintertime and the other summertime 820var my = frm['b_checkin_month'].value.split("-"); 821var ci = new Date (my[0], my[1]-1, frm['b_checkin_day'].value, 12, 0, 0, 0); 822// create date object from checkout values 823my = frm['b_checkout_month'].value.split("-"); 824var co = new Date (my[0], my[1]-1, frm['b_checkout_day'].value, 12, 0, 0, 0); 825if (ci >= co){ 826co.setTime(ci.getTime() + 1000 * 60 * 60 * 24); 827frm['b_checkout_day'].value = co.getDate(); 828var com = co.getMonth()+1; 829frm['b_checkout_month'].value = co.getFullYear() + "-" + com; 830} 831</script>
831 832</div> 833<div id="calendar"></div>
834<script type="text/javascript"> 835 836var calendar = new Object(); 837var tr = new Object(); 838tr.nextMonth = "Next month"; 839tr.prevMonth = "Previous month"; 840tr.closeCalendar = "Close calendar"; 841tr.pressCtlD = "Press control-d or choose bookmarks/add or favourites/add in your browser"; 842tr.pressCtlP = "Press control-p or choose file/print in your browser"; 843tr.url = "http://www.booking.com/index.en-gb.html?aid=340841;label=paxoi;sid=d27dbdbf98a6953568842df0ab9aec15;dcid=1;tmpl=searchbox"; 844tr.title = "Booking.com: Welcome"; 845tr.icons = "http://r.bstatic.com/static/img"; 846var months = ['January','February','March','April','May','June','July','August','September','October','November','December']; 847var $t_hotels = 'Hotels'.toLowerCase(); 848var $t_hotels_around = 'Hotels nearby'.toLowerCase().replace(/ /g, ' '); 849var b_today = "Today"; 850var day = "day"; 851 852Date.MILLISECONDS_PER_DAY = Date.prototype.MILLISECONDS_PER_DAY = 86400000; 853var browser = navigator.appName 854var version = navigator.appVersion 855var startstring = parseFloat(version.indexOf("MSIE"))+1 856var browserverion = parseFloat(version.substring(startstring+4,startstring+7)) 857var isIE5 = ((browser=="Microsoft Internet Explorer") && (browserverion < 6))? true : false; 858var isIE6 = ((browser=="Microsoft Internet Explorer") && (browserverion > 5.5) && (browserverion < 6))? true : false; 859// Put placeholder in destination input box if empty, and remove when focu
859sed 860var destination = document.getElementById('destination'); 861destination.onblur = function () { 862if (!this.value) { 863this.value = this.getAttribute('title'); 864this.className += ' blur'; 865} 866} 867destination.onfocus = function () { 868if (this.value == this.getAttribute('title')) { 869this.value = ''; 870this.className = this.className.replace(/ blur/, ''); 871} 872} 873destination.onblur(); 874function tickCheckBox(el) { 875if (document.getElementById) { 876if (document.getElementById(el)) { 877document.getElementById(el).checked = false; 878} 879} 880return true; 881} 882Date.prototype.getTwoDigitMonth = function () { 883// Returns a two-digit string from '01' to '12' representing the month property of a Date object. 884var month = (this.getMonth() + 1).toFixed().toString(); 885if (month.length == 1) { 886month = '0' + month; 887} 888return month; 889}; 890function checkDateOrder(me, ci_day, ci_month_year, co_day, co_month_year) { 891var 892frm = document.getElementById('frm'), 893my, 894ci = new Date( 0 ), 895co = new Date( 0 ), 896com, 897today = new Date(); 898// create date object from checkin values 899// set date to 12:00 to avoid problems with one 900// date being wintertime and the other summertime 901if ( frm[ci_day].value !== '0' ) 902{ 903ci.setDate( frm[ci_day].value ); 904} 905if ( frm[ci_month_year].value !== '0' ) 906{ 907my = frm[ci_month_year].value.split( "-" ); 908ci.setFullYear( my[0] ); 909ci.setMonth( my[1] - 1 ); 910} 911ci.setHours( 12 ); 912ci.setMinutes( 0 ); 913ci.setSeconds( 0 ); 914// create date object from checkout values 915if ( frm[co_day].value !== '0' ) 916{ 917co.setDate( frm[co_day].value ); 918} 919if ( frm[co_month_year].value !== '0' ) 920{ 921my = frm[co_month_year].value.split( "-" ); 922co.setFullYear( my[0] ); 923co.setMonth( my[1] - 1 ); 924} 925co.setHours( 12 ); 926co.setMinutes( 0 ); 927co.setSeconds( 0 ); 928// If the new checkin date's month does not match 929// the current value of the dropdown, then it is 930// because the month was incremented creating an 931// invalid date (e.g. February 31st). 932// We'll cycle back the checkin date until we're in 933// the correct month. 934if ( frm[ci_month_year].value !== '0' ) 935{ 936while ( ci.getMonth() != frm[ci_month_year].value.split( "-" )[1] - 1 ) 937{ 938ci.setDate( ci.getDate() - 1 ); 939frm[ci_day].value = ci.getDate(); 940} 941var cim = ci.getMonth() + 1; 942frm[ci_month_year].value = ci.getFullYear() + "-" + cim; 943} 944// if checkin date is at or after checkout date, 945// add a day full of milliseconds, and set the 946// selectbox values for checkout date to new value 947if ( ci >= co ) 948{ 949co.setTime( ci.getTime() + Date.prototype.MILLISECONDS_PER_DAY ); 950com = co.getMonth() + 1; 951if ( frm[ci_day].value !== '0' ) 952{ 953frm[co_day].value = co.getDate(); 954} 955if ( frm[ci_month_year].value !== '0' ) 956{ 957frm[co_month_year].value = co.getFullYear() + "-" + com; 958} 959} 960} 961function updateDaySelect( me ) 962{ 963// 1-2 testing 964if ( !booking.env.b_simple_weekdays_for_js ) 965{ 966return; 967} 968var frm = document.getElementById('frm'); 969if ( frm.getAttribute( 'id' ) !== 'frm' && frm.className !== 'availForm' ) 970{ 971return; 972} 973// Check if we have all fields. If not, we are in the first stage 974// of the book process and should not auto-update selects since there 975// is only the check-in select and the amount of nights. 976if ( !frm.checkin_monthday || !frm.checkout_monthday || !frm.checkin_year_month || !frm.checkout_year_month ) 977{ 978return; 979} 980if ( frm.checkin_monthday.value === '0' && frm.checkout_monthday.value === '0' && frm.checkin_year_month.value === '0' && frm.checkout_year_month.value === '0' ) 981{ 982return; 983} 984// If the year-month fields have nonzero values, prepend the day of the week to each monthday in the check-in and check-out monthday Selects. 985var 986ci_d = frm.checkin_monthday, 987co_d = frm.checkout_monthday, 988ci_my, 989co_my, 990todaysDate; 991// If the form field has a nonzero value, use it; 992if ( frm.checkin_year_month.value !== '0' ) 993{ 994ci_my = frm.checkin_year_month.value.split( "-" ); 995} 996else 997{ 998// Use the current date value. 999todaysDate = new Date(); 1000ci_my = [ todaysDate.getFullYear(), todaysDate.getTwoDigitMonth() ]; 1001} 1002if ( frm.checkout_year_month.value !== '0' ) 1003{ 1004co_my = frm.checkout_year_month.value.split( "-" ); 1005} 1006else 1007{ 1008todaysDate = new Date(); 1009co_my = [ todaysDate.getFullYear(), todaysDate.getTwoDigitMonth() ]; 1010} 1011var 1012ci_sel = Math.max( ci_d.selectedIndex, 0 ), 1013co_sel = Math.max( co_d.selectedIndex, 0 ), 1014ci_sel_value = ci_d[ ci_sel ].value, 1015co_sel_value = co_d[ co_sel ].value, 1016monthDays = [], 1017opt, 1018i; 1019ci_d.innerHTML = ''; 1020co_d.innerHTML = ''; 1021var MonthdayPromptOption = function () 1022{ 1023this.option = { 1024"_this" : this, 1025"@selected" : "selected", 1026"@class" : "day prompt site_experiment_encourage_date_entry_2", 1027"@value" : 0, 1028"#text" : "day" 1029}; 1030}; 1031if ( ci_sel_value === '0' ) 1032{ 1033buildHtmlNode( new MonthdayPromptOption(), ci_d ).selected = true; 1034} 1035if ( co_sel_value === '0' ) 1036{ 1037buildHtmlNode( new MonthdayPromptOption(), co_d ).selected = true; 1038} 1039function writeMonthdaysOptions( numberOfMonthdaysToShow, yearMonthSelectElement, monthDaysArray, monthDaysSelectElement, monthDaySelectValue ) 1040{ 1041var i, optionElementInnerHTML, optionElement; 1042for ( i = 0; i < numberOfMonthdaysToShow; i++ ) 1043{ 1044optionElement = document.createElement( 'option' ); 1045optionElementInnerHTML = i + 1; 1046if ( yearMonthSelectElement.value !== '0' ) 1047{ 1048optionElementInnerHTML = monthDaysArray[i] + ' ' + optionElementInnerHTML; 1049} 1050optionElement.innerHTML = optionElementInnerHTML; 1051optionElement.value = ( i + 1 ); 1052if ( i > 0 && monthDaySelectValue == i + 1 ) 1053{ 1054optionElement.defaultSelected = optionElement.selected = true; 1055} 1056monthDaysSelectElement.appendChild( optionElement ); 1057} 1058} 1059// Check-in month 1060monthDays = buildDaysForMonth( ci_my[0], ci_my[1] ); 1061var numberOfMonthdaysToShow = 31; 1062if ( frm.checkin_year_month.value !== '0' ) 1063{ 1064numberOfMonthdaysToShow = monthDays.length; 1065} 1066writeMonthdaysOptions( numberOfMonthdaysToShow, frm.checkin_year_month, monthDays, ci_d, ci_sel_value ); 1067// Checkout month 1068monthDays = buildDaysForMonth( co_my[0], co_my[1] ); 1069numberOfMonthdaysToShow = 31; 1070if ( frm.checkout_year_month.value !== '0' ) 1071{ 1072numberOfMonthdaysToShow = monthDays.length; 1073} 1074writeMonthdaysOptions( numberOfMonthdaysToShow, frm.checkout_year_month, monthDays, co_d, co_sel_value ); 1075// IE 6 exhibits a bug whereby the value of the monthday select always jumps to zero. 1076if (isIE6) { 1077ci_d.value = ci_sel_value; 1078co_d.value = co_sel_value; 1079} 1080} 1081function buildDaysForMonth( year, month ) 1082{ 1083// Month index starts on 0(-11) in Date()-object 1084var monthDate = new Date( year, month - 1 ); 1085var orgMonth = monthDate.getMonth(); 1086var dayArray = [], weekDay; 1087while ( monthDate.getMonth() == orgMonth ) 1088{ 1089// Week starts on Sunday in Date()-object 1090weekDay = ( monthDate.getDay() == 0 ) ? 6 : ( monthDate.getDay() - 1 ); 1091dayArray.push( booking.env.b_simple_weekdays_for_js[weekDay] ); 1092monthDate.setDate( monthDate.getDate() + 1 ); 1093} 1094return dayArray; 1095} 1096function buildHtmlNode (elementsObject, targetNode, refChild) 1097{ 1098/* 1099Accepts an object of elements where the key specifies the tagname unless prefixed by @, in which case it specifies an attribute of the parent, or when it is #cdata, in
1099which case it specifies a CDATA child. 1100http://xml.com/pub/a/2006/05/31/converting-between-xml-and-json.html 1101The big flaw now is the case <a><b/><c/><b/><a/>, which cannot be represented as a JS object. In that case interject an array of generic div or span elements. 1102*/ 1103// If we want to validate as JSON, we must make sure what we pass in is JSON, which it presently isnot. 1104//elementsObject = booking.json.validate(elementsObject); 1105var 1106key, 1107counter, 1108found, 1109newElement, 1110newNode; 1111for (key in elementsObject) 1112{ 1113if (elementsObject.hasOwnProperty(key)) 1114{ 1115var 1116prefix = key.substring(0, 1), 1117primaryKey = key.substring(1); 1118if (prefix != '_') // We窶å³e on a non-DOM key, so skip. 1119{ 1120if (prefix == '@') // Attribute 1121{ 1122if (!targetNode.getAttribute(primaryKey)) 1123{ 1124// Perhaps extend this in the future to support multiple class values. 1125targetNode.setAttribute(primaryKey, elementsObject[key]); 1126} 1127} 1128else 1129{ 1130if (prefix == '#') // Text or CDATA 1131{ 1132if (primaryKey == 'text') // Text 1133{ 1134found = false; 1135if (targetNode.childNodes && targetNode.childNodes.length > 0) 1136{ 1137// Traverse text node children and append only if it isnçª¶å² already there. 1138counter = 0; 1139while (counter < targetNode.childNodes.length && !found) 1140{ 1141if (targetNode.childNodes[counter].nodeType == Node.TEXT_NODE && targetNode.childNodes[counter].nodeValue == elementsObject[key]) 1142{ 1143found = true; 1144} 1145counter++; 1146} 1147} 1148if (!found) 1149{ 1150// MGP 040209: Cope with strings split by linebreaks - need to insert <br> elements 1151if ( elementsObject[key].indexOf("\n") == -1 ) 1152{ 1153newNode = document.createTextNode(elementsObject[key]); 1154if (refChild) 1155{ 1156targetNode.insertBefore(newNode, refChild); 1157} 1158else 1159{ 1160targetNode.appendChild(newNode); 1161} 1162} 1163else 1164{ 1165// Found some linebreaks - split the string into component parts 1166var newNodeParts = elementsObject[key].split("\n"); 1167// Loop through the parts, adding a linebreak after each one (except the last one) 1168for ( var i = 0; i < newNodeParts.length; i++ ) 1169{ 1170// Check for the existence of a star rating in the text node 1171if ( newNodeParts[i].match(/\d\*$/) ) 1172{ 1173// Found a star rating - extract the star 1174lastSpace = newNodeParts[i].lastIndexOf(" "); 1175newNodeString = newNodeParts[i].substring( 0, lastSpace ); 1176starImgSrc = 'http://r.bstatic.com/static/img/icons/stars/' + newNodeParts[i].substr( lastSpace + 1, 1 ) + 'sterren-small.png'; 1177} 1178else 1179{ 1180newNodeString = newNodeParts[i]; 1181starImgSrc = ''; 1182} 1183newNode = document.createTextNode(newNodeString); 1184if (refChild) 1185{ 1186targetNode.insertBefore(newNode, refChild); 1187if ( starImgSrc ) 1188{ 1189newImg = document.createElement('img'); 1190newImg.setAttribute('src', starImgSrc); 1191newImg.className = "stars"; 1192targetNode.insertBefore(newImg, refChild); 1193} 1194} 1195else 1196{ 1197targetNode.appendChild(newNode); 1198if ( starImgSrc ) 1199{ 1200newImg = document.createElement('img'); 1201newImg.setAttribute('src', starImgSrc); 1202newImg.className = "stars"; 1203targetNode.appendChild(newImg); 1204} 1205} 1206if ( i < newNodeParts.length - 1) 1207{ 1208// Add a <br> 1209newBR = document.createElement("br"); 1210if (refChild) 1211{ 1212targetNode.insertBefore(newBR, refChild); 1213} 1214else 1215{ 1216targetNode.appendChild(newBR); 1217} 1218} 1219} 1220} 1221} 1222} 1223else 1224{ 1225if (primaryKey == 'cdata') // CDATA 1226{ 1227targetNode.appendChild(document.createCDATASection(elementsObject[key])); 1228} 1229} 1230} 1231else // Element 1232{ 1233// If targetNode was passed into this function, append the new child to it窶ヲ 1234if (targetNode) 1235{ 1236// If elementsObject[key] is an array, we窶å¤l create an element of type key for each array member. 1237if (elementsObject[key].length > 0) 1238{ 1239for (counter = 0; counter < elementsObject[key].length; counter++) 1240{ 1241if (elementsObject[key][counter]) 1242{ 1243if (!elementsObject[key][counter]._node) 1244{ 1245newElement = document.createElement(key); 1246elementsObject[key][counter]._node = newElement; 1247var r = counter + 1; 1248while (r < elementsObject[key].length && !refChild) 1249{ 1250if (elementsObject[key][r]) 1251{ 1252refChild = elementsObject[key][r]._node; 1253} 1254r++; 1255} 1256if (refChild) 1257{ 1258newNode = targetNode.insertBefore( 1259elementsObject[key][counter]._node, 1260refChild); 1261} 1262else 1263{ 1264newNode = targetNode.appendChild(
1265elementsObject[key][counter]._node); 1266} 1267arguments.callee( 1268elementsObject[key][counter], 1269newNode); 1270newElement._elementTree = elementsObject[key][counter]; 1271} 1272else 1273{ 1274arguments.callee( 1275elementsObject[key][counter], 1276elementsObject[key][counter]._node); 1277} 1278} 1279} 1280} 1281else 1282{ 1283if (elementsObject[key].length !== 0) 1284{ 1285if (!elementsObject[key]._node) 1286{ 1287newElement = document.createElement(key); 1288elementsObject[key]._node = newElement; 1289if (refChild) 1290{ 1291newNode = targetNode.insertBefore( 1292elementsObject[key]._node, 1293refChild); 1294} 1295else 1296{ 1297newNode = targetNode.appendChild( 1298elementsObject[key]._node); 1299} 1300arguments.callee( 1301elementsObject[key], 1302newNode); 1303newElement._elementTree = elementsObject; 1304} 1305else 1306{ 1307arguments.callee( 1308elementsObject[key], 1309elementsObject[key]._node); 1310} 1311} 1312} 1313} 1314// else create the new element as targetNode. 1315else 1316{ 1317if (!elementsObject[key]._node) 1318{ 1319arguments.callee(elementsObject[key], 1320elementsObject[key]._node = targetNode = document.createElement(key)); 1321} 1322else 1323{ 1324arguments.callee(elementsObject[key], 1325elementsObject[key]._node); 1326} 1327} 1328} 1329} 1330} 1331} 1332} 1333return targetNode; 1334}; 1335 1336/*extern DOM, calendar, dn, getChildImage, getDimensions, m, months, n, tr, y, checkDateOrder, d, booking.env.b_simple_weekdays, booking.env.b_simple_weekdays_for_js, i, tickCheckBox, updateDaySelect, booking, buildDaysForMonth, monthDaysArray */ 1337// showCalendar without requirements for unique id's 1338// @me DOMNode context node 1339// @calId String id of calendar node 1340// @dt String 'checkin' or 'checkout' prefix 1341var td; 1342function buildCal( y, m, d ) 1343{ 1344var daysInMonth = [31, 0, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; 1345// Create today's date. 1346td = new Date(); 1347if ( !y ) 1348{ 1349y = td.getFullYear(); 1350} 1351if ( !m ) 1352{ 1353m = td.getMonth() + 1; 1354} 1355if ( !d ) 1356{ 1357d = td.getDate; 1358} 1359var dt = calendar.caldt; 1360var mDate = new Date( y, m - 1, 1 ); 1361var firstMonthDay = mDate.getDay(); 1362daysInMonth[1] = ( ( ( mDate.getFullYear() % 100 != 0 ) && ( mDate.getFullYear() % 4 == 0 ) ) || ( mDate.getFullYear() % 400 == 0 ) ) ? 29 : 28; 1363var t = '<table class="caltable" cellspacing="0"><tr>'; 1364t += '<td class="calheader" colspan="7" class="monthYear">'; 1365if ( y == td.getFullYear() && m == td.getMonth() + 1 ) 1366{ 1367t += '<img class="calNoPrevMonth" src="' + tr.icons + '/transparent.png" width="24" height="24" alt="' + tr.prevMonth + '" />'; 1368} 1369else 1370{ 1371t += '<a class="calPrevMonth" href="/" onclick="prevMonth( ' + y + ',' + m + ' ); return false;" title="' + tr.prevMonth + '"><img src="' + tr.icons + '/transparent.png" width="24" height="24" alt="' + tr.prevMonth + '" /></a>'; 1372} 1373t += ' <select name="ym" onchange="goYearMonth( this.options[this.selectedIndex].value );">'; 1374var mn = td.getMonth() + 1; 1375var yr = td.getFullYear(); 1376var last_month = 0; 1377for ( n = 0; n <= 11; n++ ) 1378{ 1379t += '<option value="' + yr + '-' + mn + '"'; 1380if ( mn == m && yr == y ) 1381{ 1382t += ' selected="selected"'; 1383last_month = 1; 1384} 1385else 1386{ 1387last_month = 0; 1388} 1389t += '>' + months[mn - 1] + ' ' + yr +'</option>'; 1390mn++; 1391if ( mn > 12 ) 1392{ 1393mn = 1; 1394yr++; 1395} 1396} 1397t += ' </select> '; 1398if ( last_month == 1 ) 1399{ 1400t += '<img class="calNoNextMonth" src="' + tr.icons + '/transparent.png" width="24" height="24" alt="' + tr.nextMonth + '" />'; 1401} 1402else 1403{ 1404t += '<a class="calNextMonth" href="/" onclick="nextMonth( ' + y + ',' + m + ' ); return false;" title="' + tr.nextMonth +'"><img src="' + tr.icons + '/transparent.png" width="24" height="24" alt="' + tr.nextMonth + '" /></a>'; 1405} 1406t += '</td></tr>'; 1407t += '<tr class="dayNames">'; 1408var cl; 1409for ( dn = 0; dn < 7; dn++ ) 1410{ 1411cl = ''; 1412if ( ( dn % 7 == 5 ) || ( dn % 7 == 6 ) ) 1413{ 1414cl += ' weekend'; 1415} 1416t += '<td class="' + cl + '">' + booking.env.b_simple_weekdays[dn] + '</td>'; 1417} 1418t += '</tr><tr class="days">'; 1419for ( i = 1; i <= 42; i++ ) 1420{ 1421var x = i - ( firstMonthDay + 6 ) % 7; 1422if ( x > daysInMonth[m - 1] || x < 1 ) 1423{ 1424x = ' '; 1425} 1426cl = ''; 1427var href = 0; 1428if ( ( i % 7 == 0 ) || ( i % 7 == 6 ) ) 1429{ 1430cl += ' weekend'; 1431} 1432if ( x > 0 ) 1433{ 1434var xDay = new Date( y, m - 1, x ); 1435if ( ( xDay.getFullYear() == y ) && ( xDay.getMonth() + 1 == m ) && ( xDay.getDate() == d ) ) 1436{ 1437cl += ' selected'; 1438href = 1; 1439} 1440if ( ( xDay.getFullYear() == td.getFullYear() ) && ( xDay.getMonth() == td.getMonth() ) && ( xDay.getDate() == td.getDate() ) ) 1441{ 1442cl += ' today'; 1443href = 1; 1444} 1445else 1446{ 1447if ( xDay > td ) 1448{ 1449cl += ' future'; 1450href = 1; 1451} 1452else 1453{ 1454if ( xDay < td ) 1455{ 1456cl += ' past'; 1457} 1458} 1459} 1460} 1461t += '<td class="' + cl + '">'; 1462if ( href ) 1463{ 1464t += '<a href="#" onclick="pickDate( ' + y + ',' + m + ',' + x + ',\'' + dt + '\' ); return false;">' + x + '</a>'; 1465} 1466else 1467{ 1468t += x; 1469} 1470t += '</td>'; 1471if ( ( ( i ) % 7 == 0 ) && ( i < 36 ) ) 1472{ 1473t += '</tr><tr class="days">'; 1474} 1475} 1476t += '</tr><tr><td colspan="7"><a href="#" onclick="closeCal(); return false;">' + tr.closeCalendar + '</a></td></tr></table>'; 1477document.getElementById( "calendar" ).innerHTML = t; 1478} 1479function showCalendar( me, calId, dt ) 1480{ 1481getDimensions( me ); 1482if ( document.getElementById ) 1483{ 1484var c = document.getElementById( calId ); 1485var i = getChildImage( me ); 1486var f = document.getElementById('frm'); 1487calendar.cal = c; 1488calendar.caldt = dt; 1489calendar.calf = f; 1490var my = f[dt + '_year_month'].value.split( "-" ); 1491y = my[0]; 1492m = my[1]; 1493d = f[dt + '_monthday'].value; 1494// Ensure y is nonzero so the pop-up calendar correctly figures out the past/current/future classes for each monthday. 1495if ( y === '0' ) 1496{ 1497y = new Date().getFullYear(); 1498} 1499buildCal( y, m, d ); 1500var box = getDimensions( i ); 1501var 1502left = box.x, 1503top = ( box.y + i.offsetHeight ); 1504c.style.left = left + 'px'; 1505c.style.top = top + 'px'; 1506c.style.display = "block"; 1507} 1508} 1509function closeCal() 1510{ 1511calendar.cal.style.display = 'none'; 1512} 1513function prevMonth( y, m ) 1514{ 1515if ( new Date( y, m - 1, 1 ) < td ) 1516{ 1517return; 1518} 1519if ( m > 1 ) 1520{ 1521m--; 1522} 1523else 1524{ 1525m = 12; 1526y--; 1527} 1528buildCal( y, m ); 1529} 1530//does this finction need to check for max month/year? 1531function nextMonth( y, m ) 1532{ 1533if ( m < 12 ) 1534{ 1535m++; 1536} 1537else 1538{ 1539m = 1; 1540y++; 1541} 1542buildCal( y, m ); 1543} 1544function goYearMonth( ym ) 1545{ 1546var ymlist = ym.split("-"); 1547buildCal( ymlist[0], ymlist[1] ); 1548} 1549function pickDate( y, m, d, dt ) 1550{ 1551// set form values 1552var f = calendar.calf; 1553var dt = calendar.caldt; 1554f[dt + '_year_month'].value = y + "-" + m; 1555f[dt + '_monthday'].value = d; 1556tickCheckBox( 'availcheck' ); 1557if ( dt == "checkin" ) 1558{ 1559checkDateOrder( f, 'checkin_monthday', 'checkin_year_month', 'checkout_monthday', 'checkout_year_month' ); 1560} 1561closeCal(); 1562updateDaySelect( f ); 1563} 1564function initDaySelect() 1565{ 1566var forms = document.getElementsByTagName( 'form' ); 1567for ( var i = 0; i < forms.length; i++ ) 1568{ 1569if ( forms[i].checkin_monthday ) 1570{ 1571updateDaySelect( forms[i] ); 1572} 1573} 1574} 1575function updateDaySelect( me ) 1576{ 1577// 1-2 testing 1578if ( !booking.env.b_simple_weekdays_for_js ) 1579{ 1580return; 1581} 1582var frm = document.getElementById('frm'); 1583if ( frm.getAttribute( 'id' ) !== 'frm' && frm.className !== 'availForm' ) 1584{ 1585return; 1586} 1587// Check if we have all fields. If not, we are in the first stage 1588// of the book process and should not auto-update selects since there 1589// is only the check-in select and the amount of nights. 1590if ( !frm.checkin_monthday || !frm.checkout_monthday || !frm.checkin_year_month || !frm.checkout_year_month ) 1591{ 1592return; 1593} 1594if ( frm.checkin_monthday.value === '0' && frm.checkout_monthday.value === '0' && frm.checkin_year_month.value === '0' && frm.checkout_year_month.value === '0' ) 1595{ 1596return; 1597} 1598// If the year-month fields have nonzero values, prepend the day of the week to each monthday in the check-in and check-out monthday Selects. 1599var 1600ci_d = frm.checkin_monthday, 1601co_d = frm.checkout_monthday, 1602ci_my, 1603co_my, 1604todaysDate; 1605// If the form field has a nonzero value, use it; 1606if ( frm.checkin_year_month.value !== '0' ) 1607{ 1608ci_my = frm.checkin_year_month.value.split( "-" ); 1609} 1610else 1611{ 1612// Use the current date value. 1613todaysDate = new Date(); 1614ci_my = [ todaysDate.getFullYear(), todaysDate.getTwoDigitMonth() ]; 1615} 1616if ( frm.checkout_year_month.value !== '0' ) 1617{ 1618co_my = frm.checkout_year_month.value.split( "-" ); 1619} 1620else 1621{ 1622todaysDate = new Date(); 1623co_my = [ todaysDate.getFullYear(), todaysDate.getTwoDigitMonth() ]; 1624} 1625var 1626ci_sel = Math.max( ci_d.selectedIndex, 0 ), 1627co_sel = Math.max( co_d.selectedIndex, 0 ), 1628ci_sel_value = ci_d[ ci_sel ].value, 1629co_sel_value = co_d[ co_sel ].value, 1630monthDays = [], 1631opt, 1632i; 1633ci_d.innerHTML = ''; 1634co_d.innerHTML = ''; 1635// Build the Day/Month prompt Options if the monthday values aren't already set or, if they are set, they are nonzero; and if the client isn't IE 5. This condition mimics the TMPL_IF in datebox.inc/div#avail (except for the inclusion here of IE5). 1636var MonthdayPromptOption = function () 1637{ 1638this.option = { 1639"_this" : this, 1640"@selected" : "selected", 1641"@class" : "day prompt site_experiment_encourage_date_entry_2", 1642"@value" : 0, 1643"#text" : day 1644}; 1645}; 1646if ( ci_sel_value === '0' ) 1647{ 1648buildHtmlNode( new MonthdayPromptOption(), ci_d ).selected = true; 1649} 1650if ( co_sel_value === '0' ) 1651{ 1652buildHtmlNode( new MonthdayPromptOption(), co_d ).selected = true; 1653} 1654function writeMonthdaysOptions( numberOfMonthdaysToShow, yearMonthSelectElement, monthDaysArray, monthDaysSelectElement, monthDaySelectValue ) 1655{ 1656var i, optionElementInnerHTML, optionElement; 1657for ( i = 0; i < numberOfMonthdaysToShow; i++ ) 1658{ 1659optionElement = document.createElement( 'option' ); 1660optionElementInnerHTML = i + 1; 1661if ( yearMonthSelectElement.value !== '0' ) 1662{ 1663optionElementInnerHTML = monthDaysArray[i] + ' ' + optionElementInnerHTML; 1664} 1665optionElement.innerHTML = optionElementInnerHTML; 1666optionElement.value = ( i + 1 ); 1667if ( i > 0 && monthDaySelectValue == i + 1 ) 1668{ 1669optionElement.defaultSelected = optionElement.selected = true; 1670} 1671monthDaysSelectElement.appendChild( optionElement ); 1672} 1673} 1674// Check-in month 1675monthDays = buildDaysForMonth( ci_my[0], ci_my[1] ); 1676var numberOfMonthdaysToShow = 31; 1677if ( frm.checkin_year_month.value !== '0' ) 1678{ 1679numberOfMonthdaysToShow = monthDays.length; 1680} 1681writeMonthdaysOptions( numberOfMonthdaysToShow, frm.checkin_year_month, monthDays, ci_d, ci_sel_value ); 1682// Checkout month 1683monthDays = buildDaysForMonth( co_my[0], co_my[1] ); 1684numberOfMonthdaysToShow = 31; 1685if ( frm.checkout_year_month.value !== '0' ) 1686{ 1687numberOfMonthdaysToShow = monthDays.length; 1688} 1689writeMonthdaysOptions( numberOfMonthdaysToShow, frm.checkout_year_month, monthDays, co_d, co_sel_value ); 1690// IE 6 exhibits a bug whereby the value of the monthday select always jumps to zero. 1691if (isIE6) { 1692ci_d.value = ci_sel_value; 1693co_d.value = co_sel_value; 1694} 1695} 1696function buildDaysForMonth( year, month ) 1697{ 1698// Month index starts on 0(-11) in Date()-object 1699var monthDate = new Date( year, month - 1 ); 1700var orgMonth = monthDate.getMonth(); 1701var dayArray = [], weekDay; 1702while ( monthDate.getMonth() == orgMonth ) 1703{ 1704// Week starts on Sunday in Date()-object 1705weekDay = ( monthDate.getDay() == 0 ) ? 6 : ( monthDate.getDay() - 1 ); 1706dayArray.push( booking.env.b_simple_weekdays_for_js[weekDay] ); 1707monthDate.setDate( monthDate.getDate() + 1 ); 1708} 1709return dayArray; 1710} 1711// Hides "Available rooms" and shows date input for stay. 1712// This currently works without unique id's under the assumption that
1713// the two (or more) divs containing the different "views" are in the same container. 1714function switchDateStack(me, page) { 1715var stackPage = me; 1716var testMe = me.parentNode; 1717try { 1718while (testMe.nodeName != 'div') { 1719stackPage = testMe; 1720testMe = testMe.parentNode; 1721} 1722} catch(e) {} 1723var stackCount = 0; 1724while ( stackPage ) { 1725if ( stackPage.nodeName.toLowerCase() == 'div' ) { 1726stackCount++; 1727if ( stackCount == page ) { 1728stackPage.style.display = 'block'; 1729} else { 1730stackPage.style.display = 'none'; 1731} 1732} 1733stackPage = stackPage.nextSibling; 1734} 1735} 1736// Searches children to find image 1737function getChildImage( contextElm ) 1738{ 1739contextElm = contextElm.firstChild; 1740while ( contextElm.nodeName.toLowerCase() != 'img' && contextElm.nextSibling ) 1741{ 1742contextElm = contextElm.nextSibling; 1743} 1744return contextElm; 1745} 1746// Getting element dimensions 1747function getDimensions( elm ) { 1748var box = { x:0, y:0, w:0, h:0 }; 1749if(document.getBoxObjectFor) { 1750var boxRef = document.getBoxObjectFor(elm); 1751box.x = boxRef.x; 1752box.y = boxRef.y; 1753box.w = boxRef.width; 1754box.h = boxRef.height; 1755} 1756else if(elm.getBoundingClientRect) { 1757var boxRef = elm.getBoundingClientRect(); 1758box.x = boxRef.left; 1759box.y = boxRef.top; 1760box.w = (boxRef.right - boxRef.left); 1761box.h = (boxRef.bottom - boxRef.top); 1762if(document.compatMode && document.compatMode != 'BackCompat') { 1763// IE6/compliance mode 1764box.x += document.documentElement.scrollLeft - 2; 1765box.y += document.documentElement.scrollTop - 2; 1766} 1767else if(!isIE5) { 1768// IE5.5 1769box.x += document.body.scrollLeft - 2; 1770box.y += document.body.scrollTop - 2; 1771} 1772} 1773else { 1774// No known box information available, walking 1775// manually through offsetParents to calculate x/y coordinates 1776box.w = elm.offsetWidth; 1777box.h = elm.offsetHeight; 1778while(elm) { 1779box.x += elm.offsetLeft; 1780box.y += elm.offsetTop; 1781if(elm.offsetParent) // Required for Safari 1.3 :( 1782elm = elm.offsetParent; 1783else 1784break; 1785} 1786} 1787var cc; 1788if(cc = document.getElementById('bodyconstraint')) 1789box.x -= cc.offsetLeft; 1790return box; 1791} 1792 1793</script>
1793 1794<!-- end copy sourcecode until here --> 1795</center> 1796</div><div class="module mod-chrome mod-menu mod-menu-chrome mod-chrome-white "> 1797 1798 <h3 class="header"><span class="header-2"><span class="header-3"><span class="color">Other</span> Options</span></span></h3> 1799 1800 1801 <div class="box-t1"> 1802 <div class="box-t2"> 1803 <div class="box-t3"></div> 1804 </div> 1805 </div> 1806 1807 <div class="box-1"> 1808 <div class="box-2 deepest with-header"> 1809 <ul class="menu"><li class="level1 item1 first"><a href="/en/phones.html" class="level1 item1 first"><span class="bg">Useful Numbers</span></a></li><li class="level1 item2"><a href="/en/web-links.html" class="level1 item2"><span class="bg">Links</span></a></li><li class="level1 item3"><a href="/en/paxoi-map.html" class="level1 item3"><span class="bg">Paxoi Map</span></a></li><li class="level1 item4"><a href="http://www.flickr.com/groups/paxoi-antipaxoi/pool/" target="_blank" class="level1 item4"><span class="bg">Paxoi in Flickr</span></a></li><li class="level1 item5"><a href="http://www.meteo.gr/sf.asp?sea_id=15" target="_blank" class="level1 item5"><span class="bg">Paxoi Weather</span></a></li><li class="level1 item6 last"><a href="/en/contact.html" class="level1 item6 last"><span class="bg">Contact form</span></a></li></ul> </div> 1810 </div> 1811 1812 <div class="box-b1"> 1813 <div class="box-b2"> 1814 <div class="box-b3"></div> 1815 </div> 1816 </div> 1817 1818</div><div class="module mod-rounded mod-rounded-header mod-rounded-grey mod-rounded-header-grey last"> 1819 1820 1821 1822 <div class="box-t1"> 1823 <div class="box-t2"> 1824 <div class="box-t3"></div> 1825 </div> 1826 </div> 1827 1828 <div class="box-1 deepest "> 1829 <div id="modstalker"> 1830 <div id="modstalkercenter"> 1831 <ul> 1832 <li class="centernotext"><a href="http://twitter.com/PaxiAntipaxi" rel="nofollow" title="Twitter: PaxiAntipaxi" target="_blank"><img src="/media/stalker/icons/white/twitter.png" alt="Twitter: PaxiAntipaxi" width="64" height="64" id="Twitter" style="width:64px; height:64px;" /></a></li> 1833 </ul> 1834 </div> 1835 <div class="clear"></div> 1836</div> 1837 1838 </div> 1839 1840 <div class="box-b1"> 1841 <div class="box-b2"> 1842 <div class="box-b3"></div> 1843 </div> 1844 </div> 1845 1846</div> </div> 1847 1848 <div id="right"> 1849 <div class="module mod-rounded mod-rounded-header first "> 1850 1851 1852 1853 <div class="box-t1"> 1854 <div class="box-t2"> 1855 <div class="box-t3"></div> 1856 </div> 1857 </div> 1858 1859 <div class="box-1 deepest "> 1860 <div style="text-align:center;"> 1861<!-- Google AdSense by Joomlaspan :: http://www.joomlaspan.com :: for Joomla! 1.5 -->
1862<script type="text/javascript"><!-- 1863google_ad_client = "pub-4608103210270408"; 1864google_alternate_ad_url = "http://www.alternate-ad-url.com/alternate"; 1865google_ad_width = 160; 1866google_ad_height = 600; 1867google_ad_format = "160x600_as"; 1868google_ad_type = "text_image"; 1869google_ad_channel = "5415168712"; 1870google_color_border = "173556"; 1871google_color_bg = "173556"; 1872google_color_link = "84b5e6"; 1873google_color_text = "FFFFFF"; 1874google_color_url = "ACACAC"; 1875google_ui_features = "rc:6"; 1876//--> 1877</script>
vendor: 2 bytes, line 1877
1877
1878<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> 1879</script>
1879 1880<!-- Google AdSense by Joomlaspan :: http://store.joomlaspan.com :: for Joomla! 1.5 --> 1881</div> </div> 1882 1883 <div class="box-b1"> 1884 <div class="box-b2"> 1885 <div class="box-b3"></div> 1886 </div> 1887 </div> 1888 1889</div><div class="module mod-rounded mod-rounded-header last"> 1890 1891 <h3 class="header"><span class="header-2"><span class="header-3"><span class="color">Paxoi</span> Photos</span></span></h3> 1892 1893 1894 <div class="box-t1"> 1895 <div class="box-t2"> 1896 <div class="box-t3"></div> 1897 </div> 1898 </div> 1899 1900 <div class="box-1 deepest with-header"> 1901 <div id ="phocagallery-module-ri" style="text-align:center;"> 1902 1903 1904<center><div class="phocagallery-box-file" style="height:118px; width:120px;float:left"> 1905<center> 1906<div class="phocagallery-box-file-first" style="height:118px;width:118px;"> 1907<div class="phocagallery-box-file-second"> 1908<div class="phocagallery-box-file-third"> 1909<center> 1910<a class="shadowbox-button-rim" title="27" href="/images/phocagallery/thumbs/phoca_thumb_l_27.jpg" rel="shadowbox[PhocaGalleryRIM9a625526];options={slideshowDelay:5}" > 1911<img src="/images/phocagallery/thumbs/phoca_thumb_m_27.jpg" alt="27" width="100" height="100" /></a></center> 1912</div> 1913</div> 1914</div> 1915</center> 1916</div></center> 1917 1918 1919</div> 1920<div style="clear:both"></div> </div> 1921 1922 <div class="box-b1"> 1923 <div class="box-b2"> 1924 <div class="box-b3"></div> 1925 </div> 1926 </div> 1927 1928</div> </div> 1929 1930 </div> 1931 </div> 1932 1933 <div id="bottom"> 1934 1935 <div class="bottombox float-left width100"><div class="module mod-rounded mod-rounded-grey first last"> 1936 1937 1938 <div class="box-t1"> 1939 <div class="box-t2"> 1940 <div class="box-t3"></div> 1941 </div> 1942 </div> 1943 1944 <div class="box-1 deepest"> 1945 1946 1947 <a rel="nofollow" target="_blank" href="http://www.booking.com/region/gr/paxi.html?aid=340841;label=paxoi"><img style="display: block; margin-left: auto; margin-right: auto;" onmouseover="this.src='/images/stories/booking_249x70_en_logo_blue.gif';" onmouseout="this.src='/images/stories/booking_249x70_en_logo_grey.gif';" class="jcetooltip" title="Featured hotels on Paxos Book Now!" alt="booking_249x70_en_logo_grey" src="/images/stories/booking_249x70_en_logo_grey.gif" height="70" width="249" /></a> 1948 </div> 1949 1950 <div class="box-b1"> 1951 <div class="box-b2"> 1952 <div class="box-b3"></div> 1953 </div> 1954 </div> 1955 1956</div></div> 1957 1958 </div> 1959 <!-- bottom end --> 1960 1961 <div id="footer"> 1962 <a class="anchor" href="#page"></a> 1963 <!-- Start of StatCounter Code for Default Guide -->
1964<script type="text/javascript"> 1965var sc_project=7317365; 1966var sc_invisible=1; 1967var sc_security="bb1bd2ee"; 1968</script>
vendor: 2 bytes, line 1968
1968
1969<script type="text/javascript" 1970src="http://www.statcounter.com/counter/counter.js"></script>
1970 1971<noscript><div class="statcounter"><a title="counter on 1972tumblr" href="http://statcounter.com/tumblr/" 1973target="_blank"><img class="statcounter" 1974src="http://c.statcounter.com/7317365/0/bb1bd2ee/1/" 1975alt="counter on tumblr"></a></div></noscript> 1976<!-- End of StatCounter Code for Default Guide --><div>© 2026 Παξοί - ÎνÏίÏαξοι.</div> 1977<div style="background-attachment:scroll; 1978background-color:transparent; 1979background-image:none; 1980background-position:0 0; 1981background-repeat:repeat; 1982border-bottom-color:#c8c8c8; 1983border-bottom-style:solid; 1984border-bottom-width:2px; 1985color:#646464; 1986margin-bottom:0; 1987margin-left:0; 1988margin-right:0; 1989margin-top:0; 1990padding-bottom:0; 1991padding-left:0; 1992padding-right:0; 1993padding-top:0; 1994text-align:center; 1995"><a href="http://www.paxoi.info/en/component/content/article/71-terms-of-use.html">Terms of Use</a> | <a href="http://www.paxoi.info/en/component/content/article/70-privacy-policy.html">Privacy Policy</a></div> </div> 1996 <!-- footer end --> 1997 1998 </div> 1999 </div> 2000 </div> 2001 </div> 2002 2003
2003<script type="text/javascript"> 2004 var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); 2005 document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); 2006 </script>
2006 2007
2007<script type="text/javascript"> 2008 try { 2009 var pageTracker = _gat._getTracker("UA-9422433-3"); 2010 pageTracker._trackPageview(); 2011 } catch(err) {}</script>
2011 2012 </body> 2013</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.