// JavaScript Document

var waarIkBen="";

function start(locatie,bInMap)

{

	//hier alle scriptjes die moeten worden uitgevoerd bij laden pagina

	datum()

	setUpdate();

	if (locatie=='inschrijvingform')

	{

		opvullenDatum()

	}

	if (locatie=='routeIndex')

	{

		waarIkBen="routeplanner";

	}

	

	if (navigator.cookieEnabled){

		if (leesCookie('kleur')!="")

		{

			veranderKleur(leesCookie('kleur'),bInMap)

		}

	}

	

	placeFader()		

}





/*-----------------------------------------------------------------------------------------------------------------------------------------------

			Onload

-----------------------------------------------------------------------------------------------------------------------------------------------*/

function datum()

{

	maandNamen = new Array(12)

	maandNamen[0] = "januari"

	maandNamen[1] = "februari"

	maandNamen[2] = "maart"

	maandNamen[3] = "april"

	maandNamen[4] = "mei"

	maandNamen[5] = "juni"

	maandNamen[6] = "juli"

	maandNamen[7] = "augustus"

	maandNamen[8] = "september"

	maandNamen[9] = "oktober"

	maandNamen[10] ="november"

	maandNamen[11] ="december"

	

	var nu = new Date();

	var maand = maandNamen[nu.getMonth()];

	var dag = nu.getDate();

	var jaar = nu.getYear();

	

	//controle jaarinteger FF(vb 2006->106) vs IE(2006)

	if (jaar < 999) 

	{ 

		jaar+=1900; 

	} 

	

	var vandaag = "" + dag;

	vandaag +=  " " + maand;

	vandaag +=  " " + jaar + " ";

		

	var datum=document.getElementById("datumDiv")



	datum.lastChild.nodeValue="" + vandaag;

	

	

}







//------------------------------------------------------------------------------------------------------

function setUpdate()

{

	plaats=document.getElementById('madeOn');	

	

	var lastMod = new Date(document.lastModified);

	var dag = lastMod.getDate();

	var maand=lastMod.getMonth()+1;

	var jaar = lastMod.getYear();

	

	//controle jaarinteger FF(vb 2006->106) vs IE(2006)

	if (jaar < 999) 

	{ 

		jaar+=1900; 

	} 

	

	plaats.lastChild.nodeValue="laatst geüpdated: " + dag+"/"+maand+"/"+jaar;

}

/*---------------------------------------------------------------

Menu

---------------------------------------------------------------*/



//------------------------------------------------------------------------------------



bWUitgerold = false;

bOUitgerold = false;

bAUitgerold = false;

bWToont = false;

bOToont = false;

bAToont = false;

nr=0//nr toont onder het hoeveelste hoofdmenu item de submenu moet (vb Wedstrijden=menu2->nr=2)





function rolUitWedstrijd(bInMap)

{

	nr=2;

	aantalItems=7;

		if (bWUitgerold == false)

		{	

			if (bWToont == false)

			{

				if (bInMap)

				{

					subItem1 = new subItem('superprest', 'superprestige', '../wedstrijden/superprestige.htm');

					subItem2 = new subItem('cross', 'cyclocross', '../wedstrijden/cross.htm');

					subItem3 = new subItem('subscribe', 'inschrijven', '../wedstrijden/inschrijven.htm');

					subItem4 = new subItem('jeugd', 'jeugd', '../wedstrijden/jeugdhappening.htm');
					
					subItem5 = new subItem('foto', 'foto', '../wedstrijden/foto.htm');
					
					subItem6 = new subItem('deelnemers', 'deelnemers', '../wedstrijden/deelnemers.htm');
					
					subItem7 = new subItem('BK2009', 'BK 2009', '../wedstrijden/bk2009.htm');

					//subItem3 = new subItemWed('test', 'test', '../wedstrijden/test.htm');

				}else{

					subItem1 = new subItem('superprest', 'superprestige', 'wedstrijden/superprestige.htm');

					subItem2 = new subItem('cross', 'cyclocross', 'wedstrijden/cross.htm');

					subItem3 = new subItem('subscribe', 'inschrijven', 'wedstrijden/inschrijven.htm');

					subItem4 = new subItem('jeugd', 'jeugd', 'wedstrijden/jeugdhappening.htm');

					subItem5 = new subItem('foto', 'foto', 'wedstrijden/foto.htm');
					
					subItem6 = new subItem('deelnemers', 'deelnemers', 'wedstrijden/deelnemers.htm');
					
					subItem7 = new subItem('BK2009', 'BK 2009', 'wedstrijden/bk2009.htm');
					//subItem3 = new subItemWed('test', 'test', 'wedstrijden/test.htm');

				}

			

				for (i = 1; i<=aantalItems; i++)

				{

					subItemWed=eval("subItem" + i);

					subItemWed.create();

				}	

				

				bWToont = true;

				bWUitgerold = true;	

				}else{

					document.getElementById("superprest").style.display=("block");

					document.getElementById("cross").style.display=("block");

					document.getElementById("subscribe").style.display=("block");

					document.getElementById("jeugd").style.display=("block");
					
					document.getElementById("foto").style.display=("block");

					document.getElementById("deelnemers").style.display=("block");
					
					document.getElementById("BK2009").style.display=("block");
					
				//document.getElementById("test").style.display=("block");

				bWUitgerold = true;

		

		} 

	}	

}





function rolUitOrganisatie(bInMap)

{

	nr=3;

	aantalItems=6

		if (bOUitgerold == false)

		{	

			if (bOToont == false)

			{

				if (bInMap)

				{

					//vb. subItem0 = new subItemOrg('id', 'titel voor de navigatie', '../map/url.htm');

					subItem1 = new subItem('hist', 'geschiedenis', '../organisatie/geschiedenis.htm');

					subItem2 = new subItem('contact', 'contacteer ons', '../organisatie/contact.htm');

					subItem3 = new subItem('route', 'routeplanner', '../organisatie/route.htm');

					subItem4 = new subItem('sponsor', 'sponsors', '../organisatie/sponsers.htm');

					subItem5 = new subItem('fdback', 'feedback', '../organisatie/feedback.htm');

					subItem6 = new subItem('link', 'links', '../organisatie/links.htm');

				}else{

					//vb. subItem0 = new subItemOrg('id', 'titel voor de navigatie', 'map/url.htm');

					subItem1 = new subItem('hist', 'geschiedenis', 'organisatie/geschiedenis.htm');

					subItem2 = new subItem('contact', 'contacteer ons', 'organisatie/contact.htm');	

					subItem3 = new subItem('route', 'routeplanner', 'organisatie/route.htm');

					subItem4 = new subItem('sponsor', 'sponsors', 'organisatie/sponsers.htm');

					subItem5 = new subItem('fdback', 'feedback', 'organisatie/feedback.htm');

					subItem6 = new subItem('link', 'links', 'organisatie/links.htm');

				}

				

				for (i = 1; i<=aantalItems; i++)

				{

					subItemOrg=eval("subItem" + i);

					subItemOrg.create();

				}	

				

				bOToont = true;

				bOUitgerold = true;	

				}else{

					document.getElementById("hist").style.display=("block");

					document.getElementById("contact").style.display=("block");

					document.getElementById("route").style.display=("block");

					document.getElementById("sponsor").style.display=("block");

					document.getElementById("fdback").style.display=("block");

					document.getElementById("link").style.display=("block");

					bOUitgerold = true;

		

		}

	}	

}



function rolUitAccommodatie(bInMap)

{

	nr=4;

	aantalItems=2

		if (bAUitgerold == false)

		{	

			if (bAToont == false)

			{

				if (bInMap)

				{

					subItem1 = new subItem('bezoek', 'bezoekers', '../accommodatie/bezoek.htm');

					subItem2 = new subItem('renners', 'renners', '../accommodatie/renners.htm');

				}else{

					subItem1 = new subItem('bezoek', 'bezoekers', 'accommodatie/bezoek.htm');

					subItem2 = new subItem('renners', 'renners', 'accommodatie/renners.htm');

				}

			

				for (i = 1; i<=aantalItems; i++)

				{

					subItemAcc=eval("subItem" + i);

					subItemAcc.create();

				}	

				

				bAToont = true;

				bAUitgerold = true;	

				}else{

					document.getElementById("bezoek").style.display=("block");

					document.getElementById("renners").style.display=("block");

					bAUitgerold = true;



		}

	}	

}





function subItem(divId, tekst, url)

{

	this.create = function() {maakMij(this)};

	this.divId = divId;

	this.titel = tekst;

	this.URL = url;

}

 

function maakMij(subItem)

{

var URL = subItem.URL;

	var divId = subItem.divId;

	var titel = subItem.titel;

	

	//link & tekst aanmaken

	subLink = document.createElement("a");

	subLink.setAttribute('href', URL);

	var subItemText = document.createTextNode(titel);

	subLink.appendChild(subItemText)

	

	//maak divs

	//navdiv=apparte divs

	navDiv=document.createElement("div");

	navDiv.setAttribute('id',divId);

	navDiv.appendChild(subLink);

	

	

	allesDiv=document.createElement("div");

	allesDiv.setAttribute('id','alles'+nr);

	

	//bepalen van de X vh element waar de navigatie moet onderstaan

	var iLinks = 0; 

	element=document.getElementById('menu'+nr)

	iLinks = element.offsetLeft

	 

	//bepalen van de Y vh element waar de navigatie moet onderstaan

	var iTop = 0; 

	element=document.getElementById('menu'+nr)

	iTop = element.offsetTop	 

	 

	//als div die errond komt te staan nog niet bestaat

	if (document.getElementById('alles'+nr)==null)

	{

		document.getElementById('nav').appendChild(allesDiv)

		document.getElementById('alles'+nr).appendChild(navDiv)

		

	}else

	{

		document.getElementById('alles'+nr).appendChild(navDiv)

	}



	var stijl=document.getElementById('alles'+nr).style

	

	//stijl en plaats bepalen

	stijl.float="left";

	stijl.position="absolute";

	stijl.left=iLinks+"px";

	stijl.top=(iTop+20)+"px";

	stijl.zIndex=99999;

	stijl.width=110+'px'

	stijl.textAlign='left'

	stijl.lineHeight=16+"px"

	stijl.backgroundColor='#111222';

	stijl.fontSize=13+"px";

	

}



function vanish()

{

	if (bWUitgerold)

	{

		document.getElementById('superprest').style.display='none';

		document.getElementById('cross').style.display='none';

		document.getElementById('subscribe').style.display='none';

		document.getElementById('jeugd').style.display='none';
		
		document.getElementById('foto').style.display='none';
		
		document.getElementById('deelnemers').style.display='none';
		
		document.getElementById('BK2009').style.display='none';

		bWUitgerold=false
	
	}

	

	if (bOUitgerold)

	{

		document.getElementById("hist").style.display="none";

		document.getElementById("contact").style.display="none";	

		document.getElementById("route").style.display="none";

		document.getElementById("sponsor").style.display="none";

		document.getElementById("fdback").style.display="none";

		document.getElementById("link").style.display="none";

		bOUitgerold=false

	}

	

	if (bAUitgerold)

	{

		document.getElementById("bezoek").style.display="none";

		document.getElementById("renners").style.display="none";

		bAUitgerold=false

	}

	

}

//---------------------------------------------------------------



/*-----------------------------------------------------------------------------------------------------------------------------------------------

			OnClick

-----------------------------------------------------------------------------------------------------------------------------------------------*/

function veranderKleur(kleur,bInMap)

{

	//alert(kleur);	

	

	var logo=document.getElementById("logo")

	var nav=document.getElementById("nav")

	var subnav=document.getElementById("subnav")

	var lichaam=document.getElementById("lichaam")

	var banner=document.getElementById("banner")

	var voeter=document.getElementById("footer")

	var top=document.getElementById("top")

	var urlAfb=document.getElementById("content").style

	var urlFade=document.getElementById("fade").style

	if (waarIkBen=='routeplanner') linkDoos=document.getElementById('linkBox').style;

	

	if (leesCookie('kleur')!=kleur)

	{

		wisCookie()

		maakCookieKleur('kleur',kleur,1)

	}	

	

	switch (kleur)

	{

		case 'rood':

		

		logo.style.background='#D81E05'

		nav.style.background='#D81E05'

		lichaam.style.background='#D81E05'

		subnav.style.background='#E87511'

		banner.style.background='#D81E05'

		voeter.style.background='#D81E05'

		top.style.background='#D81E05'

		if (waarIkBen=='routeplanner') linkDoos.background='#D81E05';

		

		if (bInMap)

		{

			//als in een map staat (boolean die meegegeven werd)		

			urlAfb.backgroundImage="url(../images/boog_r.gif)";

			urlFade.backgroundImage="url(../images/fading_r.gif)";

		}else

		{

			urlAfb.backgroundImage="url(images/boog_r.gif)";

			urlFade.backgroundImage="url(images/fading_r.gif)";

		}

		

		break;

		

		case 'blauw':

		logo.style.background='#0072C6'

		nav.style.background='#0072C6'

		subnav.style.background='#51BFE2'

		lichaam.style.background='#0072C6'

		banner.style.background='#0072C6'

		voeter.style.background='#0072C6'

		top.style.background='#0072C6'

		if (waarIkBen=='routeplanner') linkDoos.background='#0072C6';

		

		if (bInMap)

		{

			//als in een map staat (boolean die meegegeven werd)	

			urlAfb.backgroundImage="url(../images/boog_b.gif)";

			urlFade.backgroundImage="url(../images/fading_b.gif)";

		}else

		{

			urlAfb.backgroundImage="url(images/boog_b.gif)";

			urlFade.backgroundImage="url(images/fading_b.gif)";

		}

		

		break;

		

		case 'groen':

		logo.style.background='#009E49'

		nav.style.background='#009E49'

		subnav.style.background='#7FBA00'

		lichaam.style.background='#009E49'

		banner.style.background='#009E49'

		voeter.style.background='#009E49'

		top.style.background='#009E49'

		if (waarIkBen=='routeplanner') linkDoos.background='#009E49';

		

		if (bInMap)

		{

			//als in een map staat (boolean die meegegeven werd)	

			urlAfb.backgroundImage="url(../images/boog_g.gif)";

			urlFade.backgroundImage="url(../images/fading_g.gif)";

		}else

		{

			urlAfb.backgroundImage="url(images/boog_g.gif)";

			urlFade.backgroundImage="url(images/fading_g.gif)";

		}

	

		break;

		

	}

	

	

}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/





//-------------------------------------------------------------------------------------------------------------

function opvullenDatum()

{

var listDag=document.getElementById('gebDag')	

var nu = new Date();

var jaar = nu.getYear();



//controle jaar FF(vanaf 1900) vs IE(vanaf jaar 0)

if (jaar < 999) 

{ 

	jaar+=1900; 

} 

//dagen opvullen

for (i=0;i<31;i++)

{

	//Het opvullen van de meerkeuzelijst dag (1-31)

	lijstItem = new Option(i+1+"",i+1);									//option(title,value)

	document.getElementById('gebDag').options[i] = lijstItem;			//option toevoegen

}



//maanden opvullen



maand = new Array(12)//array van maanden(zoals bij datum)

	maand[0] = "januari"

	maand[1] = "februari"

	maand[2] = "maart"

	maand[3] = "april"

	maand[4] = "mei"

	maand[5] = "juni"

	maand[6] = "juli"

	maand[7] = "augustus"

	maand[8] = "september"

	maand[9] = "oktober"

	maand[10] ="november"

	maand[11] ="december"



for (i=0;i<12;i++)

{

	//Het opvullen van de meerkeuzelijst maand (1-12,jan-dec)

	lijstItem = new Option(maand[i],i+1);									//option(title,value)

	document.getElementById('gebMaand').options[i] = lijstItem;				//option toevoegen

}



//jaren opvullen (min. geboortejaar->huidig jaar)

	jaarRange=30; //vul hier het aantal jaren je wil zien, vb 3: 2004,2005,2006

	beginJaar=jaar-jaarRange+1



for (i=beginJaar;i<(jaar+1);i++)

{

	//Het opvullen van de meerkeuzelijst jaar

	lijstItem = new Option(i+"",i);											//option(title,value)

	document.getElementById('gebJaar').options[i-beginJaar] = lijstItem;	//option toevoegen

}

	

}



/*-------------------------------------------------------------------------------------------

COOKIES

-------------------------------------------------------------------------------------------*/

function leesCookie(wat)

{



  var returnCookieWaarde = "";

  var zoek = wat + "=";



  if(document.cookie.length > 0)

  {

	  //zoek in cookie opgegeven 'leesCookie' string

    startPos = document.cookie.indexOf(zoek);

    if (startPos != -1)

    { 

      startPos += zoek.length;

      einde = document.cookie.indexOf(";", startPos);

	  if (einde == -1)

	  { 

		//einde vd cookie

		einde = document.cookie.length

	  }

	 	returnCookieWaarde = unescape(document.cookie.substring(startPos, einde))

    }

  }

  return returnCookieWaarde;

}



function maakCookieKleur(naam,waarde,dagen)

{

	

	var cookieVerloopt



	cookieVerloopt = new Date((new Date()).getTime() + (dagen*24) * 3600000);

	cookieVerloopt = "; expires=" + cookieVerloopt.toGMTString()+";"



	var cookieDomain=" domain=portfolio.howest.be path=/timmermanj"



	//schrijf cookie: vb. kleur=blauw; expires=Fri, 26 May 2006 04:12:22 GMT; domain=portfolio.howest.be

	document.cookie = naam+"="+ escape(waarde)+ cookieVerloopt + cookieDomain;

	//escape: converteerd string naar URL encoded string, converteerd meeste non-alphanumeric symbolen naar hexa (vb. ' ':'%20')

}



function wisCookie()

{

	maakCookieKleur("kleur","",-1)

}



//-----------------------------------------------------------------------------------------------------------------------------------

function placeFader()

{

	//soms blijft de afbeelding met id 'fade' bovenaan de pagina staan, dit gebeurde enkel bij paginas met xml



		var	footer=document.getElementById('footer')

		var fader=document.getElementById('fade').style

		var topFooter=0; 

		

		while (footer != null) { 

			topFooter += footer["offsetTop"]; 

			footer = footer.offsetParent; 

		 } 



			fader.top=(topFooter)+'px';

		

		

	

}

//functie die een link die een link in een nieuwe pagina opent, in plaats van het gebruiken van 'target:_blank'

function openNieuwVenter(url) {

 var nieuwVenster = window.open(url,'', "width="+screen.width+",height="+screen.height+",status=yes,scrollbars=yes,resizable=yes,menubar=yes,toolbar=yes,titlebar=yes,location=yes,directories=yes");

 nieuwVenster.focus();

}



//-----formvalidatie------------------------------------------------------------------------------------------------------------

//externe formvalidatie.js



//----------ophalen van nieuws uit XML------------------------------------------------------------------------------------------

//externe xmlReader.js