$(function() {
	$('#nav').droppy();
	if(!jQuery.browser.msie){
		$("#nav a").addClass('heightnav');
	}
	
	$('#nav a, a.lienAjax').livequery('click', lien);
	
	$("a.nyroModal").livequery('click', function(e){
		e.preventDefault();
		$(this).nyroModalManual( {title: null} );
		return false;
	});
	
	$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
	    $(pager).find('img').removeClass('select') 
	    .filter('img:eq('+currSlideIndex+')').addClass('select'); 
	};
	
	$('#photoGrande').livequery(
		function(){
			$(this).cycle({
				speed:  'slow',
				timeout: 5000,
				pager:  '#vignettes',
				startingSlide: 0,
				//oneTimeFx: true,
			    pagerAnchorBuilder: function(idx, slide) {
			        return '#vignettes li:eq(' + idx + ') a'; 
			    }
			});
		}
	);
	
	var options = { 
		target:		'#colDroite',
		type:		'post',
		beforeSubmit: validation
	};
	
	$('#formulaire').livequery('submit', function(){
		$(this).ajaxSubmit(options); 
		return false; 		
	});
	
	/*$('#formulaire').submit(function() {
		$(this).ajaxSubmit(options); 
		return false; 
	});*/
	
	$('#vignettes a').livequery('click', function() {
		$('#photoGrande').cycle('pause');
	});		    
});

function lien(){
	if($(this).attr('rel') == 'menu') return false;
	$('#photoGrande').cycle('stop');
	$("#contenu").text('');
	$("#bandeau").prepend('<div id="chargement"><img src="images/loader.gif" align="left" />Bezig met laden...</div>');
	$("#contenu").load(this.href, null, function(){ $("#chargement").remove(); });
	//$.fn.cycle.options.currSlide = 0;
	return false;
}

function validation(){
	var erreur = "";
	if($('#conditions').length > 0) {
		if(!$('#conditions').is(':checked')){
			erreur += "- U moet de algemene voorwaarden accepteren<br />";
		}
	}	
	var nom = $('input[@name=nom]').fieldValue();
	var prenom = $('input[@name=prenom]').fieldValue();
	var email = $('input[@name=email]').fieldValue();
	var dateArrivee = $('input[@name=dateArrivee]').fieldValue();
	var dateDepart = $('input[@name=dateDepart]').fieldValue();
	$('#nom').removeClass("erreur");
	$('#prenom').removeClass("erreur");
	$('#email').removeClass("erreur");
	$('#dateArrivee').removeClass("erreur");
	$('#dateDepart').removeClass("erreur");
	$('#alerte').hide();
	if(!nom[0]){
		erreur += "- Uw achternaam is niet vermeld<br />";
		$('#nom').addClass("erreur");
	}
	
	if(!prenom[0]){
		erreur += "- Uw voornaam is niet vermeld.<br />";
		$('#prenom').addClass("erreur");
	}
	
	if(!email[0]){
		erreur += "- Uw e-mailadres is niet vermeld.<br />";
		$('#email').addClass("erreur");
	} else if(!testEmail(email)) {
		erreur += "- Uw e-mail is niet geldig.<br />";
		$('#email').addClass("erreur");
	}
	
	if(dateArrivee.length && !dateArrivee[0]){
		erreur += "- U heeft uw aankomst datum niet vermeld.<br />";
		$('#dateArrivee').addClass("erreur");		
	}
	
	if(dateDepart.length && !dateDepart[0]){
		erreur += "- U heeft uw vertrekdatum niet vermeld.";
		$('#dateDepart').addClass("erreur");		
	}		
	
	if(erreur != ""){
		$('#alerte').show();
		$('#alerte').html("<strong><img src=\"images/alert.gif\" align=\"absmiddle\" /> Er is een fout opgetreden: </strong><br />"+erreur);
		$.scrollTo('#alerte', 800);
		return false;
	}
	return true;
}

function testEmail(email){
	return /\w{1,}[@][\w\-]{1,}([.]([\w\-]{1,})){1,3}$/.test(email);
}