$().ready(function() {

	setTextElement($('#contact_form input[name="first_name"]'), "Voornaam");
	setTextElement($('#contact_form input[name="last_name"]'), "Achternaam");
	setTextElement($('#contact_form input[name="email"]'), "E-mail");
	setTextElement($('#contact_form textarea[name="comment"]'), "Vraag/opmerking");
	setTextElement($('input#from'), "Vertrekadres");
	setTextElement($('input[name="phone"]'), "Telefoonnummer");

	$('#contact_form').submit(function() {
		
		if ($('input[name="first_name"]').val() == "Voornaam") {
			$('input[name="first_name"]').val('');
		}
		
		if ($('input[name="last_name"]').val() == "Achternaam") {
			$('input[name="last_name"]').val('');
		}
		
		if ($('textarea[name="comment"]').val() == "Vraag/opmerking") {
			$('textarea[name="comment"]').val('');
		}

		return true;
	});
	

	$('.reviews .item a').each(function(index, elem) {
		var class_name = $(elem).attr('id');
		$('.' +class_name).dialog({
			modal: true,
			autoOpen: false,
			width: 750
		});
	});

	$('.reviews .item a').click(function() {
		class_name = $(this).attr('id');		
		$('.' + class_name).dialog('open');
		return false;
	});
	

	$('.dialog_content').dialog({
		minHeight: 200,
		width: 475,
		modal: true,
		resizable: false,
		autoOpen: false
	});

	$('.datepick').datepicker({
		dateFormat: 'dd-mm-yy',
		showOn: "button",
		buttonImage: site.baseUrl + "/img/tpl/calendar.png",
		buttonImageOnly: true,
		changeMonth: true,
		changeYear: true,
		yearRange: '1940:2000'
	});

});

function setTextElement(name, defaultValue) {
	$(name).focus(function() {
		if ($(name).val().toLowerCase() == defaultValue.toLowerCase()) {
			$(name).val('');
		}
	});	
	$(name).blur(function() {
		if ($(name).val().toLowerCase() == "") {
			$(name).val(defaultValue);
		}
	});
}