function autoresize()
{
  var elpage = document.getElementById('page');
  var elpagescroller = document.getElementById('pagescroller');

  var docheight = 0;
  var obj = elpagescroller;
  if (obj.offsetParent) {
    do {
      docheight += obj.offsetTop;
    } while(obj = obj.offsetParent);
  }

  var pageheight = elpage.offsetHeight;

  var newheight;
  if (window.innerHeight) // Opera && Firefox
    newheight = window.innerHeight - docheight - 34;
  else if (document.documentElement.offsetHeight) // IE - breekt Firefox
    newheight = document.documentElement.offsetHeight - docheight - 34;

  if (newheight >= pageheight)
  {
    elpagescroller.style.height = '';
    elpagescroller.style.overflowY = 'hidden';
  }
  else
  {
    elpagescroller.style.height = newheight + "px";
    elpagescroller.style.overflowY = 'scroll';
  }

  try
  {
    if (typeof(document.body.style.borderRadius) === "undefined")
    {
      RoundRect.run();
    }
  } catch(err) {}
}

function doLayerPopupLegenda(color)
{
  var legenda = "<DIV STYLE='height: 360px; scrollbar-face-color: #C6D0F0; scrollbar-highlight-color: #647FBF; scrollbar-3dlight-color: #647FBF; scrollbar-darkshadow-color: #243F8F; scrollbar-shadow-color: #243F8F; scrollbar-arrow-color: #243F8F; scrollbar-track-color: #FFFFFF; padding-right: 10px; overflow: auto;'> \
<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH='100%'> \
 <TR><TD COLSPAN=3><B>Reiscategorie&euml;n</B> \
 <TR><TD>&nbsp; \
\
 <TR> \
  <TD WIDTH=40><IMG SRC='/images/icons/icon_highfive.gif'> \
  <TD WIDTH=120>High Five \
  <TD>Voor reizigers met een hoge mate van zelfstandigheid. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD><IMG SRC='/images/icons/icon_support.gif'> \
  <TD>Support \
  <TD>Voor reizigers die redelijk zelfredzaam zijn. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD><IMG SRC='/images/icons/icon_care_diabetes.gif'> \
  <TD>Care diabetes \
  <TD>Voor reizigers met een verstandelijke beperking die medische zorg nodig hebben m.b.t. diabetes. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD><IMG SRC='/images/icons/icon_care_autisme.gif'> \
  <TD>Care autisme \
  <TD>Voor reizigers met een verstandelijke beperking en autisme die regelmaat en structuur nodig hebben. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD><IMG SRC='/images/icons/icon_care_vederzorg.gif'> \
  <TD>Care veder \
  <TD>Voor reizigers met een verstandelijke beperking die lichte verzorging nodig hebben. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD><IMG SRC='/images/icons/icon_care_visueel.gif'> \
  <TD>Care visueel \
  <TD>Voor reizigers met een verstandelijke en visuele beperking. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD><IMG SRC='/images/icons/icon_care_zwarezorg.gif'> \
  <TD>Care Zorg-plus \
  <TD>Voor reizigers met een verstandelijke en/of lichamelijke beperking die eventueel (medische) zorg nodig hebben. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD><IMG SRC='/images/icons/icon_youzz.gif'> \
  <TD>Youzz \
  <TD>Voor kinderen met een beperking. \
 \
 <TR><TD>&nbsp; \
</TABLE> \
<TABLE CELLSPACING=0 CELLPADDING=0 BORDER=0 WIDTH='100%'> \
 \
 <TR><TD COLSPAN=3><B>Soorten vakanties</B> \
 <TR><TD>&nbsp; \
 \
 <TR> \
  <TD WIDTH=100><IMG SRC='/images/icons/Bus - Recreatie.gif'> \
  <TD WIDTH=214>- Relaxed \
            <BR>- Voor iedereen geschikt \
  <TD>Afwisselend programma met leuke activiteiten, uitstapjes en genoeg tijd om lekker te ontspannen. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD WIDTH=100><IMG SRC='/images/icons/Bus - Excursie.gif'> \
  <TD WIDTH=214>- Iets intensiever dan relaxed \
            <BR>- U dient goed mobiel te zijn \
  <TD>Leuk vakantieprogramma met excursies en mooie dagtochten in de omgeving van de bestemming. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD WIDTH=100><IMG SRC='/images/icons/Bus - Zon.gif'> \
  <TD WIDTH=214>- Relaxed \
            <BR>- Voor iedereen geschikt \
  <TD>Nacht-pendel.  Leuk programma met activiteiten, excursies, zon, zee, disco en ontspanning. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD WIDTH=100><IMG SRC='/images/icons/Bus - Licht actief.gif'> \
  <TD WIDTH=214>- Iets intensiever dan relaxed \
            <BR>- U dient goed mobiel te zijn \
  <TD>Vakanties met een licht actief karakter zoals kamperen, fietsen of paardrijden met activiteiten. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD WIDTH=100><IMG SRC='/images/icons/Bus - Thema.gif'> \
  <TD WIDTH=214>- Relaxed \
            <BR>- Voor iedereen geschikt \
  <TD>Tijdens deze vakantie zijn de activiteiten gericht op een thema, zoals 'creatief', 'muziek' of 'boerderij'. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD WIDTH=100><IMG SRC='/images/icons/Bus - Budget.gif'> \
  <TD WIDTH=214>- Relaxed \
            <BR>- Voor iedereen geschikt \
  <TD>Vakantieprogramma met leuke en gezellige activiteiten in en rond het bungalowpark. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD WIDTH=100><IMG SRC='/images/icons/Bus - Dagtochten.gif'> \
  <TD WIDTH=214>- Relaxed \
            <BR>- Voor iedereen geschikt \
  <TD>Leuk dagje uit in Nederland naar een pretpark, dierentuin of andere bezienswaardigheid. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD WIDTH=100><IMG SRC='/images/icons/Vlieg - Zon.gif'> \
  <TD WIDTH=214>- Relaxed \
            <BR>- U dient goed mobiel te zijn \
  <TD>Gevarieerd programma met natuurlijk zon- en zee vermaak, maar ook leuke excursies en activiteiten. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD WIDTH=100><IMG SRC='/images/icons/Vaar - Recreatie.gif'> \
  <TD WIDTH=214>- Rustig aan \
            <BR>- Voor iedereen geschikt \
  <TD>Rustige en sfeervolle vakantie met leuke ontspannende activiteiten en een enkel uitstapje. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD WIDTH=100><IMG SRC='/images/icons/Bus - Wintersfeer.gif'> \
  <TD WIDTH=214>- Relaxed \
            <BR>- Voor iedereen geschikt \
  <TD>Echte winterse gezelligheid met leuke activiteiten, uitstapjes, ontspanning en lekker eten. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD WIDTH=100><IMG SRC='/images/icons/Bus - Wintersport.gif'> \
  <TD WIDTH=214>- Intensiever dan relaxed \
            <BR>- Beetje ski-ervaring is gewenst \
  <TD>Veel sneeuwpret, gezelligheid en lekker ski&euml;n, afgewisseld met leuke activiteiten en een excursie. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD WIDTH=100><IMG SRC='/images/icons/Bus - Kerst.gif'> \
  <TD WIDTH=214>- Relaxed \
            <BR>- Voor iedereen geschikt \
  <TD>Sfeervolle vakantie tijdens de kerstdagen met veel gezelligheid, uitstapjes en een heerlijk kerstdiner. \
 <TR><TD HEIGHT=4> \
 \
 <TR> \
  <TD WIDTH=100><IMG SRC='/images/icons/Vaar - Kerst.gif'> \
  <TD WIDTH=214>- Relaxed \
            <BR>- Voor iedereen geschikt \
  <TD>Sfeervolle cruisevakantie tijdens de kerst met veel gezelligheid, uitstapjes en een heerlijk kerstdiner. \
 <TR><TD HEIGHT=4> \
 \
</TABLE></DIV>";

  doLayerPopup(color, 'Legenda', legenda, 700);
}

function activateLink(page)
{
  var arr = new Array();
  arr = document.getElementsByTagName("*");
  for (var i=0; i < arr.length; i++)
  {
    var tagName = arr.item(i).nodeName;
    if (tagName == "A")
    {
      if (arr.item(i).href == 'http://'+document.domain+'/'+page+'/')
        addClass(arr.item(i), 'active');
      else
        removeClass(arr.item(i), 'active');
    }
  }
}

function validateBrochureForm()
{
	if (document.forms['frmBrochure'].elements['naam'].value == ''
	 || document.forms['frmBrochure'].elements['adres'].value == ''
	 || document.forms['frmBrochure'].elements['huisnummer'].value == ''
	 || document.forms['frmBrochure'].elements['postcode'].value == ''
	 || document.forms['frmBrochure'].elements['woonplaats'].value == '')
	{
		doLayerPopup("red", "Fout", "Eén of meer velden zijn niet ingevuld.", undefined, 100);
		return false;
	}
	return true;
}
function validateBrochureShortForm()
{
	if (document.forms['frmBrochureShort'].elements['naam'].value == ''
	 || document.forms['frmBrochureShort'].elements['huisnummer'].value == ''
	 || document.forms['frmBrochureShort'].elements['postcode'].value == '')
	{
		doLayerPopup("red", "Fout", "Eén of meer velden zijn niet ingevuld.", undefined, 100);
		return false;
	}
	return true;
}

function validateBoekingForm()
{
  if (document.forms['frmBoeking'].elements['reiziger_naam'].value == ''
   || document.forms['frmBoeking'].elements['reiziger_adres'].value == ''
   || document.forms['frmBoeking'].elements['reiziger_huisnummer'].value == ''
   || document.forms['frmBoeking'].elements['reiziger_postcode'].value == ''
   || document.forms['frmBoeking'].elements['reiziger_woonplaats'].value == ''
   || document.forms['frmBoeking'].elements['reiziger_geboortedatum'].value == ''
   || document.forms['frmBoeking'].elements['reiziger_geslacht'].value == ''
   || document.forms['frmBoeking'].elements['contactpersoon_naam'].value == ''
   || document.forms['frmBoeking'].elements['contactpersoon_telefoonnummer'].value == ''
   || document.forms['frmBoeking'].elements['contactpersoon_emailadres'].value == ''
   || document.forms['frmBoeking'].elements['overig_haalenbrengtaxiservice'].value == ''
   || document.forms['frmBoeking'].elements['overig_boekingsformulier'].value == '')
  {
    doLayerPopup("red", "Fout", "Eén of meer velden zijn niet ingevuld.", undefined, 140);
    return false;
  }
  return true;
}

var reislijst = null;
function updateReislijst()
{
  var seizoen = 'geenvoorkeur';
  var bestemming = 'geenvoorkeur';
  var soort = 'geenvoorkeur';
  var doelgroep = 'geenvoorkeur';
  
  var eReislijst = document.getElementById('reislijst');
  eReislijst.innerHTML = '';
  newHTML = '';
  
  if (document.reisfilter.elements['seizoen'] !== undefined)      
    for (i = 0; i < document.reisfilter.elements['seizoen'].length; i++)
      if (document.reisfilter.elements['seizoen'][i].checked == true)
        seizoen = document.reisfilter.elements['seizoen'][i].value;
      
  if (document.reisfilter.elements['bestemming'] !== undefined)      
    for (i = 0; i < document.reisfilter.elements['bestemming'].length; i++)
      if (document.reisfilter.elements['bestemming'][i].checked == true)
        bestemming = document.reisfilter.elements['bestemming'][i].value;
      
  if (document.reisfilter.elements['soort'] !== undefined)      
    for (i = 0; i < document.reisfilter.elements['soort'].length; i++)
      if (document.reisfilter.elements['soort'][i].checked == true)
        soort = document.reisfilter.elements['soort'][i].value;

  if (document.reisfilter.elements['doelgroep'] !== undefined)      
    for (i = 0; i < document.reisfilter.elements['doelgroep'].length; i++)
      if (document.reisfilter.elements['doelgroep'][i].checked == true)
        doelgroep = document.reisfilter.elements['doelgroep'][i].value;

  a = 0;
  
  for (var i in reislijst)
  {
    weergeven = true;
    if (seizoen != 'geenvoorkeur' && reislijst[i][0] != seizoen)
      weergeven = false;
    if (bestemming != 'geenvoorkeur' && reislijst[i][1] != bestemming)
      weergeven = false;
    if (soort != 'geenvoorkeur' && reislijst[i][2] != soort)
      weergeven = false;
    if (doelgroep != 'geenvoorkeur' && !in_array(doelgroep, reislijst[i][3]))
      weergeven = false;

    if (weergeven)
    {
      if (a % 2 == 0)
      {
        if (a != 0)
          newHTML += '<DIV CLASS="vspacer"></DIV>';
          
        newHTML += '<DIV STYLE="width: 366px; float: left;">' + reislijst[i][4] + '</DIV>';
      }
      else
      {
        newHTML += '<DIV STYLE="width: 366px; float: right;">' + reislijst[i][4] + '</DIV>';
      }
      a++;
    }
  }

  if (a == 0)
  {
    newHTML += '<DIV CLASS="title">Geen reizen gevonden</DIV>Wij hebben geen reizen die aan de door u opgegeven voorkeur voldoen.';
  }
  else
  {
    newHTML += '<BR STYLE="clear: both;">';
  }
    
  eReislijst.innerHTML = newHTML;
  top.autoresize();
}

