$(document).ready(function(){
							   
		$("a.fancy").fancybox( 
			{ 
				'zoomSpeedIn': 			300, 
				'zoomSpeedOut': 		300, 
				'overlayShow': 			false, 
				'hideOnContentClick':	true, 
				'padding': 				0, 
				'easingIn':				"easeOutCubic",
				'easingOut':			"easeOutExpo" 
			}
		);
		
		$("#btnHome").addClass("active");
		
		if (jQuery.browser.msie === true) 
		{
       		$('input.txt')
                .bind('focus', function() {
                        $(this).addClass('ieFocus');
                }).bind('blur', function() {
                        $(this).removeClass('ieFocus');
               });
			$('textarea')
                .bind('focus', function() {
                        $(this).addClass('ieFocus');
                }).bind('blur', function() {
                        $(this).removeClass('ieFocus');
               });
    	}

		
		//body scroll		
		var offsetContact = Math.round( $("#contact").offset().top ) - 95;
		var offsetVoorbeelden = Math.round( $("#voorbeelden").offset().top ) - 95;
	
        $(window).scroll(function () 
		{ 
			//var htmlStr = $(document).scrollTop();
			//$("#debug").text(htmlStr);
			 
			 if( $(document).scrollTop() >= offsetContact )
			 {
			 	$("#btnHome").removeClass("active");
				$("#btnVoorbeelden").removeClass("active");
				$("#btnContact").addClass("active");
			 }
			 else if( $(document).scrollTop() >= offsetVoorbeelden )
			 {
			 	$("#btnHome").removeClass("active");
				$("#btnVoorbeelden").addClass("active");
				$("#btnContact").removeClass("active");
			 }
			 else
			 {
			 	$("#btnHome").addClass("active");
				$("#btnVoorbeelden").removeClass("active");
				$("#btnContact").removeClass("active");
			 }
			 
		});
		
		// top nav buttons
		$('#btnHome').click(function(){
			$.scrollTo( '#home', 600 , {easing: hover_in_easing});
			return false;
		});
		$('#btnVoorbeelden').click(function(){
			$.scrollTo( '#voorbeelden', 600 , {easing: hover_in_easing});
			return false;
		});
		$('#btnContact').click(function(){
			$.scrollTo( '#contact', 600 , {easing: hover_in_easing});
			return false;
		});
		
		// folio
		
		var hover_in_easing="easeOutCubic";
		var hover_out_easing="easeInExpo";
		$(".infowrap").show();
		$("div.refwrap_inner").hover(function(){			
			$(this).find(".infowrap").animate({top:"0px"},{queue:false, duration: 380, easing: hover_in_easing});
		},function(){
			$(this).find(".infowrap").animate({top:"89px"},{queue:false, duration: 380, easing: hover_out_easing});
		});

		
		// form
		
		$('.error').hide();
		$("div#loader").hide();
				
		$('input#verzend').click(function(){
			
			$('.error').hide();
			$("div#loader").show();
		
			//
			var info = $("input#info").val();
			var process = $("input#process").val();
			
			if( info != "" || process != "yes" ) return false;
					
			var naam = escape( trim( $("input#naam").val() ) );
			var bedrijf = escape( trim( $("input#bedrijf").val() ) );
			var email = escape( trim( $("input#email").val() ) );
			var tel = escape( trim( $("input#telefoon").val() ) );
			var bericht = escape( trim( $("textarea#bericht").val() ) );
			var dataString = 'naam='+naam + '&bedrijf=' + bedrijf + '&email=' + email + '&tel=' + tel + '&bericht=' + bericht;
			//
			if( naam == "" ) {
				$("label#naam_err").show();
				$("input#naam").focus();
				$("div#loader").hide();
				return false;
			}
			if( email == "" ) {
				$("label#email_err").text("Dit is een verplicht veld");
				$("label#email_err").show();
				$("input#email").focus();
				$("div#loader").hide();
				return false;
			}
			if( !echeck(email) ) {
				$("label#email_err").text("Email is niet correct");
				$("label#email_err").show();
				$("input#email").focus();
				$("div#loader").hide();
				return false;
			}
			if( bericht == "" ) {
				$("label#bericht_err").show();
				$("textarea#bericht").focus();
				$("div#loader").hide();
				return false;
			}
			//
			$.ajax({
				type: "POST",
				url: "php/process_form.php",
				data: dataString,
				success: function() {
					$('#contact_wrapper').fadeOut(300 , function() {
						$('#contact_wrapper').html("<div id='message'></div>");
						$('#message').html("<p>Het formulier werd verzonden!<br/>Ik neem zo spoedig mogelijk contact met je op.</p>");
						$('#contact_wrapper').fadeIn(500) ;
					});
				}
			});
			return false;
			
		});
    });
	
	function trim(value) {
		value = value.replace(/^\s+/,'');
		value = value.replace(/\s+$/,'');
		return value;
	}
	
	function echeck(str) {
		var at="@";
		var dot=".";
		var lat=str.indexOf(at);
		var lstr=str.length;
		var ldot=str.indexOf(dot);
		if (str.indexOf(at)==-1) return false;
		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr) return false;
		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr) return false;
		if (str.indexOf(at,(lat+1))!=-1) return false;
		if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot) return false;
		if (str.indexOf(dot,(lat+2))==-1) return false;
		if (str.indexOf(" ")!=-1) return false;		
		return true;
	}
	
	function gospambot() { var loc = "mailto:mail@jeroencornelissen.be"; window.location = loc; }