$(document).ready(function(){

	// start scrollable content
	$("div#contentmain").scrollable({
		size: 1,
		items: '#paginas',
		clickable: false,
		navi: 'ul#menulist',
		loop: false,
		prev: "#teruglink",
		next: "#volgendelink"
	});	
	
	// verwijder of verander instellingen als javascript is ingeschakeld.
	$("#paginas").children("div").css('clear', 'none');
	$("ul#menulist").children("li").children("a").attr("href", "#");
	$("#teruglink").css('visibility', 'visible');
	$("#volgendelink").css('visibility', 'visible');
	
	
	// start fancybox
	$("a#port").fancybox({
		'padding': 0,
		'zoomOpacity': true,
		'zoomSpeedIn': 300,
		'zoomSpeedOut': 300
	});
	
	
	// menu hovers
	$("#overonslink").mouseover( function(){ $("#overonshover").css('visibility','visible'); })
	$("#overonslink").mouseout( function(){  $("#overonshover").css("visibility","hidden"); })
	
	$("#dienstenlink").mouseover( function(){ $("#dienstenhover").css('visibility','visible'); })
	$("#dienstenlink").mouseout( function(){ $("#dienstenhover").css('visibility','hidden'); })

	$("#portfoliolink").mouseover( function(){ $("#portfoliohover").css('visibility','visible'); })
	$("#portfoliolink").mouseout( function(){ $("#portfoliohover").css('visibility','hidden'); })

	$("#contactlink").mouseover( function(){ $("#contacthover").css('visibility','visible'); })
	$("#contactlink").mouseout( function(){ $("#contacthover").css('visibility','hidden'); })



	// contact form
	$("#submit").click(function(){
		
		
		// validating
		$(".error").hide();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;


		var naamVal = $("#naam").val();
		if(naamVal == '') {
			$("#naam").after('<span class="error">Vul je naam in.</span>');
			hasError = true;
		}

		var emailVal = $("#email").val();
		if(emailVal == '') {
			$("#email").after('<span class="error">Vul een email adres in.</span>');
			hasError = true;
		} else if(!emailReg.test(emailVal)) {
			$("#email").after('<span class="error">Vul een geldig email adres in.</span>');
			hasError = true;
		}

		// opzoeken hoe jquery werkt met radio buttons
		var onderwerpVal = $("#onderwerpAnders:checked").val();
		var onderwerpTextVal = $("#onderwerpText").val();
		
		if(onderwerpVal == '2' && onderwerpTextVal == '') {
			$("#onderwerpText").after('<span class="error">Je bent het onderwerp vergeten in te vullen.</span>');
			hasError = true;
		}
		

		var berichtVal = $("#bericht").val();
		if(berichtVal == '') {
			$("#bericht").after('<span class="error">Je bent het bericht vergeten.</span>');
			hasError = true;
		}



		// sending the message
		if(hasError == false) {
			$(this).hide();
			$("#loadingContainer").append('<img src="images/fancy_progress.png" alt="Loading" id="loading" />');
			
			$.post("handleform.php",
   				{ naam: naamVal, email: emailVal, onderwerp: onderwerpVal, onderwerpText: onderwerpTextVal, bericht: berichtVal },
   					function(data){
						$("#contactForm").slideUp("normal", function() {				   
							
							$("#contactForm").before('<div class="bedanktBericht"><h1>Bedankt!</h1><p>Je bericht is verstuurd. Wij gaan ons best doen deze zo snel mogelijk te beantwoorden. </p></div>');											
						});
   					}
				 );
		}
		
		return false;
	});
	
});