oldImage = 1;

	function showImage(afbeelding, obj, sClass) {
		
		normalClass = 'thumbnail';
		hoverClass = 'thumbnail-selected';
			
		if (sClass != '' ) {
			normalClass = 'pthumbnail';
			hoverClass = 'pthumbnail-selected';
		}
		
		if (window['oldImage']) {
			document.getElementById('photobooth' + oldImage).style.display = 'none';
			document.getElementById('thumb' + oldImage).className = normalClass;
		}
	
		document.getElementById('photobooth' + afbeelding).style.display = 'block';
		document.getElementById('thumb' + afbeelding).className = hoverClass;
		oldImage = parseFloat(afbeelding);
		
	}
	
	function switchClass(obj) {
		
		if (obj.className == 'menu-item') 
		{
			obj.className = 'menu-selected';		
		} else {
			obj.className = 'menu-item';		
		}
	}
	
	function scrollNextImage(sClass) {
	
		normalClass = 'thumbnail';
		hoverClass = 'thumbnail-selected';
			
		if (sClass != '' ) {
			normalClass = 'pthumbnail';
			hoverClass = 'pthumbnail-selected';
		}
		
		nextImage = parseFloat(oldImage) + 1;

		if (document.getElementById('photobooth' + nextImage) != null) {
		
			document.getElementById('photobooth' + oldImage).style.display = 'none';
			document.getElementById('photobooth' + nextImage).style.display = 'block';
			
			document.getElementById('thumb' + oldImage).className = normalClass;
			document.getElementById('thumb' + nextImage).className = hoverClass;
			
			oldImage = nextImage;
		}
		
	}
	
	function scrollPreviousImage(sClass) {
	
		normalClass = 'thumbnail';
		hoverClass = 'thumbnail-selected';
			
		if (sClass != '' ) {
			normalClass = 'pthumbnail';
			hoverClass = 'pthumbnail-selected';
		}
		
		previousImage = parseFloat(oldImage) - 1;
		
		if (document.getElementById('photobooth' + previousImage) != null) {
		
			document.getElementById('photobooth' + oldImage).style.display = 'none';
			document.getElementById('photobooth' + previousImage).style.display = 'block';
			
			document.getElementById('thumb' + oldImage).className = normalClass;
			document.getElementById('thumb' + previousImage).className = hoverClass;
			
			oldImage = previousImage;
		}

	}
	
	function displayHarmonica(harmonicaId) {
	
		harmonicaObject = document.getElementById('harmonica' + harmonicaId);
		//harmonicaPijl = document.getElementById('harmonicapijl' + harmonicaId);
		
		if (harmonicaObject.style.display == 'none') {
			harmonicaObject.style.display = 'block';
			//harmonicaPijl.src = '/img/pijlbeneden.gif';
		} else {
			harmonicaObject.style.display = 'none';
			//harmonicaPijl.src = '/img/pijlrechts.gif';
		}
	
	}
	
	function displayHotelHarmonica(harmonicaId) {
	
		harmonicaObject = document.getElementById('hotel-harmonica' + harmonicaId);
		harmonicaSpacer = document.getElementById('hotel-spacer' + harmonicaId);
		//harmonicaPijl = document.getElementById('hotel-harmonicapijl' + harmonicaId);
		
		if (harmonicaObject.style.display == 'none') {
			harmonicaObject.style.display = 'block';
			harmonicaSpacer.style.display = 'none';
			//harmonicaPijl.src = '/img/pijlbeneden.gif';
		} else {
			harmonicaObject.style.display = 'none';
			harmonicaSpacer.style.display = 'block';
			//harmonicaPijl.src = '/img/pijlrechts.gif';
		}
	
	}
	

	
	function verwijderArtikel(articleId) {
	
		doXmlRequest("/xml/verwijder_product.php?articleid=" + articleId, function() {

			returnAmount = parseFloat(globalXmlData);
			//totalAmount = parseFloat();

			document.getElementById('totalAmount').innerHTML = ' € ' + returnAmount.toFixed(2);
			//= ' € ' + globalVars['totaal'].toFixed(2);
			
			cnode = document.getElementById('product' + articleId);
			pnode = document.getElementById('product' + articleId).parentNode;
			
			pnode.removeChild(cnode);
		});
	
		
	}
	
	function init() {
		
		if (document.getElementById('scrollphoto')) {
			
			oldObject = 1;
		}
		
		if (document.getElementById('promotiebalk')) {
		
		
		
		}
		
	}

	
	
	
	function highlightHarmonica(harmonicaId, bool) {
	
		
		
		if (bool) {
		
			obj = document.getElementById('xid' + harmonicaId);
			obj.oClass = obj.className;
						
			document.getElementById('xid' + harmonicaId).style.backgroundImage = 'url(/img/hh-pijl-select.gif)';
			document.getElementById('xid' + harmonicaId).style.backgroundColor = '#c6a973';
			document.getElementById('xid' + harmonicaId).style.color = '#000';
			document.getElementById('t' + harmonicaId).style.color = '#000';
			document.getElementById('href' + harmonicaId).style.color = '#000';
			
		} else {
			
			document.getElementById('t' + harmonicaId).style.color = '#fff';
			document.getElementById('href' + harmonicaId).style.color = '#fff';
			
			if (obj.oClass == 'scrollitemLight') {
				obj.style.backgroundImage = "url(/img/hh-pijl-licht.gif)";
				obj.style.backgroundColor = '#ac8035';
			} else {
				obj.style.backgroundImage = "url(/img/hh-pijl-donker.gif)";
				obj.style.backgroundColor = '#a27224';
			}
		
		}
				
	}


	function CheckForm(form) {

		if (form.elements['achternaam'].value == '') {
			alert('Uw naam is niet ingevuld');
			return;
		}

		var postcode1 = String(form.elements['postcode'].value).substr(0,4);
		var postcode2 = String(form.elements['postcode'].value).substr(4,2);
		
		if (isNaN(postcode1)) {
			alert('ongeldige postcode');
			return false;
		}

		if (postcode1.length < 4) {
			alert('ongeldige postcode');
			return false;
		}

		if (postcode2.length < 2) {
			alert('ongeldige postcode');
			return false;
		}

		var re = new RegExp('[A-Za-z]{2}', 'gi');
	
		if (postcode2.match(re) == null) {
			alert('ongeldige postcode');
			return
		}

		if (form.elements['phone'].value == '') {
			alert('Uw telefoon is niet ingevuld');
			return;
		}

		form.submit();

	}

	function CheckAll(form) {

		var doSubmit = true;

		for (var i = 0; i < form.elements.length; i++) {
			
			var label = document.getElementById('lbl_' + form.elements[i].name);
			
			if (label) {
				label.style.color = '#000';
			}
		
			if (form.elements[i].value == '') {
				if (label) {
					label.style.color = '#ff0000';
				}
				doSubmit = false;
				
			}
		}

		if (!doSubmit) {
			
			return false;
		}
	}

	function preSubmit(form) {
	
		number_fields = Array();
		var count = '';
		
		
		
		var RegHome = new RegExp('home([0-9]*?)' ,'gi');
		
		if (form.name.match(RegHome) != null) {
			var count = form.name.replace('home', '');
		}
		
		if (form.name.match(RegHome) != false) {
			required = Array(
	
				'phone', 
				'postcode',
				'achternaam'
	
			);
			
			
		}

		switch (form.name) {
					
			case "landing-a":

				required = Array(
	
					'phone', 
					'postcode',
					'achternaam'
		
				);

			break;

			case "landing-b":

				required = Array(
	
					'phone', 
					'postcode',
					'achternaam',
					'straat',
					'nummer'
		
				);

			break;
			
			case "landing-d":

				required = Array(
	
					'phone', 
					'postcode',
					'achternaam',
					'straat',
					'nummer',
					'plaats'
		
				);

			break;

			case "bevestigform":
			
				required = Array(
					
					'gender', 
					'achternaam', 
					'initials',
					'straat', 
					'huisnr',
					'postcode', 
					'plaats', 
					'telefoon',
					'email'
		
				);

				number_fields = Array('huisnr', 'phone');


			break;
			
			case "eindigform":
				required = Array(
	
					'achternaam', 
					'email',
					'verzekeraar_polisnummer0'
		
				);
			
			break;

			case "contactform":
				required = Array(
	
					'achternaam', 
					'email'
		
				);


		
			break;
			
			case "aanmeldform":
				required = Array(
	
					'achternaam', 
					'polisnummer0', 
					'email'
		
				);


		
			break;
			
			
			
		}
		
		
		
		doContinue = true;

		for (i in required) {
			
			

			if (typeof required[i] == 'string') {
				
				
				obj = document.getElementById('lbl_' + required[i] + count);
				
				//val = document.getElementsByName(required[i])[0].value;
				//obj = document.forms[form.name]['lbl_' + required[i]];
		
				val = document.forms[form.name][required[i]].value;
				
				obj.style.color = '#666';
	
				if (val == '') {
					doContinue = false;
					obj.style.color = '#ff0000';
				}
				
				
			}
		}
		
		


		if (typeof document.getElementsByName('email')[0] != 'undefined') {
			if (document.getElementsByName('email')[0].value != 'onbekend') {

				re = new RegExp("[a-zA-Z0-9\.-_]+?(@[a-zA-Z0-9-_]+?)\\.{1}", 'gi');
				e = document.getElementsByName('email')[0].value;
				m = e.match(re);

				if (m == null) {
					//document.getElementById('lbl_email').style.color = '#ff0000';
					//document.forms[form.name]['lbl_email' + ].style.color = '#ff0000';
					document.getElementById('lbl_email' + count).style.color = '#ff0000';
					doContinue = false;
				}
			}

		}
		
		

		if (doContinue == false) {
			return false;
		}	

		for (i in number_fields) {
			
			if (!document.getElementsByName(number_fields[i])[0]) {
				continue;			
			}
			
			obj = document.getElementById('lbl_' + number_fields[i]);
			val = document.getElementsByName(number_fields[i])[0].value;

			re = new RegExp("[0-9\\+\\(\\)\\-]+?", "gi");
			m = val.match(re);

			if (m == null) {
				obj.style.color = '#ff0000';
				doContinue = false;
			}

		}
	
		isCheck = false;


		if (!doContinue) {
			alert('Niet alle verplichte velden zijn ingevuld.' + "\nVerplichte velden zijn gemarkeerd met een *");
			return false;
		}

		

		form.submit();
		//return doContinue;

	}


	function checkForm(form) {

		required = Array(
		
			'achternaam',
			'telefoon',
			'email'

		);

		doContinue = true;

		for (i in required) {

			obj = document.getElementById('lbl_' + required[i]);
			val = document.getElementsByName(required[i])[0].value;
			obj.style.color = '#fff';

			if (val == '') {
				doContinue = false;
				obj.style.color = '#ff0000';
			}

		}

		re = new RegExp("[a-zA-Z0-9\.-_]+?(@[a-zA-Z0-9-_]+?)\\.{1}", 'gi');
		e = document.getElementsByName('email')[0].value;
		m = e.match(re);

		if (m == null) {
			document.getElementById('lbl_email').style.color = '#ff0000';
			doContinue = false;
		}

		number_fields = Array('telefoon');

		for (i in number_fields) {
			
			obj = document.getElementById('lbl_' + number_fields[i]);
			val = document.getElementsByName(number_fields[i])[0].value;

			re = new RegExp("[0-9\\+\\(\\)\\-]+?", "gi");
			m = val.match(re);

			if (m == null) {
				obj.style.color = '#ff0000';
				doContinue = false;
			}

		}

		if (!doContinue) {
			alert('Not all the required fields are filled.' + "\nRequired fields are marked with *");
		}

		return doContinue;

	}

	function totals(f) {

		doXmlRequest('/xml/totals.php', function() {
			total = parseFloat(globalXmlData);	

			if (isNaN(total)) {
				return false;
			}

			if (total > 0) {
				f.submit();
			}
		});
		
		return false;

	}

	function fillTP(str) {
				
		parts = str.split(',');
		
		radioObj = document.forms['contactform'].tussenpersoon0;
		for(i = 0; i < radioObj.length; i++) {
			radioObj[i].value = parts[0];
		}
		
		document.getElementsByName('tp')[0].value = parts[0];
		document.getElementsByName('adres_tussenpersoon0')[0].value = parts[1];
		document.getElementsByName('postcode_tussenpersoon0')[0].value = parts[2];
		document.getElementsByName('plaats_tussenpersoon0')[0].value = parts[3];
		document.getElementsByName('tussenpersoonnr0')[0].value = parts[4];
		
	}
	
	function submitPostcode() {
		document.forms['postcodeform'].postcode.value = document.getElementsByName('postcode_contact')[0].value;
		document.forms['postcodeform'].submit();
	}
	
	/* zet de achtergrond kleur van zoekresultaat */
	function SetSelectedSearchResult(radio)
	{
		for (var i=0; i<document.contactform.tussenpersoon0.length; i++)  
		{
			var parentdiv = document.contactform.tussenpersoon0[i].parentNode.parentNode;
			parentdiv.style.background = 'white';
			
			if (document.contactform.tussenpersoon0[i].checked)  
				parentdiv.style.background = 'white url(/img/searchresultselectedbg.gif)';
		}
		
		radio.blur();
		
	}
	
	
	
	
	function toggleHarmonica(a, id)
	{
		
		//eerst alles dichtklappen
		$('harmonica').getChildren().each(function(el, i){
			
			if(el.className == 'contentContainer' && el.id != id)
			{
				el.setStyle('display', 'none');
			}
			else
			{
				el.setStyle('opacity', '0.7');
				el.setStyle('color', '#8b9396');
			}
			
		});
		
		
		e = $(id);
		if(e.getStyle('display') == 'none')
		{
			e.setStyle('display', 'block');
			a.setStyle('opacity', '1');
			a.setStyle('color', '#000');
			
		}	
		else
		{
			e.setStyle('display', 'none');
			a.setStyle('opacity', '0.7');
			a.setStyle('color', '#8b9396');	
		}	
		a.blur();
		return false;
	}