$(document).ready(function(){
	
	//formuliervelden
	$("label").each(function(){
		var labeltext = $(this).text();
		$(this).next("input[type=text]").attr("defaultValue", labeltext);
		$(this).next("textarea").attr("defaultValue", labeltext);
		$(this).remove();
	});
	$("input[type=text], textarea").each(function(){
		var inputvalue = $(this).attr("defaultValue");
		$(this).attr("value", inputvalue);
		if($(this).attr("value") != inputvalue){
			$(this).addClass("filled");
		}
	});
	$("input[type=text], textarea").each(function(){
		var defaultval = $(this).attr("defaultValue");
		var emailRegex = /^[a-zA-Z0-9\._-]{2,}@[a-zA-Z0-9\.-]{2,}(\.[a-zA-Z]{2,}){1,}$/;
		$(this).focus(function(){			
			if($(this).attr("value") == defaultval){
				$(this).attr("value","");
			}
		});
		$(this).blur(function(){			
			if($(this).attr("value") == ""){
				$(this).attr("value", defaultval).removeClass('filled');
			}
			if($(this).attr("value") != defaultval){
				if($(this).attr('id') == 'email'){
					val = $(this).val();
					if(emailRegex.test(val)){
						$(this).removeClass('filled_wrong').addClass("filled");
					}else{
						$(this).addClass('filled_wrong');
					}
				}else{
					$(this).addClass("filled");
				}
			}
		});
	});

	$("form.contact").submit(function() {
		var bedrijfsnaam = $('input[name="bedrijfsnaam"]').val();
		var voornaam = $('input[name="voornaam"]').val();
		var achternaam = $('input[name="achternaam"]').val();
		var email = $('input[name="e-mail"]').val();
		var opmerkingen = $('textarea[name="opmerkingen"]').val();

		var emailRegex = /^[a-zA-Z0-9\._-]{2,}@[a-zA-Z0-9\.-]{2,}(\.[a-zA-Z]{2,}){1,}$/;
		var errors = [];
		
		if(bedrijfsnaam.length < 1 || bedrijfsnaam == "Bedrijfsnaam") {
			errors[errors.length] = "De ingevulde bedrijfsnaam is onjuist.";
		}
		
		if(voornaam.length < 1 || voornaam == "Voornaam") {
			errors[errors.length] = "De ingevulde voornaam is onjuist.";
		}

		if(achternaam.length < 1 || achternaam == "Achternaam") {
			errors[errors.length] = "De ingevulde achternaam is onjuist.";
		}

		if(!emailRegex.test(email) || email == "E-mail") {
			errors[errors.length] = "Het ingevulde e-mailadres is onjuist.";
		}
		
		if(opmerkingen.length < 1 || opmerkingen == "Opmerkingen") {
			errors[errors.length] = "U dient een opmerking in te vullen.";
		}
		
		if(errors.length == 0) {
			return true;
		} else {
			var $fieldlist = $("fieldset:first", $(this));
			$("ul:first", $fieldlist).remove();

			var list = "<ul>";
			for(var i = 0; i < errors.length; i++) {
				list += "<li>" + errors[i] + "</li>";
			}
			list += "</ul>";
			
			$fieldlist.prepend(list);
			return false;
		}
		

	});

	$("form.aanmelden-nieuwsbrief").submit(function() {
		var bedrijfsnaam = $('input[name="bedrijfsnaam"]').val();
		var voornaam = $('input[name="voornaam"]').val();
		var achternaam = $('input[name="achternaam"]').val();
		var email = $('input[name="e-mail"]').val();

		var emailRegex = /^[a-zA-Z0-9\._-]{2,}@[a-zA-Z0-9\.-]{2,}(\.[a-zA-Z]{2,}){1,}$/;
		var errors = [];

		if(bedrijfsnaam.length < 1 || bedrijfsnaam == "Bedrijfsnaam") {
			errors[errors.length] = "De ingevulde bedrijfsnaam is onjuist.";
		}

		if(voornaam.length < 1 || voornaam == "Voornaam") {
			errors[errors.length] = "De ingevulde voornaam is onjuist.";
		}

		if(achternaam.length < 1 || achternaam == "Achternaam") {
			errors[errors.length] = "De ingevulde achternaam is onjuist.";
		}

		if(!emailRegex.test(email) || email == "E-mail") {
			errors[errors.length] = "Het ingevulde e-mailadres is onjuist.";
		}

		if(errors.length == 0) {
			return true;
		} else {
			var $fieldlist = $("fieldset:first", $(this));
			$("ul:first", $fieldlist).remove();

			var list = "<ul>";
			for(var i = 0; i < errors.length; i++) {
				list += "<li>" + errors[i] + "</li>";
			}
			list += "</ul>";

			$fieldlist.prepend(list);
			return false;
		}
	});

	//Sitemap inladen
	$.ajax({
		url : '/includes/sitemap.php?id=ajax',
		success : function(data) {
			$("#sitemap_content_middle").html(data);
			$("#sitemap_tab > a").removeAttr("href");
		},
		error : function() {
			window.location = 'http://www.turnaroundcommunicatie.nl/sitemap/';
		}
	});
	
	//Sitemap uitklap
	var sHeight = $("#sitemap_content").height();
	$("#sitemap_tab").toggle(function(){
		$(this).parent("#sitemap").animate({
			"height": + sHeight + 53 +"px",
			"margin-top": - sHeight +"px"
			}, "fast").css({
			"z-index":"12"
		});
	}, function(){
		$(this).parent("#sitemap").animate({
			"height": "53px",
			"margin-top": "0"
		}, "fast", function(){
			$(this).css({
				"z-index":"10"
			});
		});
	});
	
	
	//IE 6 fix
	if (/MSIE ((5\.5)|6)/.test(navigator.userAgent)&&navigator.platform=="Win32") {
		$("#menu").wrap("<div />");
		$(".sub:first-child").addClass('first-child');
	}
	
	
	//Portfolio mouseover effect
	$(".portfolio_thumb").each(function(){
		$(this).find(".omschrijving").css({
			"float":"none",
			height: 150,
			position:"absolute",
			marginTop: 0
		});
		$(this).find(".omschrijving").children("*").wrapAll('<div class="hover"/>');
		$(this).find(".omschrijving .hover").children("p").css({
			color:"#ffffff"
		});
	});
	
	
	$(".omschrijving").click(function(){
		window.location = $(this).prev('a').attr('href');
	});
	
	//Scrollable Personeel
	$(".scrollable_container").addClass("sc_actief");
	$(".scrollable").before("<div id='actions'><a class='prev'>Vorige medewerker</a></div>").after("<div id='actions'><a class='next'>Volgende medewerker</a></div>");
	$(".scrollable").scrollable({
		vertical: true,
		mousewheel: true,
		circular: true,
		size:3
	});
	
	$(".portfolio_thumb").each(function(){
		$(this).hover(function(){
			$(this).find(".omschrijving").children('.hover').stop().animate({
				left:"0"
			});
		},function(){
			$(this).find(".omschrijving").children('.hover').stop().animate({
				left:"180px"
			});
		});
	});
	
	// TARGET: _BLANK
	var $hostname = window.location.hostname;
	$('a[href^="http://"],a[href^="www."],a[href$=".pdf"]').not('a[href^="http://'+ $hostname +'"],a[href^="'+ $hostname +'"]').attr('target','_blank');

	$(".portfolioKlantenTonen").click(function() {
		$(".portfolio .portfolio_thumb").slideUp();
		$(".portfolioKlanten").slideDown();
		$.scrollTo($(".portfolioKlanten"), 800);
	})
});