<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html><head>
<meta http-equiv="content-type" content="text/html; charset=windows-1253">
<title> Piteoussa House - Hydra Hotel, Greece </title>
<meta name="description" content="Piteoussa Hotuse - Situated in a quiet area of Hydra Town, only a gentle five minutes from the harbour, you will find the Piteoussa Guest House offering a superb standard of accommodation for your holiday on Hydra Island Greece.">
<meta name="keywords" content="hydra hotel, hotels hydra,hotel hydra, greece resort, hydra accommodation, hotel hydra Greece, resort hydra, hydra resort, hydra accommodation, accommodation hydra,ydra hotel, hotels ydra,hotel ydra, greece resort, ydra accommodation, hotel ydra Greece, resort ydra, ydra resort, ydra accommodation, accommodation ydra">
<meta name="robots" content="all">
<meta name="robots" content="index, follow">
<meta name="robots" content="noodp">
<link rel="STYLESHEET" type="text/css" href="/styles/Piteoussa.css">
<link type="text/css" rel="stylesheet" href="styles.css">
<link type="text/css" rel="stylesheet" href="links.css">
<link type="text/css" rel="stylesheet" href="divs.css">

<script type="text/javascript">
/***********************************************
* Ultimate Fade-In Slideshow (v1.5): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
 
var fadeimages=new Array()
fadeimages[0]=["/Images/Home/01.jpg", "", ""] 
fadeimages[1]=["/Images/Home/02.jpg", "", ""] 
fadeimages[2]=["/Images/Home/03.jpg", "", ""]

var fadebgcolor="white"
 
////NO need to edit beyond here/////////////
 
var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
 
var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all
 
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder)
{
	this.pausecheck=pause
	this.mouseovercheck=0
	this.delay=delay
	this.degree=10 //initial opacity degree (10%)
	this.curimageindex=0
	this.nextimageindex=1
	fadearray[fadearray.length]=this
	this.slideshowid=fadearray.length-1
	this.canvasbase="canvas"+this.slideshowid
	this.curcanvas=this.canvasbase+"_0"
	if (typeof displayorder!="undefined")
	theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
	this.theimages=theimages
	this.imageborder=parseInt(borderwidth)
	this.postimages=new Array() //preload images
	for (p=0;p<theimages.length;p++)
	{
		this.postimages[p]=new Image()
		this.postimages[p].src=theimages[p][0]
	}
 
	var fadewidth=fadewidth+this.imageborder*2
	var fadeheight=fadeheight+this.imageborder*2
	 
	if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
	document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;-khtml-opacity:10;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;background-color:'+fadebgcolor+'"></div></div>')
	else
	document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
	 
	if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
	this.startit()
	else
	{
		this.curimageindex++
		setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
	}
}

function fadepic(obj)
{
	if (obj.degree<100){
	obj.degree+=10
	if (obj.tempobj.filters&&obj.tempobj.filters[0]){
	if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
		obj.tempobj.filters[0].opacity=obj.degree
	else //else if IE5.5-
	obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
	}
	else if (obj.tempobj.style.MozOpacity)
		obj.tempobj.style.MozOpacity=obj.degree/101
	else if (obj.tempobj.style.KhtmlOpacity)
		obj.tempobj.style.KhtmlOpacity=obj.degree/100
	}
	
	else{
	clearInterval(fadeclear[obj.slideshowid])
	obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
	obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
	obj.populateslide(obj.tempobj, obj.nextimageindex)
	obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
	setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
	}
}
 
fadeshow.prototype.populateslide=function(picobj, picindex)
{
	var slideHTML=""
	if (this.theimages[picindex][1]!="") //if associated link exists for image
	slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
	slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
	if (this.theimages[picindex][1]!="") //if associated link exists for image
	slideHTML+='</a>'
	picobj.innerHTML=slideHTML
}
 
fadeshow.prototype.rotateimage=function()
{
	if (this.pausecheck==1) //if pause onMouseover enabled, cache object
	var cacheobj=this
	if (this.mouseovercheck==1)
	setTimeout(function(){cacheobj.rotateimage()}, 100)
	else if (iebrowser&&dom||dom){
	this.resetit()
	var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
	crossobj.style.zIndex++
	fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
	this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
	}
	else{
	var ns4imgobj=document.images['defaultslide'+this.slideshowid]
	ns4imgobj.src=this.postimages[this.curimageindex].src
	}
	this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}

fadeshow.prototype.resetit=function()
{
	this.degree=10
	var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
	if (crossobj.filters&&crossobj.filters[0]){
	if (typeof crossobj.filters[0].opacity=="number") //if IE6+
	crossobj.filters(0).opacity=this.degree
	else //else if IE5.5-
	crossobj.style.filter="alpha(opacity="+this.degree+")"
	}
	else if (crossobj.style.MozOpacity)
	crossobj.style.MozOpacity=this.degree/101
	else if (crossobj.style.KhtmlOpacity)
	crossobj.style.KhtmlOpacity=obj.degree/100
}
 
fadeshow.prototype.startit=function()
{
	var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
	this.populateslide(crossobj, this.curimageindex)
	if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
	var cacheobj=this
	var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
	crossobjcontainer.onmouseover=function()
	{cacheobj.mouseovercheck=1}
	crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
	}
	this.rotateimage()
}

</script>
</head>


<body>
<div class="topbar-chroma"> 
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
    <td> </td>
      <td width="600" valign="top" align="left"><div class="container"> 
          <div class="spacer"></div>
<div class="header"></div>
        </div></td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>&nbsp;</td>
      <td width="600" valign="top" align="left"> <div class="container">
<div class="main">

             <div class="leftpic">
<script type="text/javascript">

//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 295, 397, 0, 4000)
 
</script>
            </div>
<div class="rightmain">
<div class="maintext" align="justify">
<br><br><b>Αρχική</b><br><br>Σε απόσταση 200 μέτρα από το λιμάνι και το κέντρο της Ύδρας βρίσκεται ο ξενώνας ΠΙΤΥΟΥΣΣΑ. Αποτελείται από 11 δωμάτια, το καθένα με το δικό του ξεχωριστό ύφος και στυλ, που περιμένει να σας φιλοξενήσει σε ένα ζεστό και φιλικό περιβάλλον. Οι εσωτερικοί του χώροι διατηρούν το παραδοσιακό ύφος και σε συνδυασμό με όλες τις σύγχρονες ανέσεις κάνουν την διαμονή σας αξέχαστη.</div>
</div>
<div class="rightBottom" style="margin-top:5px;">Ύδρα, Ελλάδα<br>tel/fax: +30 22980 52810<br>email: info@piteoussa.com</div>
</div>
      </div></td>
      <td>&nbsp;</td>
    </tr>
    <tr> 
      <td>&nbsp;</td>
      <td width="600" valign="top" align="left"> 
        <div class="bottomTop">
<a href="../default.asp?lang=el&type=1" class="greenpalLink12" title="Home">αρχική</a>&nbsp;&nbsp;&nbsp;<a href="../rooms.asp?lang=el&type=2" class="grayLink12B" title="Rooms">δωμάτια</a>&nbsp;&nbsp;&nbsp;<a href="../location.asp?lang=el&type=3" class="grayLink12B" title="Location">τοποθεσία</a>&nbsp;&nbsp;&nbsp;<a href="../facilities.asp?lang=el&type=4" class="grayLink12B" title="Facilities">υπηρεσίες</a>&nbsp;&nbsp;&nbsp;<a href="../rates2008.asp?lang=el&type=7" class="grayLink12B" title="Rates">τιμές</a>&nbsp;&nbsp;&nbsp;<a href="../links.asp?lang=el&type=8" class="grayLink12B" title="Links">links</a>
</div>
        <div class="bottomMiddle">
<a href="/Default.asp?lang=en" class="grayLink12B" title="English">english</a>&nbsp;&nbsp;&nbsp;<a href="/Default.asp?lang=el" class="grayLink12B">ελληνικά</a>&nbsp;&nbsp;&nbsp;</div>
<div class="bottomBottom">Developed by Mg- creations</div>
      <div align="center" class="bottomBottom" style="margin: 0px;"></div></td>
<td>&nbsp;</td>
    </tr>
    <tbody>
  </table>
  <div class="blank"> &nbsp; </div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
</body>
</html>

