$(document).ready(function(){

	Cufon.replace('h1', { fontFamily: 'Corbel' });
	Cufon.replace('h1.dinschrift', { fontFamily: 'DINSchrift' });
	Cufon.replace('h2', { fontFamily: 'JanicesHand' });
	Cufon.replace('h3', { fontFamily: 'Corbel' });
	Cufon.replace('#menu li.menuitem a', { fontFamily: 'Corbel', hover: true });
	Cufon.replace('#menu li.active a', { fontFamily: 'DINSchrift'});
	Cufon.replace('button.submit', { fontFamily: 'Corbel' });

	$('a[href^=http]').click( function() {
       window.open(this.href);
       return false;
   	});
	
	jQuery.extend({
		random: function(min, max) {
		  return Math.round(min + ((max - min)*(Math.random() % 1)));
		}
	});
	
	if($("#no_random_backstretch").length) {
		$.backstretch("/images/bg_1.jpg");
	}
	else if($("#kinder_backstretch").length) {
		$.backstretch("/images/bg_3.jpg");
	}
	else if($("#sport_backstretch").length) {
		$.backstretch("/images/bg_" + $.random(4,7) +".jpg");
	}
	else {
		$.backstretch("/images/bg_" + $.random(1,8) +".jpg");
	}
	
	
	$(".vestiging_head").click(function() {
		$(".vestiging_gegevens").slideUp();
		var display = $(this).parent(".vestiging").find(".vestiging_gegevens").css("display");
		if(display == "none") { $(this).parent(".vestiging").find(".vestiging_gegevens").slideDown(); }
		else { $(this).parent(".vestiging").find(".vestiging_gegevens").slideUp(); }
	});
	
	$(".location_dropdown .trigger").live('click', function() {
		var display = $(this).parent(".location_dropdown").find(".locations").css("display");
		if(display == "none") { $(this).parent(".location_dropdown").find(".locations").show(); }
		if(display == "block") { $(this).parent(".location_dropdown").find(".locations").hide(); }
	});
	
	$(".contact_home .location_dropdown .locations li").click(function() {
		var name = $(this).html();
		var val = $(this).attr("value");
		$(".contact_home .location_dropdown .trigger").html(name);
		$(".contact_home div #vestiging").val(val);
		$(".contact_home .location_dropdown .locations").hide();
	});
	
	$(".contactformulier table tr td .location_dropdown .locations li").click(function() {
		var name = $(this).html();
		var val = $(this).attr("value");
		$(".contactformulier table tr td .location_dropdown .trigger").html(name);
		$(".contactformulier table tr td #contact_ontvanger").val(val);
		$(".contactformulier table tr td .location_dropdown .locations").hide();
	});
	
	$(".afspraakformulier table tr td .location_dropdown .locations li").click(function() {
		var name = $(this).html();
		var val = $(this).attr("value");
		$(".afspraakformulier table tr td .location_dropdown .trigger").html(name);
		$(".afspraakformulier table tr td #contact_ontvanger").val(val);
		$(".afspraakformulier table tr td .location_dropdown .locations").hide();
	});
	
	//focus velden
	$("#email_tel").focus(function () {
         if($(this).val() == "Telefoon / e-mail") { $(this).val(""); }
    });
    $("#email_tel").focusout(function () {
         if($(this).val() == "") { $(this).val("Telefoon / e-mail"); }
    });
    
    $("#bericht_afspraak_small").focus(function () {
         if($(this).val() == "Eventuele vragen en/of opmerkingen") { $(this).val(""); }
    });
    
    $("#bericht_afspraak_small").focusout(function () {
         if($(this).val() == "") { $(this).val("Eventuele vragen en/of opmerkingen"); }
    });
    
    $(".slide_right .location_dropdown .locations").each( function() {
       $(this).find("li").last().addClass("last");
   	});
    
    
    //function medewerkers slide
    
   $(".slide_left p").each( function() {
       $(this).jScrollPane();
   	});
    
    $(".slide_right .location_dropdown .locations li").live('click', function() {
    	
    	var val = $(this).html();
    	var new_slide = ".slides_"+val;
    	
    	$(".current_slides").animate({
			"opacity": "hide"
			}, 300, function() {
			$(this).removeClass("current_slides");
		});
		
		$(new_slide).animate({
			"opacity": "show"
			}, 300, function() {
			$(".slide_left p").jScrollPane();
			$(new_slide).addClass("current_slides");
		});
		
		//alert($(new_slide +" .medewerker_slide").length);
		if($(new_slide +" .medewerker_slide").length == "2") {
			$("#medewerkers_left").animate({ "opacity": "hide" }, 300);
			$("#medewerkers_right").animate({ "opacity": "hide" }, 300);
		}
		else {
			$("#medewerkers_left").animate({ "opacity": "show" }, 300);
			$("#medewerkers_right").animate({ "opacity": "show" }, 300);
		}
		
		$(".slide_right .location_dropdown .locations").hide();
		
	});
    
    $('.medewerker_slides').each(function(index) {
   		var parent = $(this);
   		$(parent).find(".medewerker_slide").last().clone().removeClass("current").prependTo(parent);
   	});
    
	$("#medewerkers_right").click(function() {
		
		var display = $(".slide_right .location_dropdown .locations").css("display");
		if(display == "block") { $(".slide_right .location_dropdown .locations").hide(); }
		
		if (!$(".medewerker_slide").is(":animated")) {
			
			$(".current_slides .current").animate({
				"opacity": "hide"
				}, 300, function() {
				$(this).removeClass("current");
				$(".current_slides .medewerker_slide").first().remove();
				$(".current_slides .medewerker_slide").first().clone().appendTo(".current_slides");
			});
			
			$(".current_slides .current").next().animate({
				"opacity": "show"
				}, 300, function() {
				$(this).addClass("current");
				$(".slide_left p").jScrollPane();
				Cufon.replace('.slide_left h3', { fontFamily: 'Corbel' });
			});
			
		}
		
	});
	
	$("#medewerkers_left").click(function() {
		
		var display = $(".slide_right .location_dropdown .locations").css("display");
		if(display == "block") { $(".slide_right .location_dropdown .locations").hide(); }
		
		if (!$(".medewerker_slide").is(":animated")) {
			
			$(".current_slides .medewerker_slide").last().remove();
			$(".current_slides .medewerker_slide").last().clone().prependTo(".current_slides");
			
			$(".current_slides .current").animate({
				"opacity": "hide"
				}, 300, function() {
				$(this).removeClass("current");
			});
			
			$(".current_slides .current").prev().animate({
				"opacity": "show"
				}, 300, function() {
				$(this).addClass("current");
				$(".slide_left p").jScrollPane();
				Cufon.replace('.slide_left h3', { fontFamily: 'Corbel' });
			});
		}
		
	});
	// einde medewerkers slide
	
	//vCard form
	
	var vcard_form = $(".vcard_form");
	
	$("#vcard_email").focus(function () {
         if($(this).val() == "E-mail") { $(this).val(""); }
    });
    $("#vcard_email").focusout(function () {
         if($(this).val() == "") { $(this).val("E-mail"); }
    });
    
    var vcard_email = $("#vcard_email");
    
    vcard_email.blur(validateEmail2);
    
    vcard_form.submit(function(){		
		if(validateEmail2())
			return true
		else
			return false;
	});
	
	function validateEmail2(){
		//testing regular expression
		var a = vcard_email.val();
		var filter = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9_.-]+.[a-z]{2,4}$/;
		//if it's valid email
		if(filter.test(a)){
			vcard_email.removeClass("empty");
			return true;
		}
		//if it's NOT valid
		else{
			vcard_email.addClass("empty");
			return false;
		}
	}
	
	//Afspraak form
	
	var form_afrpaak = $(".contact_home");
	
	var vestiging = $("#vestiging");
	var email_tel = $("#email_tel");
	
	email_tel.blur(validateEmailTel);
	//email_tel.keyup(validateEmailTel);
	
	form_afrpaak.submit(function(){		
		if(validateVestiging() & validateEmailTel())
			return true
		else
			return false;
	});
	
	function validateVestiging(){
		if(vestiging.val().length < 1 ){ vestiging.addClass("empty"); $(".contact_home .location_dropdown .trigger").addClass("empty"); return false; }
		else{ vestiging.removeClass("empty"); $(".contact_home .location_dropdown .trigger").removeClass("empty"); return true; }
	}
	
	function validateEmailTel(){
		if(email_tel.val().length < 1 || email_tel.val() == "Telefoon / e-mail" ){ email_tel.addClass("empty"); return false; }
		else{ email_tel.removeClass("empty"); return true; }
	}
	
	//FORM validation
	var afspraakform = $(".afspraakformulier");
	
	//On Submitting
	
	afspraakform.submit(function(){
		if($(document).find("#code")) {
			if(validateName() & validateEmail() & validateTelefoon() & validateMessage() & validateCaptcha())
				return true
			else
				return false;
		} else {
		
			if(validateName() & validateEmail() & validateTelefoon() & validateMessage())
				return true
			else
				return false;
		}
	});
	
	//SUGGESTIEFORM validation
	var sug_form = $(".suggestieformulier");
	
	var sug_message = $("#sug_bericht");
	var sug_captcha = $("#sug_code");
	
	//On blur
	sug_message.blur(validateMessage2);
	sug_captcha.blur(validateCaptcha2);
	
	
	//On Submitting
	
	sug_form.submit(function(){
		if($(document).find("#sug_code")) {
			if(validateMessage2() & validateCaptcha2())
				return true
			else
				return false;
		} else {
		
			if(validateMessage2())
				return true
			else
				return false;
		}
	});

	
	//FORM validation
	var form = $(".contactformulier");
	
	var name = $("#naam");
	var email = $("#email");
	var telefoon = $("#telefoon");
	var message = $("#bericht");
	var captcha = $("#code");
	
	//On blur
	name.blur(validateName);
	email.blur(validateEmail);
	telefoon.blur(validateTelefoon);
	message.blur(validateMessage);
	captcha.blur(validateCaptcha);
	//On key press
	//name.keyup(validateName);
	//email.keyup(validateEmail);
	//telefoon.keyup(validateTelefoon);
	//message.keyup(validateMessage);
	//captcha.keyup(validateCaptcha);
	
	//On Submitting
	
	form.submit(function(){
		if($(document).find("#code")) {
			if(validateName() & validateEmail() & validateTelefoon() & validateMessage() & validateCaptcha())
				return true
			else
				return false;
		} else {
		
			if(validateName() & validateEmail() & validateTelefoon() & validateMessage())
				return true
			else
				return false;
		}
	});
	
	//validation functions
	
	function validateName(){
		if(name.val().length < 1 ){ name.addClass("empty"); return false; }
		else{ name.removeClass("empty"); return true; }
	}
	
	function validateTelefoon(){
		if(telefoon.val().length < 1 ){ telefoon.addClass("empty"); return false; }
		else{ telefoon.removeClass("empty"); return true; }
	}
	
	function validateMessage(){
		if(message.val().length < 1 ){ message.addClass("empty"); return false; }
		else{ message.removeClass("empty"); return true; }
	}
	
	function validateCaptcha(){
		if(captcha.val().length < 1 ){ captcha.addClass("empty"); return false; }
		else{ captcha.removeClass("empty"); return true; }
	}
	
	function validateMessage2(){
		if(sug_message.val().length < 1 ){ sug_message.addClass("empty"); return false; }
		else{ sug_message.removeClass("empty"); return true; }
	}
	
	function validateCaptcha2(){
		if(sug_captcha.val().length < 1 ){ sug_captcha.addClass("empty"); return false; }
		else{ sug_captcha.removeClass("empty"); return true; }
	}
	
	
	function validateEmail(){
		//testing regular expression
		var a = email.val();
		var filter = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9_.-]+.[a-z]{2,4}$/;
		//if it's valid email
		if(filter.test(a)){
			email.removeClass("empty");
			return true;
		}
		//if it's NOT valid
		else{
			email.addClass("empty");
			return false;
		}
	}
    
	
});