<![CDATA[
<body bgcolor="#7FA9DD" link="#008000" vlink="#990000" alink="#443113">
<SCRIPT>
document.write('<FRAMESET COLS="50%,50%">');
document.write('<FRAME SRC="navpage.htm" NAME="nav">');
document.write('<FRAME SRC="'+subpage+'" NAME="main">');
document.write('</FRAMESET>');
</SCRIPT>
<div align="center">
<table width="45%" height="77" border="3" align="center" cellspacing="0" bordercolor="#8A9297" bgcolor="#7FA9DD">
<tr bgcolor="#004080">
<td width="40%" height="17"><div align="center"><font color="#7FA9DD" size="1">Home Phone</font></div>
</td>
<td width="60%"><div align="center"><font color="#7FA9DD" size="1"><strong>+30 24260 - 31580</strong></font></div>
</td>
</tr>
<tr bgcolor="#004080">
<td><div align="center"><font color="#7FA9DD" size="1">Mobile 1</font></div>
</td>
<td><div align="center"><font color="#7FA9DD" size="1"><strong>+30 6972 264 819</strong></font></div>
</td>
</tr>
<tr bgcolor="#004080">
<td><div align="center"><font color="#7FA9DD" size="1">Mobile 2</font></div>
</td>
<td><div align="center"><font color="#7FA9DD" size="1"><strong>+30 6932 252 976</strong></font></div>
</td>
</tr>
<tr bgcolor="#004080">
<td><div align="center"><font color="#7FA9DD" size="1">e-mail</font></div>
</td>
<td><div align="center"><font color="#7FA9DD" size="1"><strong><!-- MUNGED LINK SAYS "reservation e-mail" -->
<a href="mailto:info@felitsia.gr">reservation e-mail</a>
<!-- END OF MUNGED LINK --></strong></font></div>
</td>
</tr>
</table>
<br>
<form name="ContactForm" action="http://www.felitsia.gr/english/Contactus/ez_formmailen.php" onSubmit="return MM_validateForm(ContactForm);" method="post" target="_self" id="ContactForm" >
<table width="83%" border="3" align="center" cellspacing="0" bordercolor="#8A9297" bgcolor="#E6DB92" id="ContactFormtable">
<tr>
<td height="25" colspan="3" bgcolor="#004080"><div align="center">
<table width="50%" >
<tr>
<td height="22"><div align="center"><font color="#7FA9DD" size="2">C O M M U N I C A T I O N - F O R M</font></div>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td colspan="3" bgcolor="#004080"><div align="center"><font color="#7FA9DD" size="1">INFORMATION - RESERVATIONS</font></div>
</td>
</tr>
<tr>
<td width="32%" valign="top" bgcolor="#004080"><div align="left"><font color="#7FA9DD" size="1">Surname</font></div>
</td>
<td colspan="2" bgcolor="#004080"> <div align="left"><font color="#7FA9DD" size="3"><strong>
<input name="Surname" type="text" id="Surname" onFocus="sweep()" size="40" maxlength="50">
</strong></font></div>
</td>
</tr>
<tr>
<td width="32%" valign="top" bgcolor="#004080"><div align="left"><font color="#7FA9DD" size="1">Name</font></div>
</td>
<td colspan="2" bgcolor="#004080"><div align="left"><font color="#7FA9DD" size="3"><strong>
<input name="Name" type="text" id="Name" onFocus="sweep1()" size="40" maxlength="50">
</strong></font></div>
</td>
</tr>
<tr>
<td width="32%" rowspan="2" valign="top" bgcolor="#004080"><div align="left"><font color="#7FA9DD" size="1">Apartments
Choice</font></div>
</td>
<td width="33%" height="16" bgcolor="#004080"><div align="center"><font color="#7FA9DD" size="2"><font size="1">APARTMENT
(34 sq.m)</font></font></div>
</td>
<td width="33%" bgcolor="#004080"><div align="center"><font color="#7FA9DD" size="2"><font size="1">TWO ROOMS
FLAT (44 sq.m)</font></font></div>
</td>
</tr>
<tr>
<td width="33%" bgcolor="#004080"> <div align="left">
<table width="200" align="center">
<tr>
<td>
<div align="left"><font color="#7FA9DD" size="1">
<label>
<input name="OneRoomFlat" type="radio" value="0" checked>
None</label>
<label></label>
</font></div>
</td>
</tr>
<tr>
<td>
<div align="left"><font color="#7FA9DD" size="1">
<label>
<input type="radio" name="OneRoomFlat" value="1">
1 Apartment</label>
<label></label>
</font></div>
</td>
</tr>
<tr>
<td><font color="#7FA9DD" size="1">
<label>
<input type="radio" name="OneRoomFlat" value="2">
2 Apartments</label>
</font></td>
</tr>
<tr>
<td><font color="#7FA9DD" size="1">
<label>
<input type="radio" name="OneRoomFlat" value="3">
3 Apartments</label>
</font></td>
</tr>
<tr>
<td><font color="#7FA9DD" size="1">
<label>
<input type="radio" name="OneRoomFlat" value="3">
4 Apartments</label>
</font></td>
</tr>
</table>
</div>
</td>
<td width="33%" bgcolor="#004080">
<div align="left">
<table width="85" align="center">
<tr>
<td width="31">
<div align="center"><font color="#7FA9DD"><strong><font size="3">
<label>
<input type="radio" name="TwoRoomsFlat" value="1">
</label>
</font></strong></font></div>
</td>
<td width="157"><div align="center"><font color="#7FA9DD" size="3">
<label><font size="1">YES</font></label>
</font></div>
</td>
</tr>
<tr>
<td>
<div align="center"><font color="#7FA9DD"><strong><font size="3">
<label>
<input name="TwoRoomsFlat" type="radio" value="0" checked>
</label>
</font></strong></font></div>
</td>
<td><div align="center"><font color="#7FA9DD" size="3">
<label> <font size="1">NO</font></label>
</font></div>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td width="32%" bgcolor="#004080" ><font color="#7FA9DD" size="1">Check-in Date</font></td>
<td colspan="2" bgcolor="#004080"><font color="#7FA9DD">
<input name="date8a" type="text" id="departure_date" size="10" onFocus="sweep5()" />
<input type="reset" value="Choose Date" id='button8a'>
</font></td>
</tr>
<tr>
<td width="32%" bgcolor="#004080" ><font color="#7FA9DD" size="1">Check-out date</font></td>
<td colspan="2" bgcolor="#004080"><font color="#7FA9DD">
<input name="date8b" type="text" id="arrivalDate" size="10" onFocus="sweep6()" onchange="getTotalDays()"/>
<input type="reset" value="Choose Date" id='button8b'>
</font></td>
</tr>
<tr>
<td bgcolor="#004080" ><font color="#7FA9DD" size="1">Total Number of Nights</font></td>
<td colspan="2" bgcolor="#004080"><font color="#7FA9DD">
<input name="NumberofDays" size="10" type="text" id="NumberofDays" onFocus="sweep7()" >
</font></tr>
<tr>
<td width="32%" valign="top" bgcolor="#004080"><div align="left"><font color="#7FA9DD" size="1">Persons</font></div>
</td>
<td colspan="2" bgcolor="#004080"> <div align="left"><font color="#7FA9DD"><strong><font size="2">
<select name="Persons" id="select6">
<option value="0" selected>----
<option value="01">01
<option value="02">02
<option value="03">03
<option value="04">04
<option value="05">05
<option value="06">06
<option value="07">07
<option value="08">08
<option value="09">09
<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15
<option value="16">16
<option value="17">17
<option value="18">18
</select>
</font></strong></font></div>
</td>
</tr>
<tr>
<td width="32%" valign="top" bgcolor="#004080"><div align="left"><font color="#7FA9DD" size="1">Children</font></div>
</td>
<td colspan="2" bgcolor="#004080"><div align="left"><font color="#7FA9DD"><strong><font size="2">
<select name="Kids" id="select7">
<option value="0" selected>----
<option value="01">01
<option value="02">02
<option value="03">03
<option value="04">04
<option value="05">05
<option value="06">06
<option value="07">07
<option value="08">08
<option value="09">09
<option value="10">10
<option value="11">11
<option value="12">12
<option value="13">13
<option value="14">14
<option value="15">15
<option value="16">16
<option value="17">17
<option value="18">18
</select>
</font></strong></font></div>
</td>
</tr>
<tr>
<td width="32%" valign="top" bgcolor="#004080"><div align="left"><font color="#7FA9DD" size="1">Telephone
or Mobile</font></div>
</td>
<td colspan="2" bgcolor="#004080"><div align="left"><font color="#7FA9DD"><strong><font size="3">
<input name="Telephone" type="text" id="Telephone" onFocus="sweep2()" size="40" maxlength="50">
</font></strong></font></div>
</td>
</tr>
<tr>
<td width="32%" height="26" valign="top" bgcolor="#004080"><div align="left"><font color="#7FA9DD" size="1">e-mail</font></div>
</td>
<td colspan="2" bgcolor="#004080"><div align="left"><font color="#7FA9DD"><strong><font size="3">
<input name="email" type="text" id="email" onFocus="sweep3()" onBlur="MM_validateForm('email','','RisEmail');return document.MM_returnValue" size="40" maxlength="50">
</font></strong></font></div>
</td>
</tr>
<tr>
<td width="32%" height="106" valign="top" bgcolor="#004080"><div align="left">
<p><font color="#7FA9DD" size="1">Questions - Comments</font></p>
</div>
</td>
<td colspan="2" bgcolor="#004080"><div align="left"><font color="#7FA9DD"><strong><font size="3">
<textarea name="QuestionsComments" cols="75" rows="5" id="QuestionsComments" onFocus="sweep4()">Please type any comments or questions you might have!</textarea>
</font></strong></font></div>
</td>
</tr>
<tr>
<td height="35" colspan="3" bgcolor="#004080"><div align="center">
<table width="62%" align="center" bgcolor="#004080">
<tr>
<td>
<div align="left"><font color="#7FA9DD">
<input type="reset" name="reset" value="Reset Form" onMouseOver=" window.status='Resets the form´s values to the default'; return true" onMouseOut="window.status=' Apartments Felitsia - Studios - Agios Ioannis Pelion - Operates all year long !'; return true">
</font></div>
</td>
<td> <div align="right"><font color="#7FA9DD">
<input name="submit" type="submit" value="Submit Form" onclick="return frmSubmit(ContactForm);" onMouseOver="return MM_validateForm(ContactForm);" onMouseOut="window.status=' Apartments Felitsia - Studios - Agios Ioannis Pelion - Operates all year long !'; return true">
</font></div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</form>
<script type="text/javascript">
<!-- to hide script contents from old browsers
var startDate;
var endDate;
var callbacks = 0;
function resetDates() {
startDate = endDate = null;
}
/*
* Given two dates (in seconds) find out if date1 is bigger, date2 is bigger or
* they're the same, taking only the dates, not the time into account.
* In other words, different times on the same date returns equal.
* returns -1 for date1 bigger, 1 for date2 is bigger 0 for equal
*/
function compareDatesOnly(date1, date2) {
var year1 = date1.getYear();
var year2 = date2.getYear();
var month1 = date1.getMonth();
var month2 = date2.getMonth();
var day1 = date1.getDate();
var day2 = date2.getDate();
if (year1 > year2) {
return -1;
}
if (year2 > year1) {
return 1;
}
//years are equal
if (month1 > month2) {
return -1;
}
if (month2 > month1) {
return 1;
}
//years and months are equal
if (day1 > day2) {
return -1;
}
if (day2 > day1) {
return 1;
}
//days are equal
return 0;
/* Can't do this because of timezone issues
var days1 = Math.floor(date1.getTime()/Date.DAY);
var days2 = Math.floor(date2.getTime()/Date.DAY);
return (days1 - days2);
*/
}
function filterDates1(cal) {
startDate = cal.date;
/* If they haven't chosen an
end date before we'll set it to the same date as the start date This
way if the user scrolls in the start date 5 months forward, they don't
need to do it again for the end date.
*/
if (endDate == null) {
Zapatec.Calendar.setup({
inputField : "arrivalDate",
button : "button8b", // What will trigger the popup of the calendar
ifFormat : "%d-%m-%Y ",
timeFormat : "24",
date : startDate,
electric : false,
showsTime : false, //no time
disableFunc : dateInRange2, //the function to call
onUpdate : filterDates2
});
}
}
function filterDates2(cal) {
endDate = cal.date;
}
/*
* Both functions disable and hilight dates.
*/
/*
* Can't choose days after the
* end date if it is choosen, hilights start and end dates with one style and dates between them with another
*/
function dateInRange1(date) {
if (endDate != null) {
// Disable dates after end date
var compareEnd = compareDatesOnly(date, endDate);
if (compareEnd < 0) {
return (true);
}
// Hilight end date with "edges" style
if (compareEnd == 0) {
{return "edges";}
}
// Hilight inner dates with "between" style
if (startDate != null){
var compareStart = compareDatesOnly(date, startDate);
if (compareStart < 0) {
return "between";
}
}
}
//disable days prior to today
var today = new Date();
var compareToday = compareDatesOnly(date, today);
if (compareToday > 0) {
return(true);
}
//all other days are enabled
return false;
//alert(ret + " " + today + ":" + date + ":" + compareToday + ":" + days1 + ":" + days2);
return(ret);
}
/*
* Can't choose days before the
* start date if it is choosen, hilights start and end dates with one style and dates between them with another
*/
function dateInRange2(date) {
if (startDate != null) {
// Disable dates before start date
var compareDays = compareDatesOnly(startDate, date);
if (compareDays < 0) {
return (true);
}
// Hilight end date with "edges" style
if (compareDays == 0) {
{return "edges";}
}
// Hilight inner dates with "between" style
if ((endDate != null) && (date > startDate) && (date < endDate)) {
return "between";
}
}
var now = new Date();
if (compareDatesOnly(now, date) < 0) {
return (true);
}
//all other days are enabled
return false;
}
Zapatec.Calendar.setup({
inputField : "departure_date", // id of the input field
button : "button8a", // What will trigger the popup of the calendar
ifFormat : "%d-%m-%Y ", // format of the input field
timeFormat : "24",
showsTime : false, //no time
electric : false,
dateStatusFunc : dateInRange1, //the function to call
onUpdate : filterDates1
});
Zapatec.Calendar.setup({
inputField : "arrivalDate",
button : "button8b", // What will trigger the popup of the calendar
ifFormat : "%d-%m-%Y ",
timeFormat : "24",
showsTime : false, //no time
electric : false,
dateStatusFunc : dateInRange2, //the function to call
onUpdate : filterDates2
});
// end hiding contents from old browsers -->
var foo = new Date();
var bar = new Date(foo - (Date.DAY + 5000));
</script>
<table width="100%" align="center">
<tr bgcolor="#004080">
<td><div align="center"><a href="../Apartments/Apartments.html" target="_top"><strong><font color="#7FA9DD">Apartments</font></strong></a></div></td>
<td><div align="center"><a href="../Beaches/Beaches.html" target="_top"><strong><font color="#7FA9DD">Beaches</font></strong></a></div></td>
<td><div align="center"><a href="../Maps/Maps.html" target="_top"><strong><font color="#7FA9DD">Map of Pelion</font></strong></a></div></td>
<td><div align="center"><a href="../Activities/Activities.html" target="_top"><strong><font color="#7FA9DD">Activities</font></strong></a></div></td>
<td><div align="center"><a href="../History/History.html" target="_top"><strong><font color="#7FA9DD">History & Myth</font></strong></a></div></td>
<td><div align="center"><a href="../Links/Links.html" target="_top"><strong><font color="#7FA9DD">Interesting Links</font></strong></a></div></td>
<td><div align="center"><a href="Contactus.html" target="_top"><strong><font color="#7FA9DD">Contact Us</font></strong></a></div></td>
<td><div align="center"><a href="../../index.html" target="_top"><strong><font color="#7FA9DD">Home Page</font></strong></a></div></td>
</tr>
</table>
</div>
</body>
]]>