PageSourceSearch

http://www.paxoi.info/en/paxoi-beaches.html

html paxoi.info collected 2026-09-25 02:12:05 UTC 73,964 bytes, 2,013 lines download raw bytes

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<!-- &copy; 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&nbsp; 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&amp;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&amp;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&amp;send=0&amp;locale=en_US&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;colorscheme=light&amp;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>&larr;</big> Sightseeing</a>
426				</th>
427				<td width="50">
428					&nbsp;
429				</td>
430				<th class="pagenav_next">
431					<a href="/en/paxoi-accommodation.html" title="Paxoi Accommodation">Paxoi Accommodation <big>&rarr;</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, '&#160;');
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 += '&nbsp;<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>&nbsp;';
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 = '&nbsp;';
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>&copy; 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.