// JavaScript Document

$(document).ready(function(){

	$('#merkenSelect').selectbox();
	$('#categorieenSelect').selectbox();
	
	var categories_open = false;
	
	$("#categories a.categoriesButton").click(function(e){
		e.preventDefault();
		categoriesOpenClose();
	});
	
	var opening = false
	
	$("#categories.cursor").click(function(e){
		
		if(e.target.tagName != 'A') {
			if(categories_open == false){
				categoriesOpenClose();
				opening = true;
			}
		}
	});
	
	function categoriesOpenClose(){
		if(categories_open == false){
			$("#categories").removeClass("cursor");	
			var newHeight = $("#categories .contentBlock").height() + $("#categories .categoriesContent").height() + 20;
			var newHeightText = newHeight + "px";
			$("#categories .contentBlock").animate({"height": newHeightText}, "slow", function(){ opening = false });
			$("#categories a.categoriesButton").removeClass("plus");
			$("#categories a.categoriesButton").addClass("min");			
			categories_open = true;
		}else{
			var newHeight = $("#categories .contentBlock").height() - $("#categories .categoriesContent").height() - 20;
			var newHeightText = newHeight + "px";
			$("#categories .contentBlock").animate({"height": newHeightText}, "slow", function(){ opening = false });
			$("#categories a.categoriesButton").removeClass("min");
			$("#categories a.categoriesButton").addClass("plus");
			$("#categories").addClass("cursor");
			categories_open = false;
		}
	}
	
	var zoeken_open = false;
	var heightSearchBlock = $("#searchBlock .contentBlock").height();
	
	$("#searchBlock a.searchBlockButton").click(function(e){
		e.preventDefault();
		zoekenOpenClose();
	});
	
	if(zoekenOpenen){
		zoekenOpenClose();
	}
	
	function zoekenOpenClose(){
		if(zoeken_open == false){
			var newHeightText = "300px";
			$("#searchBlock .contentBlock").animate({"height": newHeightText}, "slow");
			$("#searchBlock .searchBlockExtended").animate({"height": "110px"}, "slow");
			$("#searchBlock a.searchBlockButton").removeClass("plus");
			$("#searchBlock a.searchBlockButton").addClass("min");	
			$("#extraContent").toggleClass("overflow");	
			zoeken_open = true;
		}else{
			$("#extraContent").toggleClass("overflow");	
			$("#searchBlock .searchBlockExtended").animate({"height": "0px"}, "slow");
			$("#searchBlock .contentBlock").animate({"height": heightSearchBlock}, "slow");
			$("#searchBlock a.searchBlockButton").removeClass("min");
			$("#searchBlock a.searchBlockButton").addClass("plus")
			zoeken_open = false;
		}
	}
	
	var orgValueTrefwoord = "- trefwoord -";
	var orgValArtikelnr = "- artikel nr. -";
	
	$('#trefwoord').focus(function() {
		value=$(this).val();
		if($(this).val()==orgValueTrefwoord) {
			$(this).attr("value","");
		}
	});
	$('#trefwoord').blur(function() {
		if($(this).val()=="") {			
			$(this).val(orgValueTrefwoord);
		}
	});
	
	$('#artikelnr').focus(function() {
		value=$(this).val();
		if($(this).val()==orgValArtikelnr) {
			$(this).attr("value","");
		}
	});
	$('#artikelnr').blur(function() {
		if($(this).val()=="") {			
			$(this).val(orgValArtikelnr);
		}
	});
	
	var orgValueBelNaam = "- uw naam -";
	var orgValBelNummer = "- uw telefoonnummer -";
	
	$('#belNaam').focus(function() {
		value=$(this).val();
		if($(this).val()==orgValueBelNaam) {
			$(this).attr("value","");
		}
	});
	$('#belNaam').blur(function() {
		if($(this).val()=="") {			
			$(this).val(orgValueBelNaam);
		}
	});
	
	$('#belNummer').focus(function() {
		value=$(this).val();
		if($(this).val()==orgValBelNummer) {
			$(this).attr("value","");
		}
	});
	$('#belNummer').blur(function() {
		if($(this).val()=="") {			
			$(this).val(orgValBelNummer);
		}
	});
	
	//make products li clickable
		
	$('ul.overviewProducts li').click(function(e){
		if(e.target.tagName != 'A') {
			if($('.name a',this).attr('target') == '_blank') {
				window.open($('.name a',this).attr('href'));
			} else {
				window.location.href = $('.name a',this).attr('href');
			}
		}
		
	});
	
	$('ul.homeProducts li').click(function(e){
		if(e.target.tagName != 'A') {
			if($('a.productName',this).attr('target') == '_blank') {
				window.open($('a.productName',this).attr('href'));
			} else {
				window.location.href = $('a.productName',this).attr('href');
			}
		}
		
	});
	
	$('ul.populairProducts li').click(function(e){
		if(e.target.tagName != 'A') {
			if($('a.productName',this).attr('target') == '_blank') {
				window.open($('a.productName',this).attr('href'));
			} else {
				window.location.href = $('a.productName',this).attr('href');
			}
		}
		
	});
	
	$('a.categorieName').hover(function(){
		$('.productName').toggleClass('black');

	});
	
	
	$('#contactBlock').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');
			}
		}
		
	});
	
	$('#contactBlockProductDetail').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');
			}
		}
		
	});
		
	/* bel me terug form */
	
	if($('#belMeTerugForm')){
		$('<input type="hidden" />').attr({
			name: 'secretcode',
			id: 'secretcode',
			value: 'spamcheckkomma'
		}).appendTo("#belMeTerugForm");
	}
	
	$("#belMeSubmit").click(function(){
		$(".error").hide();
		var hasError = false;

		var belNaamVal = $("#belNaam").val();
		if(belNaamVal == '' || belNaamVal == '- uw naam -') {
			$("#belNaam").css('color','#FF0000');
			hasError = true;
		}else{
			$("#belNaam").css('color','#000');
		}
		var belNummerVal = $("#belNummer").val();
		if(belNummerVal == '' || belNummerVal == '- uw telefoonnummer -') {
			$("#belNummer").css('color','#FF0000');
			hasError = true;
		}else{
			$("#belNummer").css('color','#000');
		}
		var belUrlVal = $("#belUrl").val();
		var secretcode = $("#secretcode").val();
		
		if(hasError == false) {
			$("#belMeTekst").css('display','none');
			$("#belMeTerugForm").css('display','none');
			$("#belMeForm").append('<div id="preloaderBelMe"></div>');
			$.post("/belMeTerugVerzenden.php",
				{ naam: belNaamVal, telefoon: belNummerVal, url: belUrlVal, secretcode: secretcode },
				function(data){
					$("#formReplacement").css('display','block');
					$("#belMeTerugForm").fadeOut("slow", function() {
						$("#preloaderBelMe").fadeOut("slow");
						$("#succesBelMe").fadeIn("slow");
					});
				}
			); 
		} 
		
		return false;
	
	}); 
	
	if($('#blancoPage').length){
		$(function(){
			$('.voorwaarden').columnize({
				width : 238,
				buildOnce : true
			})
		});
		$(function(){
			$('.disclaimer').columnize({
				width : 350,
				buildOnce : true
			})
		});
	}
	
	
	//contactpagina
	
	var orgValueContactNaam = "- uw naam -";
	var orgValContactNummer = "- uw telefoonnummer -";
	var orgValueContactEmail = "- uw emailadres -";
	var orgValContactBericht = "- uw vraag en/of opmerking -";
	
	$('#contactNaam').focus(function() {
		value=$(this).val();
		if($(this).val()==orgValueContactNaam) {
			$(this).attr("value","");
		}
	});
	$('#contactNaam').blur(function() {
		if($(this).val()=="") {			
			$(this).val(orgValueContactNaam);
		}
	});
	
	$('#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 == '- uw naam -') {
			$("#contactNaam").css('color','#FF0000');
			hasContactError = true;
		}else{
			$("#contactNaam").css('color','#000');
		}
		var contactNummerVal = $("#contactNummer").val();
		if(contactNummerVal == '' || contactNummerVal == '- uw telefoonnummer -') {
			$("#contactNummer").css('color','#FF0000');
			hasContactError = true;
		}else{
			$("#contactNummer").css('color','#000');
		}
		var contactEmailVal = $("#contactEmail").val();
		if(contactEmailVal == '' || contactEmailVal == '- uw emailadres -' || !emailReg.test(contactEmailVal)) {
			$("#contactEmail").css('color','#FF0000');
			hasContactError = true;
		}else{
			$("#contactEmail").css('color','#000');
		}
		var contactBerichtVal = $("#contactBericht").val();
		if(contactBerichtVal == '' || contactBerichtVal == '- uw vraag en/of opmerking -') {
			$("#contactBericht").css('color','#FF0000');
			hasContactError = true;
		}else{
			$("#contactBericht").css('color','#000');
		}
		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, 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){
	
		var uls = $("ul.subcategories li ul.articles");
		
		$("ul.articles").hide();
		
		var openCloseArray = [];
		
		for (i = 0; i < uls.length; i++){
			uls.eq(i).addClass("artikelUl_"+i);
			openCloseArray[i] = false;
		}
		
		var jButton = $("a.subcategorie");
		
		jButton.data(
			"config",
			{
			Index: 0,
			Collection: $("ul.subcategories li ul.articles")
			}
		);
		
		for (i = 0; i < jButton.length; i++){
			$("a.subcategorie").eq(i).click(function(e){
							
				var jThis = $( this );
				var objConfig = jThis.data( "config" );
				
				$(this).children("span.arrow").toggleClass('arrow_turn'); 

				if(openCloseArray[$("a.subcategorie").index(this)] == false){
					$(objConfig.Collection[ $("a.subcategorie").index(this) ]).slideDown();
					openCloseArray[$("a.subcategorie").index(this)] = true;
				}else{
					$(objConfig.Collection[ $("a.subcategorie").index(this) ]).slideUp();
					openCloseArray[$("a.subcategorie").index(this)] = false;
				}
				e.preventDefault();
				return( false );
				
			});
		}
	}
});