/* --- Cufon --- */

Cufon.replace('#nav, h2, h3, #aanmelden, #googlemap, .cufon, #more, #facebook, #hyves', {
	hover: true
});
		
jQuery(function(){
	
	//remove dot
	jQuery('#menu-item-105').css('background','none');
	
	jQuery('#hyves').click(function(e){
	
		e.preventDefault();
	
		jQuery('#facebook-box').hide();
		jQuery('#facebook').removeClass('active-tab');
		jQuery('#hyves-box').show();
		jQuery('#hyves').addClass('active-tab');
		
		Cufon.replace('#facebook',{hover: true})('#hyves',{hover: true});

		return false;
		
	});
	jQuery('#facebook').click(function(e){
	
		e.preventDefault();
	
		jQuery('#hyves-box').hide();
		jQuery('#hyves').removeClass('active-tab');
		jQuery('#facebook-box').show();
		jQuery('#facebook').addClass('active-tab');
		
		Cufon.replace('#facebook',{hover: true})('#hyves',{hover: true});
		
		return false;
	});	
	
	jQuery("#inschrijven-vrijwiligger, #contact-dialog, #inschrijven-nieuwsbrief, #routedialog, #goede").dialog({
		width: 900,
		modal: true,
		draggable: false,
		autoOpen: false,
		resizable: false,
		dialogClass: 'ui-dialog-light'
	});
	
	jQuery('#goededoelendialog, #map-dialog').dialog({
		width: 1000,
		modal: true,
		draggable: false,
		autoOpen: false,
		resizable: false,
		dialogClass: 'ui-dialog-light goeddoel'
	});
	
	jQuery('#bigmap-dialog').dialog({
		modal: true,
		draggable: false,
		autoOpen: false,
		resizable: false,
		dialogClass: 'ui-dialog-light bigmapje'
	});
		
	jQuery('#aanmelden_new, .morevrij').click(function(){
				
		jQuery('#inschrijven-vrijwiligger').dialog('open');
		
		return false;
	});
	
	jQuery('#contact').click(function(){
			
		jQuery('#contact-dialog').dialog('open');
		
		return false;
	});
	
	jQuery('#goededoelen').click(function(){
			
		jQuery('#goededoelendialog').dialog('open');
		
		return false;
	});
	
	jQuery('#newsletter').click(function(){

		jQuery('#inschrijven-nieuwsbrief').dialog('open');
		
		return false;
	});
	
	jQuery('#bekijkroute').click(function(){

		jQuery('#map-dialog').dialog('open');
		
		return false;
	});
	
	jQuery('.redmap').click(function(){

		jQuery('#bigmap-dialog').dialog('open');
		
		return false;
	});
	
	jQuery('#submit-vrijwilligers').click(function(){
		
	
		if(jQuery('input[name="naam"]').val() == ''){
			alert('U heeft uw naam niet ingevuld.');
			jQuery('input[name="naam"]').focus();
		}
		else if(jQuery('input[name="adres"]').val() == ''){
			alert('U heeft uw adres niet ingevuld.');
			jQuery('input[name="adres"]').focus();
		}
		else if(jQuery('input[name="postcode"]').val() == ''){
			alert('U heeft uw postcode niet ingevuld.');
			jQuery('input[name="postcode"]').focus();
		}
		else if(jQuery('input[name="woonplaats"]').val() == ''){
			alert('U heeft uw woonplaats niet ingevuld.');
			jQuery('input[name="woonplaats"]').focus();
		}
		else if(jQuery('input[name="geboortedatum"]').val() == ''){
			alert('U heeft uw geboortedatum niet ingevuld.');
			jQuery('input[name="geboortedatum"]').focus();
		}
		else if(jQuery('input[name="email"]').val() == ''){
			alert('U heeft uw e-mailadres niet ingevuld.');
			jQuery('input[name="email"]').focus();
		}
		else if(jQuery('input[name="telefoon"]').val() == ''){
			alert('U heeft uw telefoonnummer niet ingevuld.');
			jQuery('input[name="telefoon"]').focus();
		}
		else if(jQuery('input[name="beschikbaarheid"]').val() == ''){
			alert('U heeft uw beschikbaarheid niet ingevuld.');
			jQuery('input[name="beschikbaarheid"]').focus();
		}
		else if(jQuery('input[name="functie"]').val() == ''){
			alert('U heeft uw functie niet ingevuld.');
			jQuery('input[name="functie"]').focus();
		}else {
			
			var dataString = 'naam='+ jQuery('input[name="naam"]').val() + '&adres=' + jQuery('input[name="adres"]').val() + '&postcode=' + jQuery('input[name="postcode"]').val() + '&woonplaats=' + jQuery('input[name="woonplaats"]').val() + '&geboortedatum=' + jQuery('input[name="geboortedatum"]').val() + '&email=' + jQuery('input[name="email"]').val() + '&telefoon=' + jQuery('input[name="telefoon"]').val() + '&beschikbaarheid=' + jQuery('input[name="beschikbaarheid"]').val() + '&functie=' + jQuery('select :selected').text();
			  
			jQuery.ajax({  
			  type: "POST",  
			  url: "/vrijwilliger",  
			  data: dataString,  
			  success: function(result) {  
			    jQuery('#inschrijven-vrijwiligger').html(result);
			    refreshCufon();
			  }  
			});  
							
			return false;
					
		}
		
		return false;
	
	});
	
	
	jQuery('#submit-newsletter').click(function(){
		
	
		if(jQuery('input[name="nl-email"]').val() == ''){
			alert('U heeft uw emailadres niet ingevuld.');
			jQuery('input[name="nl-email"]').focus();
		}
		else if(jQuery('input[name="nl-naam"]').val() == ''){
			alert('U heeft uw naam niet ingevuld.');
			jQuery('input[name="nl-naam"]').focus();
		}
		else if(jQuery('input[name="nl-geboortedatum"]').val() == ''){
			alert('U heeft uw geboortedatum niet ingevuld.');
			jQuery('input[name="nl-geboortedatum"]').focus();
		}
		else {
			
			var dataString = 'naam='+ jQuery('input[name="nl-naam"]').val() + '&email=' + jQuery('input[name="nl-email"]').val() + '&geboortedatum=' + jQuery('input[name="nl-geboortedatum"]').val() + '&aanhef=' + jQuery("input[name='nl-aanhef']:checked").val();
			  
			jQuery.ajax({  
			  type: "POST",  
			  url: "/vrijwilliger",  
			  data: dataString,  
			  success: function(result) {  
			    jQuery('#inschrijven-nieuwsbrief').html(result);
			    refreshCufon();
			  }  
			});  
							
			return false;
					
		}
		
		return false;
	
	});

});

function refreshCufon(){

	Cufon.refresh('#nav, h2, h3, #aanmelden, #googlemap, .cufon, #more, #facebook, #hyves', {
		hover: true
	})

}