// JavaScript Document

function email_verzenden()
{
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject('Msxml2.XMLHTTP');
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');
      }
    catch (e)
      {
      alert('Your browser does not support AJAX!');
      return false;
      }
    }
  }

  
//database verzoek controleren
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
  {
  document.getElementById('mailformulier').innerHTML=xmlHttp.responseText;
  }
}  
  
  
  
xmlHttp.open('GET','sendemail.php?emailadres='+document.contact.emailadres.value+'&onderwerp='+document.contact.onderwerp.value+'&naam='+document.contact.naam.value+'&bericht='+document.contact.bericht.value,true);
xmlHttp.send(null);

}


function velden_ophalen(formulier)
{

regel ="";

for (i=0;i<document.forms[formulier].elements.length;i++)
{
regel += document.forms[formulier].elements[i].name+"="+document.forms[formulier].elements[i].value
if (i+1<document.forms[formulier].elements.length)
{
regel +="&";
}
}

}



function boeking_verzenden()
{
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject('Msxml2.XMLHTTP');
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');
      }
    catch (e)
      {
      alert('Your browser does not support AJAX!');
      return false;
      }
    }
  }

  
//database verzoek controleren
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
  {
  document.getElementById('personalia').innerHTML=xmlHttp.responseText;
  document.getElementById('kamerinformatie').innerHTML="";
  }
}  
  
velden_ophalen('personalia');
query = regel;
velden_ophalen('kamerinfo');
query += "&" + regel;
 
xmlHttp.open('GET','sendboeking.php?'+query,true);
xmlHttp.send(null);

}




function url_check(name)
{
name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  
  if( results == null )
    return "";
  else
    return results[1];

}

function initbenb() {

	document.getElementById('1').innerHTML = "Bed & Bike";
	document.getElementById('2').innerHTML = "Kamerinformatie";
	document.getElementById('3').innerHTML = "Ontvangst";
	document.getElementById('4').innerHTML = "Omgeving";
	document.getElementById('5').innerHTML = "Route";
	document.getElementById('6').innerHTML = "Boeken";
	document.getElementById('7').innerHTML = "Contact";

	initHIS3("algemeen");
	setText(1);
}

function setText(mnu) { 
	
	foto = document.getElementById("pic_0").src;
	foto = foto.substr(29,3);
	
	if(foto =="bbk" && mnu!= 2){
	initHIS3("algemeen")
	}
	var span = document.getElementById(mnu);
	var div = document.getElementById('pagina');
	var div_links = document.getElementById('frame_links');
	var div_rechts = document.getElementById('frame_rechts');
	
	var spanArray = document.getElementsByTagName('span');
	for (var i=0; i<spanArray.length; i++) {
		spanArray[i].style.color = 'white';
	}
	
	span.style.color = 'red';
	switch(mnu) {
		case 1:
			div.innerHTML = "A Beautiful room<br>A private Bathroom<br>And a Bike!<br><br>"
			div.innerHTML += "<p>Welkom bij Alberti – BB, de enige Bed and Bike in Rotterdam. In ons mooie herenhuis uit 1921 hebben wij twee prachtige B&B-kamers, beide met eigen badkamer en suite. Het huis ligt in een rustige, groene straat in de sprankelende stad Rotterdam op 15 minuten lopen vanaf het Centraal Station, vlak achter de Heemraadsingel. Diergaarde Blijdorp ligt op loopafstand van ons huis.</p><br>"
			div.innerHTML += "<p>Wij serveren geen ontbijt, maar er zijn wel faciliteiten om zelf ontbijt te maken. Beide kamers hebben een Nespresso-apparaat voor koffie en thee, en er zijn borden en bestek. In de pantry op de B&B-afdeling staat een koelkast en combimagnetron. Er zijn allerlei winkels in de buurt. Ze zijn ook op zondag open, net als de warme bakker om de hoek.</p><br>"
			div.innerHTML += "<span id='23' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setextraText(11)';>Meer >></span>";
		break;
		case 2:
			div.innerHTML = "<div id='frame_links'><p>Kamer 1</p><ul><li>Tweepersoonskamer met badkamer<br>en suite met douche en sanitaire voorzieningen.</li><li>Prijs per nacht voor één persoon: € 70,-</li><li>Prijs per nacht voor twee personen: € 75,-</li><li>Toeslag verblijf één nacht: € 5,-</li><li>Belasting en het gebruik van twee fietsen inclusief.</li><li>Wij serveren geen ontbijt.</li><li>Weekend: minimumverblijf twee nachten.</li></ul><span id='21' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setRoom(21)';>Meer info / kamer 1 foto's >></span><br><span id='23' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setText(6)';>Boeken >></span></div>";
			div.innerHTML += "<div id='frame_rechts'><p>Kamer 2</p><ul><li>2-4 Persoonskamer (32 m<sup>2</sup>) bestaande uit slaap- en woonkamer.</li><li>Eigen badkamer en suite, met ligbad en toilet.</li><li>Prijs per nacht (1 en 2 personen) : € 90,-</li><li>Toeslag 3<sup>e</sup> en 4<sup>e</sup> persoon: € 25,- p/p</li><li>Toeslag verblijf één nacht: € 5,-</li><li>Belasting en het gebruik van twee fietsen inclusief.</li><li>Wij serveren geen ontbijt.</li><li>Weekend: minimumverblijf twee nachten.</li></ul><span id='22' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setRoom(22)';>Meer info / kamer 2 foto's >></span><br><span id='23' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setText(6)';>Boeken >></span><div>";
		break;
		case 3:
			div.innerHTML = "<table class='centreren'><tr><td>Openingstijden</td><td>:</td><td>Wij zijn het gehele jaar geopend</td></tr><tr><td>Aankomst</td><td>:</td><td>In overleg</td></tr><tr><td>Check–out</td><td>:</td><td>+/- 11.30 uur</td></tr><tr><td>Betalen</td><td>:</td><td>Contant bij aankomst</td></tr><tr><td>Talen</td><td>:</td><td>Wij spreken, Nederlands, Engels, Duits en Frans</td></tr><tr><td>Roken</td><td>:</td><td>Niet toegestaan</td></tr><tr><td>Kinderen</td><td>:</td><td>Onze B&B is niet geschikt voor baby's en kleine kinderen</td></tr><tr><td>Huisdieren</td><td>:</td><td>Niet toegestaan</td></tr><tr><td>Maaltijden</td><td>:</td><td>Winkels en restaurants in de nabije omgeving</td></tr></table>";
		break;
		case 4:
			div.innerHTML = "<p>Rotterdam is een sprankelende, culturele, frisse stad met altijd iets spannends te doen en te ontdekken. Rotterdam is ook een grote stad en de bezienswaardigheden liggen her en der verspreid. De fiets is dé ideale manier om de stad te ontdekken. Alle mooie en spannende plekken zijn op de fiets binnen tien minuten bereikbaar. De musea, de havens en de binnenhaventjes, de Euromast en verschillende leuke winkelbuurten. Rotterdam heeft veel uitgaansgelegenheden en een keur aan fantastische restaurants.</p><br>";
			div.innerHTML += "<p>In Chinatown kun je echt authentiek Chinees eten, maar er zijn ook tal van toko’s en eethuizen: Surinaams, Indiaas, Thai, Indisch, Marokkaans, Turks, Japans en nog veel meer. Veel mensen weten het niet, maar Rotterdam is ook een groene stad met mooie parken, het Kralingse Bos en Diergaarde Blijdorp. Je kunt je onderdompelen in het stadsgedruis, maar ook ontsnappen aan de drukte en aapjes gaan kijken in Blijdorp, vijf minuten lopen of twee minuten fietsen vanaf ons huis.</p>";
		break;
		case 5:
			div.innerHTML = "<div id='frame_links'><iframe width='300' height='300' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='http://maps.google.nl/maps?f=q&amp;hl=nl&amp;geocode=&amp;q=Hugo+Molenaarstraat+49A+rotterdam&amp;sll=52.469397,5.509644&amp;sspn=2.831,7.075195&amp;ie=UTF8&amp;ll=51.926325,4.455729&amp;spn=0.011196,0.027637&amp;z=14&amp;iwloc=addr&amp;output=embed&amp;s=AARTsJqEWnpMk-ifhKJQSdfSwnJJzzu87w'></iframe></div>"	
			div.innerHTML += "<div id='frame_rechts'><span id='51' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setMap(51)';>Route openbaar vervoer</span><br><span id='52' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setMap(52)';>Route auto</span></div>";
		break;
		case 6:
			div.innerHTML = "<div id='frame_links'><div id='personalia'><form method='POST' ACTION='sendemail.php' name='personalia'><table><tr><td>Naam</td><td><input type='text' name='naam' class='textInput'></td></tr><tr><td>Straat</td><td><input type='text' name='straat' class='textInput'></td></tr><tr><td>Huisnummer</td><td><input type='text' name='huisnummer' class='textInput'></td></tr><tr><td>Postcode</td><td><input type='text' name='postcode' class='textInput'></td></tr><tr><td>Woonplaats</td><td><input type='text' name='woonplaats' class='textInput'></td></tr><tr><td>Land</td><td><input type='text' name='land' class='textInput'></td></tr><tr><td>Telefoonnummer</td><td><input type='text' name='telefoonnummer' class='textInput'></td></tr><tr><td>Telefoon (mobiel)</td><td><input type='text' name='telefoonnummer_mobiel' class='textInput'></td></tr><tr><td>Email</td><td><input type='text' name='emailadres' class='textInput'></td></tr><tr><td></td><td></form></td></tr></table></div></div>";
			div.innerHTML += "<div id='frame_rechts'><div id='kamerinformatie'><form method='POST' ACTION='sendemail.php' name='kamerinfo'><table><tr><td>Aankomstdatum</td><td><select size='1' name='aankomstdag' class='textInput_zw'><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option></select><select size='1' name='aankomstmaand' class='textInput_zw'><option>januari</option><option>februari</option><option>maart</option><option>april</option><option>mei</option><option>juni</option><option>juli</option><option>augustus</option><option>september</option><option>oktober</option><option>november</option><option>december</option></select></td></tr><tr><td>Vertrekdatum</td><td><select size='1' name='vertrekdag' class='textInput_zw'><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option><option>31</option></select><select size='1' name='vertrekmaand' width='40px' class='textInput_zw'><option>januari</option><option>februari</option><option>maart</option><option>april</option><option>mei</option><option>juni</option><option>juli</option><option>augustus</option><option>september</option><option>oktober</option><option>november</option><option>december</option></select></td></tr><tr><td>Verwachte aankomsttijd</td><td><select name='aankomsttijd' ><option>-- --</option><option>< 08:00</option><option>08:00</option><option>08:30</option><option>09:00</option><option>09:30</option><option>10:00</option><option>10:30</option><option>11:00</option><option>11:30</option><option>12:00</option><option>12:30</option><option>13:00</option><option>13:30</option><option>14:00</option><option>14:30</option><option>15:00</option><option>15:30</option><option>16:00</option><option>16:30</option><option>17:00</option><option>17:00 ></option></select></td></tr><tr><td>Aantal personen</td><td><select name='aantal_personen'><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option></select></td><tr><tr><td>Gewenste kamer</td><td><SELECT NAME='kamer' class='textInput'><OPTION VALUE='1'>kamer 1 (1-2 personen)<OPTION VALUE='2'>kamer 2 (1-4 personen)<OPTION VALUE='1&2'>kamer 1 en 2</SELECT></td></tr><tr><td>Opmerkingen</td><td><textarea rows=5 cols=15 name='bericht' size=31 class='textInput'></textarea></form></td></tr></table><table><td><input type='button' value='Versturen' onclick=\"boeking_verzenden();\"></td><td>(<a href='annuleringsvoorwaarden.pdf'>annuleringsvoorwaarden</a>)</td></tr></table></div></div>";
		break;
		case 7:
			div.innerHTML = "Alberti-BB<br>Dorona Alberti & Diederik Schneemann<br>Hugo Molenaarstraat 49A<br>3022 NP Rotterdam<br>Nederland<br>Tel. +31(0)10 4775550<br>Mob. +31(0)6 17906585<br><br><br>Heeft u een vraag of opmerking? Klik dan<span id='7' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setForm();'>> hier <</span>"
			div.innerHTML += "<br><br><a href=\"http://www.weekendhotel.nl\" target='_blank'> <img src=\"http://www.weekendhotel.nl/images/banner_favoriet_nl.gif\" alt='hotel en bed and breakfast gids' width=127 height=46 border=0>";
		break;
	}
}

function setextraText(mnu) {

		div = document.getElementById('pagina');
		
		switch(mnu) {
		
		case 11:
			div.innerHTML = "<p>Eigenlijk zijn we een B&B&B: BED, private BATHROOM and BIKE! Wat onze B&B bijzonder maakt, is dat er voor onze gasten een fiets klaar staat om alle bezienswaardigheden van Rotterdam te ontdekken. Vele mooie en spannende plekken zijn op de fiets binnen 10 minuten te bereiken: de musea, de haventjes, (de grote haven kunt u beter per boot bezichtigen), de Euromast, verschillende leuke winkelbuurten, Chinatown en de talrijke fantastische uitgaansgelegenheden en restaurants. Rotterdam is een sprankelende, culturele, frisse stad met altijd iets spannends te zien, te beleven en te ontdekken. Het is een echte wereldstad.</p><br>"
			div.innerHTML += "<p>Bed & Bike, vindt u het een leuk concept? En staat Maastricht nog op uw verlanglijstje? <a href=http://www.bb-alberti.nl>www.bb-alberti.nl</a> It runs in the family...</p><br>"
			div.innerHTML += "<br><span id='23' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setText(1)';><< Terug</span>";
			document.getElementById(1).span.style.color = 'red';
		break;
		}
}



function setRoom(rm) {
  var div = document.getElementById('pagina');
	var div_links = document.getElementById('frame_links');
	var div_rechts = document.getElementById('frame_rechts');
	switch (rm) {
		case 21:
			initHIS3("kamer1");
			div.innerHTML = "<p>Kamer 1 (in totaal 21 m<sup>2</sup>) is een mooie rustige tweepersoonskamer met originele elementen. Er staan twee comfortabele boxspring-bedden. U heeft uw eigen badkamer en suite met inloopdouche, wastafel en toilet. Ook is er een LCD-tv op uw kamer. Als u uw laptop meebrengt, kunt u gebruik maken van onze draadloze internetverbinding.</p><br>"
			div.innerHTML += "<p>We serveren geen ontbijt, maar u heeft wel de gelegenheid om een lekker kopje Nespresso of thee te zetten. Borden, bestek, thee en koffie zijn in de kamer aanwezig en een koelkast en combimagnetron staan in de pantry. U kunt dus desgewenst zelf ontbijt, lunch of zelfs een eenvoudige maaltijd bereiden. Natuurlijk kunt u ook het ontbijt buiten de deur nuttigen. Er zijn verschillende leuke gelegenheden in de buurt.</p><br>";
			div.innerHTML += "<p>Er staan twee goede fietsen voor u klaar waar u kosteloos gebruik van kunt maken.</p>"
			div.innerHTML += "<br><span id='23' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setText(2)';><< Terug</span><span id='23' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setText(6)';>Boeken >></span>";
		break;
		case 22:
			initHIS3("kamer2");
			div.innerHTML = "<p>Kamer 2 (in totaal 32 m<sup>2</sup>) is een grote mooie rustige kamer met originele elementen voor twee tot vier personen met twee comfortabele boxspring bedden in het slaapgedeelte en een comfortabele tweepersoonsslaapbank met zitje en LCD-tv in de living. U heeft uw eigen badkamer en suite, met ligbad en douche-in-bad, wastafel en toilet.</p><br>"
			div.innerHTML += "<p>Als u uw laptop meebrengt, kunt u gebruik maken van onze draadloze internetverbinding.</p><br>"
			div.innerHTML += "<p>We serveren geen ontbijt maar u heeft wel de gelegenheid om een lekker kopje Nespresso of thee te zetten in uw kamer. Borden, bestek, thee en koffie zijn in de kamer aanwezig en een koelkast en combimagnetron staan in de pantry. U kunt dus desgewenst zelf ontbijt, lunch of zelfs een eenvoudige maaltijd bereiden. Natuurlijk kunt u ook het ontbijt buiten de deur nuttigen. Er zijn verschillende leuke gelegenheden in de buurt.</p><br>";
			div.innerHTML += "<p>Er staan ook twee fietsen voor u klaar waar u kosteloos gebruik van kunt maken.</p><br>"
			div.innerHTML += "<span id='23' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setText(2)';><< Terug</span><span id='23' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setText(6)';>Boeken >></span>";
		break;
	}
}

function setMap(mp) {
	var div_links = document.getElementById('frame_links');
	var div_rechts = document.getElementById('frame_rechts');
	switch (mp) {
	case 51:
      div_links.innerHTML = "<img src='img/route_ov.jpg' height=300 width=300></img>";
      div_rechts.innerHTML = "<span id='51' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setMap(51)';>Route openbaar vervoer</span><br><span id='52' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setMap(52)';>Route auto</span><br><br>"
	  div_rechts.innerHTML += "<p>Onze B&B ligt op 15 - 20 minuten loopafstand van het Centraal Station. Een taxi kost ongeveer € 8,00.</p><br>"
	  div_rechts.innerHTML += "<p>U kunt natuurlijk ook met het openbaar vervoer reizen: Tram 21 en 23, halte Vierambachtsstraat. Loop langs de tramlijn terug en sla links de Burgemeester Meinezslaan in, 1e rechts, 1e links, einde rechts en u loopt tegen ons huis aan: Hugo Molenaarstraat 49A.</p><br>"
	  div_rechts.innerHTML += "<span id='23' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setMap(511)';>Meer >></span>";
	break;
	case 511:
	  div_links.innerHTML = "<img src='img/route_ov.jpg' height=300 width=300></img>";	
	  div_rechts.innerHTML = "<p>Of u neemt buslijn 38. Ook de nachtbus stopt op de halte Beukelsdijk/ Heemraadssingel. Onze straat loopt parallel aan de Beukelsdijk. Oversteken en links of rechtsaf, eerste hoek Hugo Molenaarstraat 49A.</p>"; 
	  div_rechts.innerHTML += "<br><span id='23' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setMap(51)';> << Terug</span>";
    break;
    case 52:
      div_links.innerHTML = "<img src='img/route_auto.jpg' height=300 width=300></img>";
      div_rechts.innerHTML = "<span id='51' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setMap(51)';>Route openbaar vervoer</span><br><span id='52' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setMap(52)';>Route auto</span><br><br>"
	  div_rechts.innerHTML += "Met de AUTO zijn we bereikbaar via de A13, afslag 13 Blijdorp, driekwart rotonde, bij de grote stoplichten rechtdoor, richting Centrum aanhouden. Bij de volgende stoplichten rechts (Van Aerssenlaan). U komt langs de oude hoofdingang van Diergaarde Blijdorp, onder het spoor door, vervolgens rechts de Beukelsdijk inslaan, 2e afslag links. Rijd om het Virulyplein heen en zoek een parkeerplaats. Helaas is er in Rotterdam alleen betaald parkeren. Voor gratis parkeren moet u net iets verder rijden (het water over). Een dagkaart kost € 12,50 en is bij ons verkrijgbaar. In heel Rotterdam is betaald parkeren alleen mogelijk d.m.v. Chipknip.";
    break;  
	}	
}

function setForm() {
	var div = document.getElementById('pagina');	
	div.innerHTML = "<div id='mailformulier'><form method='POST' ACTION='sendemail.php' name='contact'><table><tr><td>Naam</td><td><input  type='text' name='naam' size=25 class='textInput'></td></tr><tr><td>Email</td><td><input  type='text' name='emailadres' size=25 class='textInput'></td></tr><tr><td>Onderwerp</td><td><SELECT NAME='onderwerp' width=35 class='textInput'><OPTION VALUE='reservering'>Reservering<OPTION VALUE='webmaster'>Vragen m.b.t. de website</SELECT></td></tr><tr><td>Bericht</td><td><textarea rows=5 cols=19 name='bericht' class='textInput'></textarea></td></tr><tr><td></td><td><input type='button' value='Versturen' onclick=\"email_verzenden();\"><br></form></td></tr></table></div><br>"
	div.innerHTML += "<span id='23' onmouseover=\"this.style.color='red';\" onmouseout=\"this.style.color='white';\" onclick='setText(7)';><< Terug</span>";
}