var currentHeaderImage = 0;
var headerTimeout;
var headerFaderSeconds = 1;

$(document).ready(function(){

	if ($('#fotoFader img').length > 0) {
		$('#fotoFader img:eq(0)').fadeIn(2000, function() {
			headerTimeout = setTimeout('faderStart()',headerFaderSeconds*1000);
		});
	}

	$(".square").click(function(event)	{
		//overige sluiten als open
		$(".okleur").css("display","none");
		$(".square").removeClass('selec');
		$(this).addClass('selec');
		//opvullen
		$(this).next("div")
			.css({
				 position: "absolute",
				 display: "none",
				 border: "1px solid #000",
				 background: "#F9F9F9",
				 width:"200px",
				 color: "#434343",
				 margin: "10px 8px 10px 8px",
				 padding: "5px 8px 10px 8px"
				 //display: 'block'
			 })
			.click(function()	{
				$(".square").next("div").fadeOut();
				$(".square").removeClass("selec");
			}).fadeIn();
		$(".square_over_ch").click(function()	{
			var bgcolor_ch = $(this).css("background-color");

			//input hidden instellen met de value
			$(this).nextAll("input[type=hidden]").filter(".kl_f").val(bgcolor_ch);
			//waarde van de achtergrond kleur aanpassen
			$('div.selec').css('background-color',bgcolor_ch);
			//ajax request voor de naam
			var kl_id = $(this).next("input[type=hidden]").val();
			var ond_id = $(this).nextAll("input[type=hidden]").filter(".onderdeel_i").val();

			//kleur toepassen in  het orderoverzicht
			$('div.square_o').filter("#sq"+ond_id).css('background-color',bgcolor_ch);
			//request
			$.ajax({
				   url: "/javascript/ajax/getnaam.php",
				   type: "GET",
				   data: "klid="+kl_id,
				   dataType: "html",
				   cache: false,
				   success: function(data)	{
					  	$(".kl_inhoud_naam"+ond_id).html("<p>"+data+"</p>");
				   }
			   });
			//standaard zetten als kleur
			$(this).nextAll("input[type=hidden]").filter(".chosenColor").val(kl_id);
			$(".square").removeClass('selec');
		});

	});
	//start opvang van aantal verwerking
	$(".optionbox select").change(function()	{
		var val_aantal = $(this).val();
		//structuurid ophalen
		var val_strid = $(this).next("input[type=hidden]").val();
		//gegevens samenvoegen
		var val_for_r = val_strid+"_"+val_aantal;
		//request verzenden
		$.ajax({
		   url: "/javascript/ajax/getprijs.php",
		   type: "GET",
		   data: "val="+val_for_r,
		   dataType: "html",
		   cache: false,
		   success: function(data)	{
				$(".factuur_order").html(data);
		   }
	   });
	});
	$(".f_1").keyup(function()	{
		var inf = $(this).val();
		if (inf.length < 33)	{
			$("span.fac_bedrijf").html(inf);
		}
	});
	$(".f_1").blur(function()	{
		var chl = $(this).val();
		if (chl.length < 1)	{
			$("span.fac_bedrijf").html("");
		}
	});

	$(".f_5").keyup(function()	{
		var inf = $(this).val();
		if (inf.length < 33)	{
			$("span.fac_adres").html(inf);
		}
	});
	$(".f_5").blur(function()	{
		var chl = $(this).val();
		if (chl.length < 1)	{
			$("span.fac_adres").html("");
		}
	});
	$(".f_6").keyup(function()	{
		var inf = $(this).val();
		if (inf.length < 7)	{
			$("span.fac_post").html(inf);
		}
	});
	$(".f_6").blur(function()	{
		var chl = $(this).val();
		if (chl.length < 1)	{
			$("span.fac_post").html("");
		}
	});
	$(".f_7").keyup(function()	{
		var inf = $(this).val();
		if (inf.length < 23)	{
			$("span.fac_plaats").html(inf);
		}
	});
	$(".f_7").blur(function()	{
		var chl = $(this).val();
		if (chl.length < 1)	{
			$("span.fac_plaats").html("");
		}
	});

	//extra adres velden
	$(".fa_1").keyup(function()	{
		var inf = $(this).val();
		if (inf.length < 33)	{
			$("span.fac_a_adres").html(inf);
		}
	});
	$(".fa_1").blur(function()	{
		var chl = $(this).val();
		if (chl.length < 1)	{
			$("span.fac_a_adres").html("");
		}
	});
	$(".fa_2").keyup(function()	{
		var inf = $(this).val();
		if (inf.length < 10)	{
			$("span.fac_a_post").html(inf);
		}
	});
	$(".fa_2").blur(function()	{
		var chl = $(this).val();
		if (chl.length < 1)	{
			$("span.fac_a_post").html("");
		}
	});
	$(".fa_3").keyup(function()	{
		var inf = $(this).val();
		if (inf.length < 33)	{
			$("span.fac_a_plaats").html(inf);
		}
	});
	$(".fa_3").blur(function()	{
		var chl = $(this).val();
		if (chl.length < 1)	{
			$("span.fac_a_plaats").html("");
		}
	});

	$(".checkbox_aflevering").click(function()	{
		var checked = this.checked;
		if (checked == false)	{
			$(".adresTekst").html("Factuuradres:");
			$(".afleveradres").css("display","block");
			$(".anderAdres").css("display","block");
			//diabled verwijderen
			$(".anderAdres :input").removeAttr("disabled");
		}else	{
			$(".adresTekst").html("Factuur- / afleveradres:");
			$(".afleveradres").css("display","none");
			$(".anderAdres").css("display","none");
			//diabled terug zetten
			$(".anderAdres :input").attr("disabled","disabled");
		}
	});


	////////////////////////////////////////
	//Start opvang formulier bestel
	///////////////////////////////////////
	$(".contactform_knop").click(function()	{
		var submitFormB = true;
		//start controle velden

		//bedrijfsnaam
		var bedrijfNaam = $(".f_1").val().length;
		if (bedrijfNaam == 0)	{
			var submitFormB = false;
			$(".f_1").css("border","2px solid red");
		}

		//adres
		var adresNaam = $(".f_5").val().length;
		if (adresNaam == 0)	{
			var submitFormB = false;
			$(".f_5").css("border","2px solid red");
		}

		//Postcode
		var postcodeNaam = $(".f_6").val().length;
		if (postcodeNaam == 0)	{
			var submitFormB = false;
			$(".f_6").css("border","2px solid red");
		}

		//Plaats
		var plaatsNaam = $(".f_7").val().length;
		if (plaatsNaam == 0)	{
			var submitFormB = false;
			$(".f_7").css("border","2px solid red");
		}

		//Contactpersoon
		var contactNaam = $(".f_2").val().length;
		if (contactNaam == 0)	{
			var submitFormB = false;
			$(".f_2").css("border","2px solid red");
		}

		//Telefoon
		var telefoonNaam = $(".f_3").val().length;
		if (telefoonNaam == 0)	{
			var submitFormB = false;
			$(".f_3").css("border","2px solid red");
		}

		//Email
		var emailNaam = $(".f_4").val().length;
		if (emailNaam == 0)	{
			var submitFormB = false;
			$(".f_4").css("border","2px solid red");
		}

		$(".kleurcombinatie_geheel p").each(function(i)	{
			var inhoudH = $(this).html();
			if (inhoudH == "Geen kleur geselecteerd")	{
				var submitFormB = false;
				$(".foutKl").css("display","block");
			}
		});

		if (document.bestel_form.akkoord_voorwaarden.checked)	{

		}else	{
			//fout weergeven
			var submitFormB = false;
			$(".fout_voorwaarden").css("display","block");
			$(".checkbox_voorwaarden").css("border","1px solid red");
		}

		var foutAanwez = $(".foutKl").css("display");
		if (submitFormB === true && foutAanwez != "block")	{
			//formulier verzenden
			document.bestel_form.submit();
		}

	});




	////////////////////////////////////////
	//Start opvang formulier offerte
	///////////////////////////////////////
	$(".contactform_knop_offerte").click(function()	{
		var submitForm = true;
		//start controle velden
		var aantalPennen = $(".anpen").val().length;
		if (aantalPennen == 0)	{
			var submitForm = false;
			$(".anpen").css("border","2px solid red");
		}

		//bedrijfsnaam
		var bedrijfNaam = $(".f_1").val().length;
		if (bedrijfNaam == 0)	{
			var submitForm = false;
			$(".f_1").css("border","2px solid red");
		}

		//adres
		var adresNaam = $(".f_5").val().length;
		if (adresNaam == 0)	{
			var submitForm = false;
			$(".f_5").css("border","2px solid red");
		}

		//Postcode
		var postcodeNaam = $(".f_6").val().length;
		if (postcodeNaam == 0)	{
			var submitForm = false;
			$(".f_6").css("border","2px solid red");
		}

		//Plaats
		var plaatsNaam = $(".f_7").val().length;
		if (plaatsNaam == 0)	{
			var submitForm = false;
			$(".f_7").css("border","2px solid red");
		}

		//Contactpersoon
		var contactNaam = $(".f_2").val().length;
		if (contactNaam == 0)	{
			var submitForm = false;
			$(".f_2").css("border","2px solid red");
		}

		//Telefoon
		var telefoonNaam = $(".f_3").val().length;
		if (telefoonNaam == 0)	{
			var submitForm = false;
			$(".f_3").css("border","2px solid red");
		}

		//Email
		var emailNaam = $(".f_4").val().length;
		if (emailNaam == 0)	{
			var submitForm = false;
			$(".f_4").css("border","2px solid red");
		}

		$(".kleurcombinatie_geheel p").each(function(i)	{
			var inhoudH = $(this).html();
			if (inhoudH == "Geen kleur geselecteerd")	{
				var submitForm = false;
				$(".foutKl").css("display","block");
			}
		});

		var foutAanwez = $(".foutKl").css("display");
		if (submitForm === true && foutAanwez != "block")	{
			//formulier verzenden
			document.bestel_form.submit();
		}

	});

	//lijst die de randen om de velden weg haalt
	$(".anpen").click(function()	{
		$(this).css("border","#ddd 1px solid");
	});
	$(".f_1").click(function()	{
		$(this).css("border","#ddd 1px solid");
	});
	$(".f_5").click(function()	{
		$(this).css("border","#ddd 1px solid");
	});
	$(".f_6").click(function()	{
		$(this).css("border","#ddd 1px solid");
	});
	$(".f_7").click(function()	{
		$(this).css("border","#ddd 1px solid");
	});
	$(".f_2").click(function()	{
		$(this).css("border","#ddd 1px solid");
	});
	$(".f_3").click(function()	{
		$(this).css("border","#ddd 1px solid");
	});
	$(".f_4").click(function()	{
		$(this).css("border","#ddd 1px solid");
	});
	$(".square_over_ch").click(function()	{
		$(".foutKl").css("display","none");
	});
	//als voorwaarden aangevinkt worden melding weg
	$(".checkbox_voorwaarden").click(function()	{
		if (this.checked)	{
			$(".fout_voorwaarden").css("display","none");
			$(".checkbox_voorwaarden").css("border","none");
		}
	});

});
//});

function faderStart()
{
	clearTimeout(headerTimeout);

	$('#fotoFader img:eq(' + currentHeaderImage + ')').fadeOut(1000, function() {
		if ($('#fotoFader img').length-1 > currentHeaderImage+1) {
			currentHeaderImage++;
		} else {
			currentHeaderImage = 0;
		}

		$('#fotoFader img:eq(' + currentHeaderImage + ')').fadeIn(1000, function() {
			headerTimeout = setTimeout('faderStart()',headerFaderSeconds*1000);
		});
	});
}