// JavaScript Document

$(document).ready(function(){
	
	$('.buttonDiv').click(function(e){
		if(e.target.tagName != 'A') {
			if($('a.button',this).attr('target') == '_blank') {
				window.open($('a.button',this).attr('href'));
			} else {
				window.location.href = $('a.button',this).attr('href');
			}
		}
	});
	
	var activeFoto = 0;
	var totalFotos = $(".headerFotos li").length;
	var galleryPlay = true;
	$(".headerFotos li").eq(0).css({'display':'block'});
	$(".headerMenu li a").eq(0).toggleClass("active");

	function fotoRotate(){
		if(galleryPlay){	
			$.doTimeout( 4000, function(){
				if(galleryPlay){	
					$(".headerFotos li").eq(activeFoto).fadeOut('slow');
					$(".headerMenu li a").eq(activeFoto).toggleClass("active");
					activeFoto = activeFoto + 1;
					if(activeFoto == totalFotos){ activeFoto = 0; }
					$(".headerMenu li a").eq(activeFoto).toggleClass("active");
					$(".headerFotos li").eq(activeFoto).fadeIn('slow');
					fotoRotate();
				}
			});
		}
	}
	fotoRotate();
	
	
	$('.headerMenu li a').each(function(index) {
		$(this).click(function(e){
			e.preventDefault;
			clickAction(index);
		});
	});
	
	$('.headerArrows li a.nextBtn').click(function(e){
		e.preventDefault;
		var nummer = activeFoto + 1;
		if(nummer > totalFotos - 1){
			nummer = 0;
		}	
		clickAction(nummer);
	});
	
	$('.headerArrows li a.prevBtn').click(function(e){
		e.preventDefault;
		var nummer = activeFoto - 1;
		if(nummer < 0){
			nummer = totalFotos - 1;
		}		
		clickAction(nummer);
	});
	
  
	function clickAction(newActive){
			$(".headerMenu li a").eq(activeFoto).toggleClass("active");
			galleryPlay = false;		
			$(".headerFotos li").eq(activeFoto).fadeOut('slow');
			$(".headerFotos li").eq(newActive).fadeIn('slow');
			$(".headerMenu li a").eq(newActive).toggleClass("active");
			activeFoto = newActive;
	}

	$('#cta').css('height',$('#cta').height());
	
	$('#cta_content_green').css('display','block');
	$('#cta_content_green').animate({ opacity: 0 },0);

	$('#cta').hover(function(){
		$("#cta_content_green").stop().animate({"opacity": "1"}, "medium");
		$("#cta_content").stop().animate({"opacity": "0"}, "medium");
	},
	function(){
		$("#cta_content_green").stop().animate({"opacity": "0"}, "medium");
		$("#cta_content").stop().animate({"opacity": "1"}, "medium");
	});

	$('#cta').click(function(e){
		if(e.target.tagName != 'A') {
			if($('a',this).attr('target') == '_blank') {
				window.open($('a',this).attr('href'));
			} else {
				window.location.href = $('a',this).attr('href');
			}
		}
	});
	
	
	if($(".recentProject").length){
		$('.recentProject').click(function(e){
			if(e.target.tagName != 'A') {
				if($('a',this).attr('target') == '_blank') {
					window.open($('a',this).attr('href'));
				} else {
					window.location.href = $('a',this).attr('href');
				}
			}
		});
	}

	
	var orgValueRoute = "Uw adres";
	
	$('#routeInput').focus(function() {
		value=$(this).val();
		if($(this).val()==orgValueRoute) {
			$(this).attr("value","");
		}
	});
	$('#routeInput').blur(function() {
		if($(this).val()=="") {			
			$(this).val(orgValueRoute);
		}
	});

	if($('.projectenOverzicht').length){
		
		$('.projectenOverzicht li a span').css('display','block');
		$('.projectenOverzicht li a span').animate({ opacity: 0 },0);
	
		$('.projectenOverzicht li a').hover(
		function(){
			$("> span", this).stop().animate({"opacity": "1"}, "medium");
		},function(){
			$("> span", this).stop().animate({"opacity": "0"}, "medium");
		});
	}
	
	if($('.gerelateerdeProjecten').length){
		
		$('.gerelateerdeProjecten li a span').css('display','block');
		$('.gerelateerdeProjecten li a span').animate({ opacity: 0 },0);
	
		$('.gerelateerdeProjecten li a').hover(
		function(){
			$("> span", this).stop().animate({"opacity": "1"}, "medium");
		},function(){
			$("> span", this).stop().animate({"opacity": "0"}, "medium");
		});
	}
	
	if($('.ontwikkelingRight').length){
	
			$('.ontwikkelingRight li').click(function(e){
			if(e.target.tagName != 'A') {
				if($('.tekst a',this).attr('target') == '_blank') {
					window.open($('.tekst a',this).attr('href'));
				} else {
					window.location.href = $('.tekst a',this).attr('href');
				}
			}
		});
	}
	
	if($('.projectFotosFotos').length){
	
		var activeProjectFoto = 0;
		var totalProjectFotos = $(".projectFotosFotos li").length;
		var galleryProjectPlay = true;
		$(".projectFotosFotos li").eq(0).css({'display':'block'});
		$(".projectFotosMenu li a").eq(0).toggleClass("active");
		
		if(totalProjectFotos == 1){
			galleryProjectPlay =false;
		}
	
		function fotoProjectRotate(){
			if(galleryProjectPlay){	
				$.doTimeout( 4000, function(){
					if(galleryProjectPlay){	
						$(".projectFotosFotos li").eq(activeProjectFoto).fadeOut('slow');
						$(".projectFotosMenu li a").eq(activeProjectFoto).toggleClass("active");
						activeProjectFoto = activeProjectFoto + 1;
						if(activeProjectFoto == totalProjectFotos){ activeProjectFoto = 0; }
						$(".projectFotosMenu li a").eq(activeProjectFoto).toggleClass("active");
						$(".projectFotosFotos li").eq(activeProjectFoto).fadeIn('slow');
						fotoProjectRotate();
					}
				});
			}
		}
		fotoProjectRotate();
		
		
		$('.projectFotosMenu li a').each(function(index) {
			$(this).click(function(e){
				e.preventDefault;
				clickProjectAction(index);
			});
		});
		
		$('.projectFotosArrows li a.nextBtn').click(function(e){
			e.preventDefault;
			var nummerProject = activeProjectFoto + 1;
			if(nummerProject > totalProjectFotos - 1){
				nummerProject = 0;
			}	
			clickProjectAction(nummerProject);
		});
		
		$('.projectFotosArrows li a.prevBtn').click(function(e){
			e.preventDefault;
			var nummerProject = activeProjectFoto - 1;
			if(nummerProject < 0){
				nummerProject = totalProjectFotos - 1;
			}		
			clickProjectAction(nummerProject);
		});
		
	  
		function clickProjectAction(newProjectActive){
				$(".projectFotosMenu li a").eq(activeProjectFoto).toggleClass("active");
				galleryProjectPlay = false;		
				$(".projectFotosFotos li").eq(activeProjectFoto).fadeOut('slow');
				$(".projectFotosFotos li").eq(newProjectActive).fadeIn('slow');
				$(".projectFotosMenu li a").eq(newProjectActive).toggleClass("active");
				activeProjectFoto = newProjectActive;
		}
	
	}
	
	
	//projectonwikkeling detail
	
	if($(".ontwikkelingDetail").length){
		
		var galleries = $(".ontwikkelingDetail");
		
		for (i = 0; i < galleries.length; i++){
			galleries.eq(i).addClass("gallerie_"+i);
			var aantalFotos = galleries.eq(i).find(".image .fotos li").length;
			galleries.eq(i).find(".image").data("nummer",0);
			galleries.eq(i).find(".image").data("vorigeNummer",0);
			galleries.eq(i).find(".image").data("aantalFotos",aantalFotos);
			galleries.eq(i).find(".image").data("galerieNummer",i);

			galleries.eq(i).find(" .fotos li").eq(0).css({'display':'block'});
			galleries.eq(i).find(".image .imageMenu .nummers li a").eq(0).toggleClass("active");
			
			galleries.eq(i).find('.image .imageMenu .nummers li a').each(function(index){
				
				$(this).data("nummerA", index);

	  		});
			
		}
		
		
		$(".ontwikkelingDetail .image .imageMenu .arrows a.nextBtn").click(function(e){
			e.preventDefault;
			
			var huidigeNummer = $(this).parents(".image").data("nummer");
			$(this).parents(".image").data("vorigeNummer", huidigeNummer);
			var nieuwNummer = huidigeNummer + 1;
			if(nieuwNummer > $(this).parents(".image").data("aantalFotos") - 1 ){
				nieuwNummer = 0;
			}
			
			$(this).parents(".image").data("nummer", nieuwNummer);
			
			var galerieNummer = $(this).parents(".image").data("galerieNummer");
			
			clickGalleriesAction(huidigeNummer, nieuwNummer, galerieNummer);
			
		});
		
		$(".ontwikkelingDetail .image .fotos li").click(function(e){
			e.preventDefault;
			
			var huidigeNummer = $(this).parents(".image").data("nummer");
			$(this).parents(".image").data("vorigeNummer", huidigeNummer);
			var nieuwNummer = huidigeNummer + 1;
			if(nieuwNummer > $(this).parents(".image").data("aantalFotos") - 1 ){
				nieuwNummer = 0;
			}
			
			$(this).parents(".image").data("nummer", nieuwNummer);
			
			var galerieNummer = $(this).parents(".image").data("galerieNummer");
			
			clickGalleriesAction(huidigeNummer, nieuwNummer, galerieNummer);
			
		});
		
		$(".ontwikkelingDetail .image .imageMenu .arrows a.prevBtn").click(function(e){
			e.preventDefault;

			var huidigeNummer = $(this).parents(".image").data("nummer");
			$(this).parents(".image").data("vorigeNummer", huidigeNummer);
			var nieuwNummer = huidigeNummer - 1;
			if(nieuwNummer < 0 ){
				nieuwNummer = $(this).parents(".image").data("aantalFotos") - 1;
			}
			$(this).parents(".image").data("nummer", nieuwNummer);
			
			var galerieNummer = $(this).parents(".image").data("galerieNummer");
			
			clickGalleriesAction(huidigeNummer, nieuwNummer, galerieNummer);
		});
		
		$('.ontwikkelingDetail .image .imageMenu .nummers li a').click(function(e){
				e.preventDefault;
				
				var huidigeNummer = $(this).parents(".image").data("nummer");
				$(this).parents(".image").data("vorigeNummer", huidigeNummer);
				var nieuwNummer = $(this).data("nummerA");
				$(this).parents(".image").data("nummer", nieuwNummer);
				
				var galerieNummer = $(this).parents(".image").data("galerieNummer");
				
				clickGalleriesAction(huidigeNummer, nieuwNummer, galerieNummer);
		});
	  
		function clickGalleriesAction(huidigeNummer, nieuwNummer, galerieNummer){
					
				$(".ontwikkelingDetail").eq(galerieNummer).find(".image .imageMenu .nummers li a").eq(huidigeNummer).toggleClass("active");
				
				$(".ontwikkelingDetail").eq(galerieNummer).find(".image .fotos li").eq(huidigeNummer).fadeOut('slow');
				$(".ontwikkelingDetail").eq(galerieNummer).find(".image .fotos li").eq(nieuwNummer).fadeIn('slow');

				$(".ontwikkelingDetail").eq(galerieNummer).find(".image .imageMenu .nummers li a").eq(nieuwNummer).toggleClass("active");
		}
	}
	
	
	
	
	
	//contactpagina
	
	var orgValueContactNaam = "Naam";
	var orgValueBedrijfsNaam = "Bedrijfsnaam (optioneel)";
	var orgValContactNummer = "Telefoonnummer";
	var orgValueContactEmail = "E-mail";
	var orgValContactBericht = "Bericht";
	
	$('#contactNaam').focus(function() {
		value=$(this).val();
		if($(this).val()==orgValueContactNaam) {
			$(this).attr("value","");
		}
	});
	$('#contactNaam').blur(function() {
		if($(this).val()=="") {			
			$(this).val(orgValueContactNaam);
		}
	});
	$('#contactBedrijfsnaam').focus(function() {
		value=$(this).val();
		if($(this).val()==orgValueBedrijfsNaam) {
			$(this).attr("value","");
		}
	});
	$('#contactBedrijfsnaam').blur(function() {
		if($(this).val()=="") {			
			$(this).val(orgValueBedrijfsNaam);
		}
	});	
	$('#contactNummer').focus(function() {
		value=$(this).val();
		if($(this).val()==orgValContactNummer) {
			$(this).attr("value","");
		}
	});
	$('#contactNummer').blur(function() {
		if($(this).val()=="") {			
			$(this).val(orgValContactNummer);
		}
	});
	$('#contactEmail').focus(function() {
		value=$(this).val();
		if($(this).val()==orgValueContactEmail) {
			$(this).attr("value","");
		}
	});
	$('#contactEmail').blur(function() {
		if($(this).val()=="") {			
			$(this).val(orgValueContactEmail);
		}
	});
	
	$('#contactBericht').focus(function() {
		value=$(this).val();
		if($(this).val()==orgValContactBericht) {
			$(this).attr("value","");
		}
	});
	$('#contactBericht').blur(function() {
		if($(this).val()=="") {			
			$(this).val(orgValContactBericht);
		}
	});
	
	
	if($('#contactForm')){
		$('<input type="hidden" />').attr({
			name: 'secretcode',
			id: 'secretcode',
			value: 'spamcheckkomma'
		}).appendTo("#contactForm");
	}
	
	$("#contactSubmit").click(function(){
		$(".error").hide();
		var hasContactError = false;
		var emailReg = /[\w-\.]+@([\w-]+\.)+[\w-]{2,4}/;

		var contactNaamVal = $("#contactNaam").val();
		if(contactNaamVal == '' || contactNaamVal == 'Naam') {
			$("#contactNaam").css('color','#FF0000');
			hasContactError = true;
		}else{
			$("#contactNaam").css('color','#898989');
		}
		
		var contactBedrijfsnaamVal = $("#contactBedrijfsnaam").val();
		
		var contactNummerVal = $("#contactNummer").val();
		if(contactNummerVal == '' || contactNummerVal == 'Telefoonnummer') {
			$("#contactNummer").css('color','#FF0000');
			hasContactError = true;
		}else{
			$("#contactNummer").css('color','#898989');
		}
		var contactEmailVal = $("#contactEmail").val();
		if(contactEmailVal == '' || contactEmailVal == 'E-mail' || !emailReg.test(contactEmailVal)) {
			$("#contactEmail").css('color','#FF0000');
			hasContactError = true;
		}else{
			$("#contactEmail").css('color','#898989');
		}
		var contactBerichtVal = $("#contactBericht").val();
		if(contactBerichtVal == '' || contactBerichtVal == 'Bericht') {
			$("#contactBericht").css('color','#FF0000');
			hasContactError = true;
		}else{
			$("#contactBericht").css('color','#898989');
		}
		var secretcode = $("#secretcode").val();
		
		if(hasContactError == false) {
			$("#contactText").css('display','none');
			$("#contactForm").css('display','none');
			$("#contactForm").before('<div id="preloaderContact"></div>');
			$.post("/contactformVerzenden.php",
				{ naam: contactNaamVal, bedrijfsnaam: contactBedrijfsnaamVal, telefoon: contactNummerVal, email: contactEmailVal, bericht: contactBerichtVal, secretcode: secretcode },
				function(data){
					$("#contactformReplacement").css('display','block');
					$("#contactForm").fadeOut("slow", function() {
						$("#preloaderContact").fadeOut("slow");
						$("#succesContact").fadeIn("slow");
					});
				}
			); 
		} 
		
		return false;
	
	}); 	
	
	if($("ul.sitemap").length){
			
		$("ul.projecten").hide();
		$("ul.subcategories").hide();
		
		$('a.projectenMain').each(function() {
			$(this).data("open",false);
		});
		$('li.subcategorie a.main').each(function() {
			$(this).data("open",false);
		});
		
		$("li.subcategorie a.main").click(function(e){
			$(this).children("span.arrow").toggleClass('arrow_turn'); 
			if($(this).data("open") == false){
				$(this).parent().children("ul.projecten").slideDown();
				$(this).data("open",true);
			}else{
				$(this).parent().children("ul.projecten").slideUp();
				$(this).data("open",false);
			}
			e.preventDefault();
		});
		$("a.projectenMain").click(function(e){
			$(this).children("span.arrow").toggleClass('arrow_turn'); 
			if($(this).data("open") == false){
				$(this).parent().children("ul.subcategories").slideDown();
				$(this).data("open",true);
			}else{
				$(this).parent().children("ul.subcategories").slideUp();
				$(this).data("open",false);
			}
			e.preventDefault();
		});
	}
});