// Leroy de Rouwe
// Bitfactory

function showClass(classname) {
	var arr = document.getElementsByClassName(classname);
	for (var i = 0; i < arr.length; i++) {
		new Effect.Appear(arr[i], { duration: 0.5 });
		//arr[i].style.display = '';
	}
}

function hideClass(classname) {
	var arr = document.getElementsByClassName(classname);
	for (var i = 0; i < arr.length; i++) {
		new Effect.Fade(arr[i], { duration: 0.5 });
		//arr[i].style.display = 'none';
	}
}

function onCheckToggleHideClass(elem, classname) {
	// Als de checkbox aanstaat, moeten alle elementen met de opgegeven classname verdwijnen en andersom
	var arr = document.getElementsByClassName(classname);
	for (var i = 0; i < arr.length; i++) {
		if (elem.checked) {
			new Effect.Fade(arr[i], { duration: 0.5 });
		}
		else {
			new Effect.Appear(arr[i], { duration: 0.5 });
		}
	}
}

function onCheckToggleHideId(elem, idname) {
	// Als de checkbox aanstaat, moet het opgegeven element verdwijnen en andersom
	var element = document.getElementById(idname);
	if (elem.checked) {
		new Effect.Fade(element, { duration: 0.5 });
	}
	else {
		new Effect.Appear(element, { duration: 0.5 });
	}
}

function bookingCopy() {
	if ($('maritimeform')) {
		var form = $('maritimeform');
	}
	if ($('industryform')) {
		var form = $('industryform');
	}
	form.contactperson2.value		= form.contactperson.value;
	form.companyname2.value			= form.companyname.value;
	form.address2.value				= form.address.value;
	form.zipcode2.value				= form.zipcode.value;
	form.city2.value				= form.city.value;
	form.country2.value				= form.country.value;
	form.emailaddress2.value		= form.emailaddress.value;
	form.telephonenumber2.value		= form.telephonenumber.value;
	form.faxnumber2.value			= form.faxnumber.value;
	form.companynamecheck2.checked	= form.companynamecheck.checked;
	form.emailaddresscheck2.checked	= form.emailaddresscheck.checked;
	form.faxnumbercheck2.checked	= form.faxnumbercheck.checked;
}

function contactCheck() {
	var msg = "Please check the following fields:\n";
	var form = $('contactform');

	if (form.name.value == '') {
		msg += "- Your name\n";
	}
	if (form.name.value == '' || form.email.value == '') {
		msg += "- E-mail address and/or telephone number\n";
	}
	if (form.question.value == '') {
		msg += "- Question\n";
	}

	if (msg != "Please check the following fields:\n") {
		alert(msg);
		return false;
	}
	else {
		return true;
	}
}

function bookingCheckGovernmental() {
	var msg = "Please check the following fields:\n";
	var form = $('governmentalform');

	if (form.surname.value == '') {
		msg += "- Surname\n";
	}
	if (form.firstname.value == '') {
		msg += "- First name\n";
	}
	if (form.emailaddress.value == '' && form.telephonenumber.value == '') {
		msg += "- Email address and/or telephone number\n";
	}
	
	if (msg != "Please check the following fields:\n") {
		alert(msg);
		return false;
	}
	else {
		return true;
	}
}

function bookingCheckMaritime() {
	var msg = "Please check the following fields:\n";
	var form = $('maritimeform');

	if (form.surname.value == '') {
		msg += "- Surname\n";
	}
	if (form.firstname.value == '') {
		msg += "- First name\n";
	}
	if ((form.emailaddresscheck2.checked == false && form.emailaddress2.value == '') && (form.telephonenumber.value == '')) {
		msg += "- Email address and/or telephone number\n";
	}
	if((form.birthdatecheck.checked == false && (form.birthdateday.selectedIndex == 0 || form.birthdatemonth.selectedIndex == 0 || form.birthdateyear.selectedIndex == 0))) {
		msg += "- Date of birth, or check the Unknown option\n";
	}
	if(form.contactperson.value == '') {
		msg += "- Name of contactperson (Booking Agent)\n";
	}
	if(form.address.value == '') {
		msg += "- Address of contactperson (Booking Agent)\n";
	}
	
	if (msg != "Please check the following fields:\n") {
		alert(msg);
		return false;
	}
	else {
		return true;
	}
}

function bookingCheckIndustry() {
	var msg = "Please check the following fields:\n";
	var form = $('industryform');
	if (form.contactperson.value == '') {
		msg += "- Name\n";
	}
	if ((form.emailaddresscheck.checked == false && form.emailaddress.value == '') && (form.telephonenumber.value == '')) {
		msg += "- Email address and/or telephone number\n";
	}
	if (msg != "Please check the following fields:\n") {
		alert(msg);
		return false;
	}
	else {
		return true;
	}
}

function onAppear(first_image, second_image){		
	//document.getElementById('output').innerHTML += first_image +' '+ second_image +'<hr>';
	
	//swap the images so that the one that has been faded in is in the outer div
	//and the next one to be faded in is waiting in the invisible inner div...
	document.getElementById("outer-appear").style.background = 'url('+first_image+')';
	document.getElementById("appear-div").style.display = 'none';
	document.getElementById("appear-div").style.background = 'url('+second_image+')';
			
}

function Appear(pic_one_id, pic_two_id){
	
	var one_id, two_id;
	
	//fade in the first time..
	new Effect.Appear('appear-div');
	
	//pic one becomes pic two, the one that has been morphed to...
	one_id = pic_two_id;
			
	//if we have come to end of pics array, start from start again...
	if(pic_two_id == pics_array.length-1)
		two_id = 0;
	else
		two_id = pic_two_id+1;
	
	//document.getElementById('output').innerHTML += one_id +' '+ two_id +'<br>';
		
	//get the pics to pass to onAppear...
	pic_one = pics_array[one_id];
	pic_two = pics_array[two_id];
	
	//document.getElementById('output').innerHTML += pic_one.src +' '+ pic_two.src +'<br>';

	setTimeout("onAppear('"+pic_one.src+"', '"+pic_two.src+"')", 3000);
	setTimeout("Appear("+one_id+", "+two_id+")", 4000);		
}

function disableCheck(name) {
	if ($(name)) {
		$(name).checked = false;
	}
}

function checkFormData(form) {
	var formid = form;
	var form = $(form);
	
	var msg = "De volgende velden zijn verplicht:\n\n";
	if(formid=='stap1') {
		if (form.course.value == '' || form.course.value == '0' ) {
			msg += "- Cursus\n";
		}
		if (form.location.value == '' || (form.location.value != '1' && form.location.value != '2' &&form.location.value != '3' &&form.location.value != '4' &&form.location.value != '5' &&form.location.value != '6') ) {
			msg += "- Locatie\n";
		}
		if (form.prefcoursedate.value == '' && (form.coursedateyear.value == '' || form.coursedatemonth.value == '' || form.coursedateday.value == '') ) {
			msg += "- Datum\n";
		}
		if (form.aantal.value == '' || form.aantal.value == '0' || (form.aantal.value != '1' && form.aantal.value != '2' && form.aantal.value != '3' && form.aantal.value != '4' && form.aantal.value != '5' && form.aantal.value != '6' && form.aantal.value != '7' && form.aantal.value != '8' && form.aantal.value != '9' && form.aantal.value != '10') ) {
			msg += "- Aantal\n";
		}
	}
	else if(formid=='stap2'){
		if (form.bedrijfsnaam_boeking.value == '') {
			msg += "- Bedrijfsnaam (boeking)\n";
		}
		if (form.naam_boeking.value == '') {
			msg += "- Naam (boeking)\n";
		}
		if (form.adres_boeking.value == '') {
			msg += "- Adres (boeking)\n";
		}
		if (form.postcode_boeking.value == '') {
			msg += "- Postcode (boeking)\n";
		}
		if (form.tel_boeking.value == '') {
			msg += "- Telefoonnummer (boeking)\n";
		}
		if (form.email_boeking.value == '') {
			msg += "- Email (boeking)\n\n";
		}
		if (form.bedrijfsnaam_factuur.value == '') {
			msg += "- Bedrijfsnaam (factuur)\n";
		}
		if (form.naam_factuur.value == '') {
			msg += "- Naam (factuur)\n";
		}
		if (form.adres_factuur.value == '') {
			msg += "- Adres (factuur)\n";
		}
		if (form.postcode_factuur.value == '') {
			msg += "- Postcode (factuur)\n";
		}
		if (form.tel_factuur.value == '') {
			msg += "- Telefoonnummer (factuur)\n";
		}
	}
	else if(formid=='stap3'){
		
		aantal = parseInt(form.aantal.value);
		aantal +=1;

		for(i=1; i<aantal; i++) {
			var achternaam = 'achternaam_'+i;
			var voornaam   = 'voornaam_'+i;
			var day        = 'day_'+i;
			var month      = 'month_'+i;
			var year       = 'year_'+i;
			if ( $(achternaam).value == '') {
				msg += "- Achternaam cursists " + i + "\n";
			}
			if ( $(voornaam).value == '') {
				msg += "- Voornaam cursists " + i + "\n";
			}
			if ( $(day).value == '' || $(month).value == '' || $(year).value == '') {
				msg += "- Geboortedatum cursists " + i + "\n\n";
			}
		}
		
	}
	else {
		msg = 'Ongeldige pagina aangeroepen';	
		return false;
	}
	
	if (msg != "De volgende velden zijn verplicht:\n\n") {
			alert(msg);
			return false;
	}
	else {
		document.forms.form.submit();
		return true;
	}
}

function copydata() {
	$('bedrijfsnaam_factuur').value = $('bedrijfsnaam_boeking').value;
	$('naam_factuur').value = $('naam_boeking').value;
	$('adres_factuur').value = $('adres_boeking').value;
	$('postcode_factuur').value = $('postcode_boeking').value;
	$('tel_factuur').value = $('tel_boeking').value;
}

document.observe ('dom:loaded', 
	function() {
		$$('a[rel]').each(function(element) {
			if (element.rel != 'lightbox[gallery]') {
				new Tip(element, element.rel, { effect: 'blind', duration: 0.5, hook:{ target: 'topRight', tip: 'topLeft' }, offset:{x:20, y:0} });
			}
		});
	}
);

function remCursists(target) {
	i = 0;
	
	var newkids = $('cursisten').childElements(); //bakpou!
	//alert(newkids);
	newkids.each(function(){
											   i = i+1;											   
											   });
	if(i>1){
		$(target).remove();
		// Update aantal voor javascript checkForm & mail
		aantal = $('aantal').readAttribute("value");
		aantal = parseInt(aantal)
		newaantal = aantal-1;
		$('aantal').writeAttribute("value",newaantal);
	}
	// If after remove we only have 1, remove the "remove button"
	if(i==2){
		$('remcursist').remove();
	}
}