//----------------------------------------------------------------------------------------------------------------------
// ## Algemene JavaScripts voor de CMM Website (c) 2002 - 2003
//----------------------------------------------------------------------------------------------------------------------


//----------------------------------------------------------------------------------------------------------------------
// ## eenvoudige browsertest voor dhtml zaken
// ## usage: alert((isNS6) ? "u heeft netscape 6": "u heeft geen netscape 6");  
//----------------------------------------------------------------------------------------------------------------------
var isNS  = (document.layers) ? true : false;
var isIE  = (document.all) ? true : false;
var isDom = (document.getElementById) ? true : false;
var isNS4 = (document.layers && parseInt(navigator.appVersion) == 4) ? true : false;
var isIE4 = (document.all && !document.getElementById) ? true : false;
var isIE5 = (document.all && document.getElementById) ? true : false;
var isNS6 = (!document.all && document.getElementById) ? true : false;
var isOpera = (navigator.userAgent.indexOf('Opera') != -1) ? true : false;


//----------------------------------------------------------------------------------------------------------------------
// ## netscape resize bug reloader
// ## voorkomt het "vergeten" van style, opmaak en document.write in Netscape 4.x
// ## syntax:  niet nodig, werkt via een hook aan het window object      
//----------------------------------------------------------------------------------------------------------------------
function reloadPage() { 
	if (isNS4) { 											// test op Netscape, functie is netscape only
		if (!geladen) {										// indien geladen false is, maak dan snapshots van de huidige afmetingen
			geladen = true;  								// reuse de var geladen
			window.onresize = reloadPage 					// maak een hook naar deze functie bij een resize event	
		} else if (window.innerWidth != orgBreed || window.innerHeight != orgHoog) {
  			window.stop();									// indien var geladen true is en de afmetingen zijn veranderd
	      	history.go(0)									// stop zo spoedig mogelijk de verkeerde opbouw en herlaad dan de pagina
		}
	}
}

if (isNS4){
	var geladen = false;									// bij een echte Load wordt var geladen false
	var orgBreed = window.innerWidth;						// hang aan de vars de huidige breedte en hoogte
	var orgHoog = window.innerHeight;
	reloadPage();
}


//----------------------------------------------------------------------------------------------------------------------
// ##  opzoeken van de rootURL voor images bijv lokaal = "http://www.cmm.nl/" 
//----------------------------------------------------------------------------------------------------------------------
var lokaal
function getRoot(){
	rootLink = document.links[0] + " ";
	lokaal = rootLink.substring(0,rootLink.lastIndexOf("/") + 1);
}

//----------------------------------------------------------------------------------------------------------------------
// ##  Functie om functie te laden ipv window.onload om de functie in queue te plaatsen als schem wordt geladen
// Gebruik: addLoadEvent( functienaam );
//----------------------------------------------------------------------------------------------------------------------

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

//----------------------------------------------------------------------------------------------------------------------
// ##  vinkjes en kruisjes bij een clear form opdracht, leeg maken 
//----------------------------------------------------------------------------------------------------------------------
function resetVinkjes(){
	document.images.genderOK.src = "../../main_images/spacer.gif";
	document.images.naamOK.src = "../../main_images/spacer.gif";
	document.images.AnaamOK.src = "../../main_images/spacer.gif";
	document.images.adresOK.src = "../../main_images/spacer.gif";
	document.images.postcodeOK.src = "../../main_images/spacer.gif";
	document.images.stadOK.src = "../../main_images/spacer.gif";
	document.images.emailOK.src = "../../main_images/spacer.gif";
	// verbergt de overige referentie-field in het mail form
	document.forms[0].OtherReference.style.visibility = "hidden";

}


//----------------------------------------------------------------------------------------------------------------------
// ## voorkom hinderlijke foutmeldingen
//----------------------------------------------------------------------------------------------------------------------
function stopErrors() {
//	return true;
}
window.onerror = stopErrors;


//----------------------------------------------------------------------------------------------------------------------
// ## voorkom dat de site in andermans frame geladen wordt
//----------------------------------------------------------------------------------------------------------------------
if (window!= top){
	top.location.href=location.href
}


//----------------------------------------------------------------------------------------------------------------------
// ## preload spacer for fast en cleaner screen building
//----------------------------------------------------------------------------------------------------------------------
getRoot();
var spacerImage = new Image();
// spacerImage.src = lokaal + 'main_images/spacer.gif';
spacerImage.src = '/main_images/spacer.gif';

//----------------------------------------------------------------------------------------------------------------------
// ## eenvoudige style routine voor de belangrijkste browsers
// ## syntax: var theStyle = getStyleObject('ObjectId');
// ## theStyle.fontSize = ....                     
//----------------------------------------------------------------------------------------------------------------------
function getStyleObject(objectId) {	
    if(isDom && document.getElementById(objectId)) {
		return document.getElementById(objectId).style;		// dus W3C DOM
    } else if (isIE && document.all(objectId)) {
		return document.all(objectId).style;							// dus IE4 DOM
    } else if (isNS && document.layers[objectId]) {
		return document.layers[objectId];								// dus N4 DOM (vindt geen geneste layers!)
    } else {
		return null;																	// dus Niets
	}
}


//----------------------------------------------------------------------------------------------------------------------
// ## eenvoudige Object routine voor de belangrijkste browsers
// ## syntax: var myObject = getObject('ObjectId');
// ## myObject.innerHTML = .... 
//----------------------------------------------------------------------------------------------------------------------
function getObject(objectId) {
    if(isDom && document.getElementById(objectId)) {
		return document.getElementById(objectId);				// dus W3C DOM
    } else if (isIE && document.all(objectId)) {
		return document.all(objectId);							    	// dus IE4 DOM
    } else if (isNS && document.layers[objectId]) {
		return document.layers[objectId];								// dus N4 DOM (vindt geen geneste layers!)
    } else {
		return null;																	// dus Niets
	}
}


//----------------------------------------------------------------------------------------------------------------------
// ## eenvoudige preload routine met array voor de engelse site
// ## syntax:  preloadImgEN();      
//----------------------------------------------------------------------------------------------------------------------
var imgLijst;
function preloadImgEN(){
	getRoot();	// ophalen rootlink
	if (document.images){
		urlLijst = new Array();
		urlLijst[0] = lokaal + "main_images/home_en/aboutus_a.gif";
		urlLijst[1] = lokaal + "main_images/home_en/aboutus_b.gif";
		urlLijst[2] = lokaal + "main_images/home_en/education_a.gif";
		urlLijst[3] = lokaal + "main_images/home_en/education_b.gif";
		urlLijst[4] = lokaal + "main_images/home_en/courses_a.gif";
		urlLijst[5] = lokaal + "main_images/home_en/courses_b.gif";
		urlLijst[6] = lokaal + "main_images/home_en/showcase_a.gif";
		urlLijst[7] = lokaal + "main_images/home_en/showcase_b.gif";
		urlLijst[8] = lokaal + "main_images/home_en/news_a.gif";
		urlLijst[9] = lokaal + "main_images/home_en/news_b.gif";
		imgLijst = new Array();
		for (var teller = 0; teller < urlLijst.length; teller++){
			imgLijst[teller] = new Image();
			imgLijst[teller].src = urlLijst[teller];
		}
	}
}


//----------------------------------------------------------------------------------------------------------------------
// ## eenvoudige preload routine met array voor de nderlandse site
// ## syntax:  preloadImgNL();      
//----------------------------------------------------------------------------------------------------------------------
function preloadImgNL(){
	getRoot();	// ophalen rootlink 
	if (document.images){
		urlLijst = new Array();
		urlLijst[0] = lokaal + "main_images/home_nl/aboutus_a.gif";
		urlLijst[1] = lokaal + "main_images/home_nl/aboutus_b.gif";
		urlLijst[2] = lokaal + "main_images/home_nl/education_a.gif";
		urlLijst[3] = lokaal + "main_images/home_nl/education_b.gif";
		urlLijst[4] = lokaal + "main_images/home_nl/courses_a.gif";
		urlLijst[5] = lokaal + "main_images/home_nl/courses_b.gif";
		urlLijst[6] = lokaal + "main_images/home_nl/showcase_a.gif";
		urlLijst[7] = lokaal + "main_images/home_nl/showcase_b.gif";
		urlLijst[8] = lokaal + "main_images/home_nl/news_a.gif";
		urlLijst[9] = lokaal + "main_images/home_nl/news_b.gif";
		imgLijst = new Array();
		for (var teller = 0; teller < urlLijst.length; teller++){
			imgLijst[teller] = new Image();
			imgLijst[teller].src = urlLijst[teller];
		}
	}
}


//----------------------------------------------------------------------------------------------------------------------
// ## swap routine voor images
// ## syntax:  swapImage(object, listItem);      
//----------------------------------------------------------------------------------------------------------------------
var lastActive = new Array();
function swapImage(wie, wat){
	if (document.images){
		if (imgLijst[wat].complete && lastActive != ""){
			document.images[lastActive[0]].src = imgLijst[lastActive[1]].src;
		}
	}
	if (imgLijst[wat].complete && ((wat % 2) > 0)){
		document.images[wie].src = imgLijst[wat].src;
		lastActive[0] = wie;
		lastActive[1] = wat-1;
	}
}


//----------------------------------------------------------------------------------------------------------------------
// ## eenvoudige move routine voor layers of divs
// ## syntax:  moveObject('ObjectId', offsetH, offsetV);    
//----------------------------------------------------------------------------------------------------------------------
function moveObject(objectId, myOffsetH, myOffsetV) {
	var element = getStyleObject(objectId);
	var positieH = parseInt(element.left) + myOffsetH;
	positieH = (isNS4) ? positieH : positieH + "px";
	element.left = positieH;

	var positieV = parseInt(element.top) + myOffsetV;
	positieV = (isNS4) ? positieV : positieV + "px";
	element.top = positieV;
}


//----------------------------------------------------------------------------------------------------------------------
// ## algemeen popup window routine zelftestend
// ##     syntax:  popUpWindow(URL, naam, left, top, width, height);      
//----------------------------------------------------------------------------------------------------------------------
var CMM_popup = 0;
var oldWin = 0
function popUpWindow(URLStr, naam, left, top, width, height){
	opties = 'toolbar=no,location=no,directories=no,status=no,scrollbars=yes,menubar=no,resizable=no,copyhistory=yes,'
	opties += 'width=' + width + ',height=' + height + ',left=' + left + ',top=' + top + ',screenX=' + left + ',screenY=' + top +''
  	CMM_popup = open(URLStr,naam,opties);
	oldWin = URLStr;
}

function closeWindow(){
	if(typeof CMM_popup == "object" && !CMM_popup.closed){ // indien het venster bestaat en het niet gesloten is? sluit het venster
		CMM_popup.close();
	}
}
//----------------------------------------------------------------------------------------------------------------------
// ## popup showcasewindow routine zelftestend
// ##     syntax:   maakWindow(course, naam, media, content, contentW, contentH);      
// ##   media: image, qt, flash, mp3, {shock, etc}
// ##   content: url of html
// ##   contentW: afmeting van de content
//----------------------------------------------------------------------------------------------------------------------
function maakWindow(course, naam, media, content, contentW, contentH){
	if(typeof CMM_popup == "object" && !CMM_popup.closed){ // indien het venster bestaat en het niet gesloten is? sluit het venster en roep opnieuw de functie aan
		CMM_popup.close();
		var delayed = setTimeout('maakWindow("'+course+'", "'+naam+'", "'+media+'", "'+content+'", '+contentW+', '+contentH+');',500); // a 1/2 second delay
	} else { // als eerste keer of na sluiten van het venster met delay oproep (IE bug), bouw nieuw venster 
		window.onunload = closeWindow 					// maak een hook naar deze functie bij een unload event	
		getRoot();
		media = media.toLowerCase();
		var realContent;
		switch(media){
			case"image":
			realContent	= '<img src="' + content + '" alt="'+ course +', '+ naam +'" class="whiteSpace" width="'+ contentW +'" height="'+ contentH +'" hspace="0" vspace="0" border="0" \/>\n';
			contentH += 60 // voor wit marge
			break;
			
			case"qt":
			contentH += 16 // voor de controller
			realContent = '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http:\/\/www.apple.com\/qtactivex\/qtplugin.cab" '
			realContent += 'name="Movie" width="'+ contentW +'"height="'+ contentH +'" hspace="0" vspace="0" id="Movie">\n'
  			realContent += '<param name="src" value="' + content + '"><param name="autoplay" value="true">'
  			realContent += '<param name="controller" value="true"><param name="cache" value="false"><param name="bgcolor" value="#ffffff">'  
 			realContent += '<param name="kioskmode" value="true"><param name="scale" value="aspect">\n'
  			realContent += '<embed src="' + content + '" width="'+ contentW +'" height="'+ contentH +'" hspace="0" vspace="0" '
  			realContent += 'pluginspage="http:\/\/www.apple.com\/quicktime\/download\/" name="Movie" autoplay="true" controller="true" '
  			realContent += 'cache="false" bgcolor="#ffffff" kioskmode="true" scale="aspect"><\/embed><\/object>\n'
			realContent += '<br \/><span class="basiscontent">QuickTime Video Player<\/span>\n'
			contentH += 100 // voor wit marge en header
			break;
			
			case"flash":
			realContent	= content + '\n';	
			break;
			
			case"shock":
			realContent = '<object classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000" codebase="http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/director\/sw.cab#version=8,5,1,0" '
			realContent += 'name="Movie" width="'+ contentW +'"height="'+ contentH +'" hspace="0" vspace="0" id="Movie">\n'
  			realContent += '<param name="src" value="' + content + '">'
  			realContent += '<param name="swRemote" value="swSaveEnabled=\'false\' swVolume=\'false\' swRestart=\'false\' swPausePlay=\'false\' swFastForward=\'false\' swContextMenu=\'false\' ">'  
 			realContent += '<param name="swStretchStyle" value="none"><param name="bgColor" value="#ffffff"> <param name="progress" value="false"> <param name="logo" value="false">\n'
  			realContent += '<embed src="' + content + '" width="'+ contentW +'" height="'+ contentH +'" hspace="0" vspace="0" '
  			realContent += 'pluginspage="http:\/\/www.macromedia.com\/shockwave\/download\/" name="Movie" progress="false" logo="false" swstretchstyle="none" type="application/x-director" '
  			realContent += 'swremote="swSaveEnabled=\'false\' swVolume=\'false\' swRestart=\'false\' swPausePlay=\'false\' swFastForward=\'false\' swContextMenu=\'false\' " bgcolor="#ffffff" ><\/embed><\/object>\n'
			realContent += '<br \/><span class="basiscontent">Macromedia Shockwave Player<\/span>\n'
			contentH += 110 // voor wit marge en header
			break;

			
			case"mp3":
			contentH += 16 // voor de controller
			realContent = '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http:\/\/www.apple.com\/qtactivex\/qtplugin.cab" '
			realContent += 'name="Movie" width="'+ contentW +'"height="'+ contentH + '" hspace="0" vspace="0" id="Movie">\n'
  			realContent += '<param name="src" value="' + content + '"><param name="autoplay" value="true">'
  			realContent += '<param name="controller" value="true"><param name="cache" value="false"><param name="bgcolor" value="#ffffff">'  
 			realContent += '<param name="kioskmode" value="true"><param name="scale" value="aspect">\n'
  			realContent += '<embed src="' + content + '" width="'+ contentW +'" height="'+ contentH +'" hspace="0" vspace="0" '
  			realContent += 'pluginspage="http:\/\/www.apple.com\/quicktime\/download\/" name="Movie" autoplay="true" controller="true" '
  			realContent += 'cache="false" bgcolor="#ffffff" kioskmode="true" scale="aspect"><\/embed><\/object>\n'
			realContent += '<br \/><span class="basiscontent">QuickTime Audio Player<\/span>\n'
			contentH += 100 // voor wit marge
			break;
			
			default:
			realContent	= content + '\n';
			contentH += 60 // voor wit marge
		}
		
		var width = contentW + 100;  // voor de overige content
		var height = contentH + 120;  // voor de overige content
		var top = 50;
		var left = 50;
		var dummyURL = isOpera ? 'dummy.htm' : ''; // Opera Fix  DONT USE IT FOR SAFARI!
		var opties = 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,scrollbar=no,resizable=no,copyhistory=yes,';
		opties += 'width=' + width + ',height=' + (height+3) + ',left=' + left + ',top=' + top + ',screenX=' + left + ',screenY=' + top +'';
  		CMM_popup = window.open(dummyURL,'CMM_popup',opties);
		
		var stijlfix = ""
		if (document.all){
			var stijlfix = ' style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin-right: -15px; margin-bottom: -15px;""'
		}
		// width -= 20;
		// height -= 20;
		
		// alert(CMM_popup)
		var pagina = ""
		pagina += '<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN"\n';
		pagina += '"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd">\n';
		pagina += '<html xmlns="http:\/\/www.w3.org\/1999\/xhtml">\n';
		pagina += '<head><title>CMM: ' + course +', '+ naam + '<\/title>\n';
		pagina += '<meta http-equiv="Content-Type" content="text\/html; charset=iso-8859-1" \/>\n';
		pagina += '<link href="' + lokaal + 'js_css/cmmstyle.css" rel="stylesheet" type="text\/css" \/>\n';
		pagina += '<\/head>\n';
		pagina += '<body class="popupcolor" text="#000000" link="#006666" vlink="#990000" alink="#006666" '
		pagina += 'leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">\n';
		pagina += '<table width="' + width +'" height="' + height +'" border="0" cellspacing="0" cellpadding="0" align="center"'+stijlfix+'>'
		pagina += '<tr><td height="50" align="center" valign="middle" class="popupcolor">\n';
		pagina += '<span class="popupheaderfont">' + course.toUpperCase() + '<br \/><\/span>\n';
		pagina += '<span class="popupnaamfont">' + naam + '<\/span>\n';
		pagina += '<\/td><\/tr>\n';
		pagina += '<tr><td height="5" align="left" valign="top" class="whiteSpace">\n';
		pagina += '<img src="' + lokaal + 'main_images\/popshadow_top.gif" width="100%" height="5" hspace="0" vspace="0" border="0" align="top" \/>\n';
		pagina += '<\/td><\/tr>\n';
		pagina += '<tr><td height="' + contentH + '" align="center" valign="middle" bgcolor="#ffffff">\n';
		pagina += realContent;
		pagina += '<\/td><\/tr>\n';
		pagina += '<tr><td height="5" align="left" valign="bottom" class="whiteSpace">\n';
		pagina += '<img src="' + lokaal + 'main_images\/popshadow_bott.gif" width="100%" height="5" hspace="0" vspace="0" border="0" align="absbottom" \/>\n';
		pagina += '<\/td><\/tr>\n';
		pagina += '<tr><td align="center" valign="middle" height="45" class="popupcolor">\n';
		pagina += '<span class="basiscontent"><a href="javascript:window.close();">Close this window.<\/a><\/span>\n';
		pagina += '<\/td><\/tr><\/table><\/body><\/html>\n';

		CMM_popup.document.open();
		if (isOpera) {
			CMM_popup.document.title = 'CMM: ' + course +', '+ naam;		// Opera Fix
		}
		CMM_popup.document.write(pagina);
		CMM_popup.document.close();
		CMM_popup.focus();
		
	}	
}

function showStatus(msg){
	window.status = msg;
	return true; 
}


//----------------------------------------------------------------------------------------------------------------------
// ## eenvoudige rollover routine IE4+, NS6+ & Dom
// ## syntax:  rollColor(itemNaam, kleur);     
//----------------------------------------------------------------------------------------------------------------------
function rollColor(itemNaam, kleur){
	if(isDom){     
    	eval('document.getElementById("' + itemNaam + '").style.backgroundColor="' + kleur + '"');  
	} else if(isIE4){         
   		eval('document.all.' + itemNaam + '.style.backgroundColor="' + kleur + '"');  
 	}
 }


//----------------------------------------------------------------------------------------------------------------------
// ## turn hilite menu_item on
//----------------------------------------------------------------------------------------------------------------------
function menuhilite_on(menu_onderdeel) {
	selected_object=document.getElementById(menu_onderdeel.id).style;
	selected_object.backgroundColor='#708070';
	selected_object.cursor='Hand';
}


//----------------------------------------------------------------------------------------------------------------------
// ## turn hilite menu_item off
//----------------------------------------------------------------------------------------------------------------------
function menuhilite_off(menu_onderdeel) {
	selected_object=document.getElementById(menu_onderdeel.id).style;
	selected_object.backgroundColor='#8e9c8e';
	selected_object.cursor='Default';
}

//----------------------------------------------------------------------------------------------------------------------
// ## turn hilite BACK menu_item on
//----------------------------------------------------------------------------------------------------------------------
function menuhiliteback_on(menu_onderdeel) {
	selected_object=document.getElementById(menu_onderdeel.id).style;
	selected_object.backgroundColor='#da6946';
	selected_object.cursor='Hand';
}


//----------------------------------------------------------------------------------------------------------------------
// ## turn hilite BACK menu_item off
//----------------------------------------------------------------------------------------------------------------------
function menuhiliteback_off(menu_onderdeel) {
	selected_object=document.getElementById(menu_onderdeel.id).style;
	selected_object.backgroundColor='#fb7951';
	selected_object.cursor='Default';
}



//----------------------------------------------------------------------------------------------------------------------
// ## eenvoudige formvalidatie routine (2-talig)
// ## syntax:  validateForm(formulier);    
//----------------------------------------------------------------------------------------------------------------------
function validateForm(formulier) {
	var fout= false;
	// test voor gender
	if (!(formulier.gender[0].checked || formulier.gender[1].checked)){
		document.images.genderOK.src = "../images/kruisje.gif";
		if (fout==false){fout = formulier.gender[0];}
	} else {
			document.images.genderOK.src = "../images/vinkje.gif";
	}

// test voor voornaam
	if (formulier.voornaam.value == formulier.voornaam.defaultValue || formulier.voornaam.value == "" ){
		document.images.naamOK.src = "../images/kruisje.gif";
		if (fout==false){fout = formulier.voornaam;}
	} else {
			document.images.naamOK.src = "../images/vinkje.gif"
	}
	
	// test voor achternaam
	if (formulier.achternaam.value == formulier.achternaam.defaultValue || formulier.achternaam.value == "" ){
		document.images.AnaamOK.src = "../images/kruisje.gif";
		if (fout==false){fout = formulier.achternaam;}
	} else {
			document.images.AnaamOK.src = "../images/vinkje.gif"
	}
		
	// test voor adres
	if (formulier.adres.value == formulier.adres.defaultValue || formulier.adres.value == "" ){
		document.images.adresOK.src = "../images/kruisje.gif";
		if (fout==false){fout = formulier.adres;}
	} else {
			document.images.adresOK.src = "../images/vinkje.gif";
	}

	// test voor postcode
	if (formulier.postcode.value == formulier.postcode.defaultValue || formulier.postcode.value == "" ){
		document.images.postcodeOK.src = "../images/kruisje.gif";
		if (fout==false){fout = formulier.postcode;}
	} else {
			document.images.postcodeOK.src = "../images/vinkje.gif";
	}
	
	// test voor city
	if (formulier.stad.value == formulier.stad.defaultValue || formulier.stad.value == "" ){
		document.images.stadOK.src = "../images/kruisje.gif";
		if (fout==false){fout = formulier.stad;}
	} else {
			document.images.stadOK.src = "../images/vinkje.gif";
	}
	
	
	
	
	
 	
	// bepaal of email ingevuld is en een "geldig" email is
	if (formulier.email == formulier.email.defaultValue || formulier.email.value == ""){
		document.images.emailOK.src = "../images/kruisje.gif";
		if (fout==false){fout = formulier.email;}
	} else if (! /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-]{1,99})+\.)+([a-zA-Z0-9]{2,5})+$/.test(formulier.email.value)){
		document.images.emailOK.src = "../images/kruisje.gif";
		if (fout==false){fout = formulier.email;}
	} else {
			document.images.emailOK.src = "../images/vinkje.gif";
	}

	// als fout dan alert bouwen van alle fouten en een intro tekst
	if (!(fout == false)){
		if (taal == "ned") {
  			alert('Een of meer velden zijn leeg\nof hebben een verkeerde waarde!');
		}else{
			alert('One or more fields are empty,\nor have an incorrect value!')
		}
		fout.focus();
  		return false; // indien fout toon fout(en) en blokkeer submit!
	} else {
		formulier.realname.value = formulier.voornaam.value + ' ' + formulier.achternaam.value; // for the cgi script
  		return true; // indien goed, submit maar
	}
}

//----------------------------------------------------------------------------------------------------------------------
// ## eenvoudige formvalidatie routine (2-talig)
// ## syntax:  validateFormSmall(formulier);    
//----------------------------------------------------------------------------------------------------------------------
function validateFormSmall(formulier) {

	var fout= false;

	// bepaal of email ingevuld is en een "geldig" email is
	if (formulier.email.value == formulier.email.defaultValue || formulier.email.value == "" ){
		if (fout==false){fout =formulier.email;}
	} else if (! /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-]{1,99})+\.)+([a-zA-Z0-9]{2,5})+$/.test(formulier.email.value)){
		if (fout==false){fout = formulier.email;}
	}


	// als fout dan alert bouwen van alle fouten en een intro tekst
	if (!(fout == false)){
		if (taal == "ned") {
  			alert('Het e-mailadres dat u heeft ingevuld\nis ongeldig!');
		}else{
			alert('The e-mail address you provided is not valid!')
		}
		fout.focus()
  		return false // indien fout toon fout(en) en blokkeer submit!
	} else {
		formulier.realname.value = formulier.naam.value + ' '; // for the cgi script

  		return true // indien goed, submit maar
	}
}



//----------------------------------------------------------------------------------------------------------------------
// ## popup showcasewindow routine zelftestend
// ##     syntax:   maakWindow(course, naam, media, content, contentW, contentH);      
// ##   media: plain, qt, flash, mp3, {shock, etc}
// ##   content: url of html
// ##   contentW: afmeting van de content
//----------------------------------------------------------------------------------------------------------------------
function maakWindowBackup(course, naam, media, content, contentW, contentH){
	if(typeof CMM_popup == "object" && oldWin == naam+course && !CMM_popup.closed){
    	CMM_popup.close();
	} else {
		var width = contentW + 80;
		var height = contentH + 140;
		var top = 50;
		var left = 50;
		opties = 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbar=no,resizable=no,copyhistory=yes,';
		opties += 'width=' + width + ',height=' + height + ',left=' + left + ',top=' + top + ',screenX=' + left + ',screenY=' + top +'';
  		CMM_popup = open('', 'CMM_popup',opties);
		oldWin = naam+course;
		getRoot();
		media = media.toLowerCase();
		var realContent;
		switch(media){
			case"plain":
			realContent	= '<img src="' + content + '" alt="'+ course +', '+ naam +'" class="whiteSpace" width="'+ contentW +'" height="'+ contentH +'" hspace="0" vspace="0" border="0" \/>\n';
			break;
			case"qt":
			contentH += 16
			realContent = '<h3>QuickTime Video Player<\/h3>\n'
			realContent += '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http:\/\/www.apple.com\/qtactivex\/qtplugin.cab" '
			realContent += 'name="Movie" width="'+ contentW +'"height="'+ contentH +'" hspace="0" vspace="0" id="Movie">\n'
  			realContent += '<param name="src" value="' + content + '"><param name="autoplay" value="true">'
  			realContent += '<param name="controller" value="true"><param name="cache" value="false"><param name="bgcolor" value="#ffffff">'  
 			realContent += '<param name="kioskmode" value="true"><param name="scale" value="aspect">\n'
  			realContent += '<embed src="' + content + '" width="'+ contentW +'" height="'+ contentH +'" hspace="0" vspace="0" '
  			realContent += 'pluginspage="http:\/\/www.apple.com\/quicktime\/download\/" name="Movie" autoplay="true" controller="true" '
  			realContent += 'cache="false" bgcolor="#ffffff" kioskmode="true" scale="aspect"><\/embed><\/object>\n'
			break;
			case"flash":
			realContent	= content + '\n';	
			break;
			case"mp3":
			contentH += 16
			realContent = '<h3>QuickTime Audio Player<\/h3>\n'
			realContent += '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http:\/\/www.apple.com\/qtactivex\/qtplugin.cab" '
			realContent += 'name="Movie" width="'+ contentW +'"height="'+ contentH + '" hspace="0" vspace="0" id="Movie">\n'
  			realContent += '<param name="src" value="' + content + '"><param name="autoplay" value="true">'
  			realContent += '<param name="controller" value="true"><param name="cache" value="false"><param name="bgcolor" value="#ffffff">'  
 			realContent += '<param name="kioskmode" value="true"><param name="scale" value="aspect">\n'
  			realContent += '<embed src="' + content + '" width="'+ contentW +'" height="'+ contentH +'" hspace="0" vspace="0" '
  			realContent += 'pluginspage="http:\/\/www.apple.com\/quicktime\/download\/" name="Movie" autoplay="true" controller="true" '
  			realContent += 'cache="false" bgcolor="#ffffff" kioskmode="true" scale="aspect"><\/embed><\/object>\n'
			break;
			default:
			realContent	= content + '\n';	
		}
		
		var pagina = ""
		pagina += '<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN"\n';
		pagina += '"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd">\n';
		pagina += '<html xmlns="http:\/\/www.w3.org\/1999\/xhtml">\n';
		pagina += '<head><title>CMM: ' + course +', '+ naam + '<\/title>\n';
		pagina += '<meta http-equiv="Content-Type" content="text\/html; charset=iso-8859-1" \/>\n';
		pagina += '<link href="' + lokaal + 'js_css/cmmstyle.css" rel="stylesheet" type="text\/css" \/>\n';
		pagina += '<\/head>\n';
		pagina += '<body bgcolor="#FFFFFF" text="#000000" link="#006666" vlink="#990000" alink="#006666" '
		pagina += 'leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">\n';
		pagina += '<table width="' + width +'" height="' + height +'" border="0" cellspacing="0" cellpadding="0" align="center">'
		pagina += '<tr><td height="45" align="center" valign="middle" class="popupcolor">\n';
		pagina += '<span class="popupheaderfont">' + course.toUpperCase() + '<br \/><\/span>\n';
		pagina += '<span class="basiscontent">' + naam + '<\/span>\n';
		pagina += '<\/td><\/tr>\n';
		pagina += '<tr><td height="5" align="left" valign="top" class="whiteSpace">\n';
		pagina += '<img src="' + lokaal + 'main_images\/popshadow_top.gif" width="100%" height="5" hspace="0" vspace="0" border="0" align="top" \/>\n';
		pagina += '<\/td><\/tr>\n';
		pagina += '<tr><td height="' + (contentH+60) + '" align="center" valign="middle">\n';
		pagina += realContent;
		pagina += '<\/td><\/tr>\n';
		pagina += '<tr><td height="5" align="left" valign="bottom" class="whiteSpace">\n';
		pagina += '<img src="' + lokaal + 'main_images\/popshadow_bott.gif" width="100%" height="5" hspace="0" vspace="0" border="0" align="absbottom" \/>\n';
		pagina += '<\/td><\/tr>\n';
		pagina += '<tr><td align="center" valign="middle" height="25" class="popupcolor">\n';
		pagina += '<span class="basiscontent"><a href="javascript:window.close();">Close this window.<\/a><\/span>\n';
		pagina += '<\/td><\/tr><\/table><\/body><\/html>\n';

		CMM_popup.document.write(pagina);
		CMM_popup.document.close();
		CMM_popup.focus();
		
	}	
}

function testOther(who) {
	var welke = who.selectedIndex;
	wie = who.options[welke].value
	if (wie == "Other") {
		who.form.OtherReference.style.visibility = "visible";
		who.form.OtherReference.value = who.form.OtherReference.defaultValue
	} else {
		who.form.OtherReference.style.visibility = "hidden";
	}
}

function changecss(theClass,element,value) {
// Copyright 2006-2008
// http://www.shawnolson.net
// If you copy any functions from this page into your scripts, 
// you must provide credit to Shawn Olson & http://www.shawnolson.net
//*******************************************

	var cssRules;
	var added = false;

	for (var S = 0; S < document.styleSheets.length; S++){
		if (document.styleSheets[S]['rules']) {
			cssRules = 'rules';
		} else if (document.styleSheets[S]['cssRules']) {
			cssRules = 'cssRules';
		} else {
			//no rules found... browser unknown
		}

		for (var R = 0; R < document.styleSheets[S][cssRules].length; R++) {
			if (document.styleSheets[S][cssRules][R].selectorText == theClass) {
				if(document.styleSheets[S][cssRules][R].style[element]){
					document.styleSheets[S][cssRules][R].style[element] = value;
					added=true;
					break;
				}
			}
		}
		if(!added){
			if(document.styleSheets[S].insertRule){
				document.styleSheets[S].insertRule(theClass+' { '+element+': '+value+'; }',document.styleSheets[S][cssRules].length);
			} else if (document.styleSheets[S].addRule) {
				document.styleSheets[S].addRule(theClass,element+': '+value+';');
			}
		}
	}
}