var $j = jQuery.noConflict();
$j(document).ready(function() {	 
	/* gestion du focus / blur */
	$j(":input[@type!='submit']").focus(function () {
		$j(this).removeClass();
		$j(this).addClass("focus");

		/* Suppression des messages par défaut */
		if (($j(this).attr("id") == 'name') && $j(this).val() == 'Votre nom / entreprise') {
			$j(this).val('');
		} else if (($j(this).attr("id") == 'email') && $j(this).val() == 'Votre email') {
			$j(this).val('');
		} else if (($j(this).attr("id") == 'message') && $j(this).val() == 'Votre message') {
			$j(this).val('');
		}
	});
	$j(":input[@type!='submit']").blur(function  () {
		$j(this).removeClass();
		$j(this).addClass("normal");

		/* On remet les messages par défaut si le champ n'est pas rempli */
		if (($j(this).attr("id") == 'name') && $j(this).val() == '') {
			$j(this).val('Votre nom / entreprise');
		} else if (($j(this).attr("id") == 'email') && $j(this).val() == '') {
			$j(this).val('Votre email');
		} else if (($j(this).attr("id") == 'message') && $j(this).val() == '') {
			$j(this).val('Votre message');
		}
	});

	/* gestion des erreurs */
	function toRed(id) {
		// $j(":input["+id+"]").addClass("error");
	}

	/* contrôle global */
	$j("form").submit(function(){
		var regemail = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;  /* expr regul pour l'email */
		var formValid = true;
		
		$j(":input").each(function(){
			var valeur = $j(this).val(); /* valeur saisie par l'utilisateur */
			var id = $j(this).attr("id"); /* id du champ */
			var nom = $j(this).attr("name"); /* nom du champ */

			/* Test champs vides */
			if (formValid && (valeur == '' || valeur == 'Votre nom / entreprise') && id == 'name') {
				alert('Le champ Nom / Entreprise est obligatoire!');
				toRed(id);
				formValid = false;
			} else if (formValid && (valeur == '' || valeur == 'Votre email') && id == 'email') {
				alert('Le champ Courriel est obligatoire!');
				toRed(id);
				formValid = false;
			} else if (formValid && (valeur == '' || valeur == 'Votre message') && id == 'message') {
				alert('Le champ Message est obligatoire!');
				toRed(id);
				formValid = false;
			}

			/* Test format */
			if (formValid && id == 'email') {
				if(!valeur.match(regemail)) {
					alert('Le courriel doit avoir un format correct!');
					toRed(id);
					formValid = false;
				}
			}
		});

		return formValid;
	});
});



jQuery(function( $ ){
	/**
	 * Most jQuery.localScroll's settings, actually belong to jQuery.ScrollTo, check it's demo for an example of each option.
	 * @see http://flesler.demos.com/jquery/scrollTo/
	 * You can use EVERY single setting of jQuery.ScrollTo, in the settings hash you send to jQuery.LocalScroll.
	 */
	
	/**
	 * Restart the scroll position to ( 0, 0 ) (Firefox doesn't reset it)
	 * could use $(target).scrollTo( 0, {axis:'xy'));
	 * but this needs to be quick(synchronous), to reset before $.localScroll.hash() begins
	 */
	$('#content').attr({scrollTop:0,scrollLeft:0});
	
	// Scroll initially if there's a hash (#something) in the url 
	$.localScroll.hash({
		target: '#content', //could be a selector or a jQuery object too.
		axis:'xy',//the default is 'y'
		queue:true,
		duration:1500
	});
	
	var $last = $([]);//save the last link
	
	/**
	 * NOTE: I use $.localScroll instead of $('#navigation').localScroll() so I
	 * also affect the >> and << links. I want every link in the page to scroll.
	 */
	$.localScroll({
		target: '#content', //could be a selector or a jQuery object too.
		axis:'xy', //the default is 'y'
		queue:true,
		duration:1000,
		hash:true,
		onBefore:function( e, anchor, $target ){//'this' is the clicked link
			$last.removeClass('scrolling');
			$last = $(this).addClass('scrolling');
			if( this.blur )
				this.blur();//remove the awful outline
		},
		onAfter:function( anchor ){
			$last.removeClass('scrolling');
		}
	});
});



/* ROLLOVER MENU */

var $j = jQuery.noConflict();
	$j(document).ready(function() {
	
		$j('img#menu01').hover(function() {
			$j(this).attr("src","../images/menu/01on.jpg");
		}, function() {
		$j(this).attr("src","../images/menu/01.jpg");
	});
	
		$j('img#menu02').hover(function() {
			$j(this).attr("src","../images/menu/02on.jpg");
		}, function() {
		$j(this).attr("src","../images/menu/02.jpg");
	});
	
		$j('img#menu03').hover(function() {
			$j(this).attr("src","../images/menu/03on.jpg");
		}, function() {
		$j(this).attr("src","../images/menu/03.jpg");
	});
	
		$j('img#menu04').hover(function() {
			$j(this).attr("src","../images/menu/04on.jpg");
		}, function() {
		$j(this).attr("src","../images/menu/04.jpg");
	});
	
		$j('img#menu05').hover(function() {
			$j(this).attr("src","../images/menu/05on.jpg");
		}, function() {
		$j(this).attr("src","../images/menu/05.jpg");
	});
	
		$j('img#menu06').hover(function() {
			$j(this).attr("src","../images/menu/06on.jpg");
		}, function() {
		$j(this).attr("src","../images/menu/06.jpg");
	});
	
		$j('img#menu07').hover(function() {
			$j(this).attr("src","../images/menu/07on.jpg");
		}, function() {
		$j(this).attr("src","../images/menu/07.jpg");
	});
});


/* SURVOL MENU */

var $j = jQuery.noConflict();
	$j(document).ready(function() {
	
/* 		pour les pros */
	
		$j('#pros1').hover(
			function() { $j('#pros1over').fadeIn(); },
			function() { $j('#pros1over').fadeOut(); 
	});
	
		$j('#pros2').hover(
			function() { $j('#pros2over').fadeIn(); },
			function() { $j('#pros2over').fadeOut(); 
	});
	
		$j('#pros3').hover(
			function() { $j('#pros3over').fadeIn(); },
			function() { $j('#pros3over').fadeOut(); 
	});
	
		$j('#pros4').hover(
			function() { $j('#pros4over').fadeIn(); },
			function() { $j('#pros4over').fadeOut(); 
	});
	
/* 		a la maison */
		
		$j('#maison1').hover(
			function() { $j('#maison1over').fadeIn(); },
			function() { $j('#maison1over').fadeOut(); 
	});
	
		$j('#maison2').hover(
			function() { $j('#maison2over').fadeIn(); },
			function() { $j('#maison2over').fadeOut(); 
	});
	
		$j('#maison3').hover(
			function() { $j('#maison3over').fadeIn(); },
			function() { $j('#maison3over').fadeOut(); 
	});
	
		$j('#maison4').hover(
			function() { $j('#maison4over').fadeIn(); },
			function() { $j('#maison4over').fadeOut(); 
	});
	
/* 		staging */
	
		$j('#staging1').hover(
			function() { $j('#staging1over').fadeIn(); },
			function() { $j('#staging1over').fadeOut(); 
	});
	
		$j('#staging2').hover(
			function() { $j('#staging2over').fadeIn(); },
			function() { $j('#staging2over').fadeOut(); 
	});
	
});