var verplicht = 'Dit veld is verplicht';

function clearInput() {
	$('.fade').focus(function() {
	   $(this).select();
	   $(this).prev().fadeTo(150, 0);
	   $(this).keydown(function() {
		   $(this).css('background-repeat', 'repeat');                  
	   });
	});
	$('.fade').blur(function() {
	   if($(this).val() == '' ) {
		   $(this).css('background-repeat', 'no-repeat');
		   $(this).prev().fadeTo(150, 1);
	   }
	});
	$('.fade').each(function(){
	   if($(this).val() != '') {
		   $(this).css('background-repeat', 'repeat');
	   };
	});
}

function radioButtons() {
	$('.radiobtn').click(function() {
		$(this).parent('.radios').find('.radiobtn').removeClass('active');
		$(this).children('.radio_input').attr('checked','checked');
		$(this).addClass('active');
	});
	$('.radio2').click(function() {
		$('label.radio2').removeClass('checked');	
		$('label.radio2').find('input').attr('checked','');
		$(this).addClass('checked');
		$(this).find('input').attr('checked','checked');
	});
	$('.checkbox').toggle(
		function() {
			$(this).prev().attr('checked','checked');
			$(this).addClass('checked');
			$(this).children('input').val('Ja');
		},
		function(){
			$(this).prev().attr('checked','');
			$(this).removeClass('checked');
			$(this).children('input').val('');
		}	
	);
}

function validateForm(p_sForm) {

	switch(p_sForm) {
		case 'contact':

			var rules = {};
			rules[oFields[p_sForm][1]] = {
				required: true,
				notags: true,
				nonumber: true,
				minlength: 2
			};
			rules[oFields[p_sForm][4]] = {
				required: true,
				email: true,
				notags: true,
				minlength: 2
			};
			
			var messages = {};
			messages[oFields[p_sForm][1]] = {
				required: 'Vul uw naam in.',
				notags: 'U mag geen tags invoeren.',
				nonumber: 'Vul een geldige naam in',
				minlength: 'Vul minimaal 2 karakters in.'
			};
			messages[oFields[p_sForm][4]] = {
				required: 'Vul uw e-mailadres in.',
				email: 'Vul hier een geldig e-mailadres in.',
				notags: 'U mag geen tags invoeren.',
				minlength: 'Vul minimaal 2 karakters in.'
			};
		
		break;
	}
	
	$('#'+p_sForm).validate({
		rules: rules,
		messages: messages,
		errorPlacement: function(error, element) {
			var obj = element.parent().next('div.icon');
			error.insertAfter(obj);
			obj.attr('class','icon invalid');
		},
		success: function(label) {
			label.prev('div.icon').attr('class','icon valid');
			label.remove();
		},
		submitHandler: function(form) {
			form.trigger('submit');
		}
	});	
}

function validateFormReseller(){
	$('#reseller').validate({
		rules: {
			//welke velden zijn verplicht? .. namen zijn gelijk aan name attribuut van je input
			klant_naam: 'required',
			kvk_nummer: 'required',
			telefoonnummer: 'required',
			email: {
				required: true,
				email: true
			},
			factuur_contactpersoon: 'required',
			factuur_straat: 'required',
			factuur_postcode: 'required',
			factuur_huisnummer: 'required',
			factuur_plaats: '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
			klant_naam: 'Geef uw bedrijfsnaam op',
			kvk_nummer: 'Geef uw Kamer van Koophandel nummer op',
			telefoonnummer: 'Geef uw telefoonnummer op',
			email: {
				required: 'Geef uw e-mail adres op',
				email: 'Geen geldig e-mailadres!'
			},
			factuur_contactpersoon: 'Geef uw contact persoon op',
			factuur_straat: 'Geef uw adres op',
			factuur_huisnummer: 'Geef uw huisnummer op',
			factuur_postcode: 'Geef uw postcode op',
			factuur_plaats: 'Geef uw plaats adres op',
			aflever_contactpersoon: 'Geef uw contact persoon op',
			aflever_straat: 'Geef uw adres op',
			aflever_huisnummer: 'Geef uw huisnummer op',
			aflever_plaats: 'Geef uw plaats adres op'
		},
		errorPlacement: function(error, element) {
			var obj = element.parent().next('div.icon');
			error.insertAfter(obj);
			obj.attr('class','icon invalid');
		},
		success: function(label) {
			label.prev('div.icon').attr('class','icon valid');
			label.remove();
		},
		submitHandler: function(form) {
			form.trigger('submit');
		}
	});	
}

function validateFormResellerEn(){
	$('#reseller_en').validate({
		rules: {
			//welke velden zijn verplicht? .. namen zijn gelijk aan name attribuut van je input
			klant_naam: 'required',
			telefoonnummer: 'required',
			email: {
				required: true,
				email: true
			},
			factuur_contactpersoon: 'required',
			factuur_straat: 'required',
			factuur_postcode: 'required',
			factuur_huisnummer: 'required',
			factuur_plaats: '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
			klant_naam: 'Enter your company name',
			telefoonnummer: 'Enter your telephone number',
			email: {
				required: 'Enter your email address',
				email: 'Enter a valig email address'
			},
			factuur_contactpersoon: 'Enter a contact person',
			factuur_straat: 'Enter your address',
			factuur_huisnummer: 'Enter your house number',
			factuur_postcode: 'Enter your Postal/ZIP code',
			factuur_plaats: 'Enter your city name'
		},
		errorPlacement: function(error, element) {
			var obj = element.parent().next('div.icon');
			error.insertAfter(obj);
			obj.attr('class','icon invalid');
		},
		success: function(label) {
			label.prev('div.icon').attr('class','icon valid');
			label.remove();
		},
		submitHandler: function(form) {
			form.trigger('submit');
		}
	});	
}

function googlemaps(){
	var myCenter = new google.maps.LatLng(51.81851, 3.97712);
	var myOptions = {
	  zoom: 16,
	  center: myCenter,
	  mapTypeId: google.maps.MapTypeId.ROADMAP,	  
	  mapTypeControl: false,
	  scrollwheel: false
	}
	var myLatlng = new google.maps.LatLng(51.818244,3.977279);
	var map = new google.maps.Map(document.getElementById("map"), myOptions);
	var image = new google.maps.MarkerImage('images/template/marker-wimood.png',
		new google.maps.Size(136, 89),
		// The origin for this image is 0,0.
		new google.maps.Point(0,0),
		// The anchor for this image is the base of the flagpole at 0,32.
		new google.maps.Point(66,83)
	);
	var marker = new google.maps.Marker({
		position: myLatlng, 
		map: map,
		icon: image
	});
}