$(document).ready(function() {
	menu();
	$('#language').selectbox();
	selectLanguage();
});


function menu(){
	$('#menu ul li.active').prev('li').children('span.dot').css('background','none');
}

function selectLanguage() {
	$('#language_input').addClass(sLanguage);
	$('#language_container ul li').click(function() {
		var sTarget = $(this).attr('id');
		switch(sTarget) {
			case 'nederlands':
				window.location='../nl/'+sPage;
			break;
			case 'english':
				window.location='../'+sPage;
			break;
			case 'deutsch':
				window.location='../de/'+sPage;
			break;
		}
	});
}

//function signup(){
//	var nSignup = 418; 
//	var nWindow = $(window).width();
//	var nLeft = Math.round((nWindow - nSignup) / 2);	
//
//	$('#sign_up').css('left',nLeft);
//	$('#newsletter').click(function(){
//		$('#layer').show();
//		$('#sign_up').fadeIn();
//	});
//	
//	$('#sign_up_sluiten').click(function(){
//		afterSubmit();
//	});
//	validateSignup();
//}

function pauze(){
	$(".panel").append("<img class='pauze' src='images/template/pauzebutton.png' />");
	
	if ($.browser.msie){
		$('.panel img.pauze').hide();
		$(".panel").hover(function(){
			$(this).children("img.pauze").show();
		},function(){
			$(this).children("img.pauze").hide();
		});		
	} else { 
			$('.panel img.pauze').animate({
				opacity: 0
			},0);
		$(".panel").hover(function(){
			$(this).children("img.pauze").stop().animate({
				opacity: 1
			}, 500);
		},function(){
			$(this).children("img.pauze").stop().animate({
				opacity: 0
			}, 500);
		});	
	}
}

function loadArea() {
	$('#land_container').click(function() {
		var sValue = $('#land').val();
		if(sValue != 'Selecteer een land') {
			$.ajax({
				type: "POST",
				url: "includes/vestigingen.php",
				data: "land="+sValue+'&plaats=none',
				success: function(msg){
					//alert(msg);
					sPlaatsen = msg;
					$('#plaatsen').css('display','block');
					$('#plaatsen').html(sPlaatsen);
					loadCity();
				}
			});
		} else {
			$('#plaatsen').css('display','none');
		}
	});
}

function loadCity() {
	$('#plaatsen_selected').click(function() {
		$(this).next('#plaatsen_container').toggle();
	}); 
	$('.li_plaats').click(function() {
		var sLand = $('#land').val();
		var sPlaats = $(this).attr('id');
		var sActive = $(this).text();
		if(sPlaats != 'Selecteer een plaats') {
			$.ajax({
				type: "POST",
				url: "includes/vestigingen.php",
				data: "land="+sLand+"&plaats="+sPlaats,
				success: function(msg){
					//alert(msg);
					$('#resultaat').html(msg);
					$('#plaatsen_selected').html(sActive);
				}
			});
		}
		$(this).parents('#plaatsen_container').hide();
	});
	$('.li_plaats').hover(function() {
		$(this).css('background','#333333');
	},function() {
		$(this).css('background','#fff');
	});
	
}

function submitSearch() {
	$('#zoek_form').submit(function() {
		var sSearch = $('#zoek').val();
		$.ajax({
			type: "POST",
			url: "includes/vestigingen.php",
			data: "search="+sSearch,
			success: function(msg){
				//alert(msg);
				$('#resultaat').html(msg);
			}
		});
		return false;
	});
}

function resetField() {
	$('.reset_input').each(function() {
		$(this).focus(function() {
			if(this.value == this.defaultValue) {
				this.value = '';
			}
		}).blur(function() {
			if(!this.value.length) {
				this.value = this.defaultValue;
			}
		});
	});
}

//function showArea(p_sProvincie) {
//	sProvincie = p_sProvincie;
//	$('#selecteer').hide();
//	$.ajax({
//		type: "POST",
//		url: "includes/vestigingen.php",
//		data: "provincie="+p_sProvincie+'&stad=none',
//		success: function(msg){
//			//alert(msg);
//			//$('#loading').hide();
//			$('#vestigingen').fadeIn(500);
//			sPlaatsen = msg;
//			$('#plaatsen').html(sPlaatsen);
//			$('#plaats').selectbox();
//			showCity('none');
//		}
//	});
//}
//
//function showCity(p_sStad) {	
//	$('#verkooppunten').hide();	   
//	$.ajax({
//		type: "POST",
//		url: "includes/vestigingen.php",
//		data: "provincie="+sProvincie+"&stad="+p_sStad,
//		success: function(msg){
//			sResponse = msg;
//			$('#verkooppunten').html(sResponse);
//			$('#verkooppunten').fadeIn(500);
//		}
//	});
//	if(p_sStad != 'none') {
//		var sStad = p_sStad.substring(0,1);
//		sStad = p_sStad.toUpperCase()+p_sStad.substring(1);
//		$('#stad').html(sStad);	
//	}
//
//}

//function keuze() {
//	$('#keuze1').hover(function() {
//      $(this).parent('.ildolce').addClass('hover');
//    },function() {
//		$(this).parent('.ildolce').removeClass('hover');	
//	});
//	$('#keuze2').hover(function() {
//      $(this).parent('.lebowski').addClass('hover');
//    },function() {
//		$(this).parent('.lebowski').removeClass('hover');	
//	});
//}

function initGallery() {
		$('#slider').cycle({ 
			fx:     'scrollHorz', 
			speedIn:  250, 
			speedOut: 250,
			timeout: 0,
			next:   '#next', 
			prev:   '#prev',
			after:	omschrijving
		});
}

function validateSignup(){
	$('#sign_up_formulier').validate({
		rules: {
			//welke velden zijn verplicht? .. namen zijn gelijk aan name attribuut van je input
			sEmail: {
				required: true,
				email: true
			}
		},
		messages: {
			// welke foutmeldingen moeten worden getoond bij welk veld?
			// wat ook kan is de meldingen in variabelen opslaan bovenin je javascript 
			// zodat je ze voor meer validatieformulieren kan gebruiken
			sEmail: {
				required: 'Vul je e-mailadres in',
				email: 'Dit is geen geldig e-mailadres'
			}
		},
		errorClass: 'error',
		errorElement: 'div',
		errorPlacement: function(error, element){
			//error wordt geplaatst direct na de input.veld en krijgt div class='fout'
			error.insertAfter(element);
		},
		submitHandler: function(form) {
			var options = {
				url: "includes/sign_up.inc.php",
				type: "POST",
				success: function(data) {
					var aData = data.split('|');
					$('#sign_up_formulier').hide();
					$('#sign_up_melding').html(aData[1]);
					//$('#sign_up_sluiten').hide();
					$('#sign_up_melding').fadeIn(600);
					//setTimeout("afterSubmit();",2700)
				}
			}
			$(form).ajaxSubmit(options);
			return false;
		}
	});	
}

//function afterSubmit(){
//	$('#layer').hide();
//	$('#sign_up_sluiten').hide();
//	$('#sign_up').fadeOut(600, function(){ 
//		$('#sign_up_formulier').clearForm();
//		$('#sign_up_melding').hide();
//		$('#sign_up_formulier').show();
//		$('#sign_up_sluiten').show();
//	});
//}

function validateContact(){
	$('#contactformulier').validate({
		rules: {
			//welke velden zijn verplicht? .. namen zijn gelijk aan name attribuut van je input
			Email: {
				required: true,
				email: true
			},
			Bedrijfsnaam: 'required',
			Naam: 'required',
			Telefoonnummer: 'required'
		},
		messages: {
			// welke foutmeldingen moeten worden getoond bij welk veld?
			// wat ook kan is de meldingen in variabelen opslaan bovenin je javascript 
			// zodat je ze voor meer validatieformulieren kan gebruiken
			Email: {
				required: 'Vul een e-mailadres in',
				email: 'Vul een geldig e-mailadres in'
			},
			Bedrijfsnaam: 'Vul een bedrijfsnaam in',
			Naam: 'Vul een naam in',
			Telefoonnummer: 'Vul een telefoonnummer in'
		},
		errorClass: 'fout',
		errorElement: 'div',
		errorPlacement: function(error, element){
			//error wordt geplaatst direct na de input.veld en krijgt div class='fout'
			error.insertAfter(element);
		},
		submitHandler: function(form) {
			var options = {
				url: "includes/contact.inc.php",
				type: "POST",
				success: function(data) {	
					if(data == 'goed'){
						$('#contact').hide();
						$('#contact').fadeIn(100, function() {
							$(this).html('<div><p>Het contactformulier is verzonden!<br />Wij nemen zo spoedig mogelijk contact met u op.</p></div>');
						});
						$('#contactformulier').clearForm();
					} else {
						alert(data);	
					}
				}
			}
			$(form).ajaxSubmit(options);
			return false;
		},
		success: function(label){
			//label = div.fout
			//indien veld goed is ingevuld grijze icoon veranderen naar de gele
			label.parent().next('.icon').html('<img src="images/template/icon-ok.gif" alt="" />');
			label.remove();
		}
	});	
}

function emptyFields(){
	$('input.email').each(function(){
		var firstValue = $(this).val();
		$(this).focus(function(){
			if(firstValue == $(this).val()){
				$(this).val('');
			}
		});
		$(this).blur(function(){
			var secValue = $(this).val();
			if(secValue == ''){
				$(this).val(firstValue);
			}
		});
	});
}