// 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 = "De volgende velden ontbreken:\n";
	var form = $('contactform');

	if (form.name.value == '') {
		msg += "- Uw naam\n";
	}
	if (form.name.value == '' || form.email.value == '') {
		msg += "- E-mail adres en/of telefoon\n";
	}
	if (form.question.value == '') {
		msg += "- Uw vraag\n";
	}

	if (msg != "De volgende velden ontbreken:\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;
	}
}

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} });
			}
		});
	}
);