$(document).ready(function(){

	// Taille des éléments
	var TailleTexteMin = 18;
	var TailleTexteMax = 26;
	
	// Temps pour une boucle (animation)
	var TempsBoucleMin = 2000;
	var TempsBoucleMax = 6000;
	
	// Opacité quand l'élément est visible (/100)
	var OpaciteVisibleMin = 60;
	var OpaciteVisibleMax = 99;	
	
	// Opacité quand l'élément est caché (/100)
	var OpaciteCacheMin = 0;
	var OpaciteCacheMax = 0.5;
	
	// Palette de couleur
	var CouleurMin = 127;
	var CouleurMax = 255;

	function randomToN(min,max) {
	   return parseInt(min + (max-min)*Math.random());
	}

	function show(element) {
		element.animate({opacity: '0.'+randomToN(OpaciteVisibleMin, OpaciteVisibleMax)}, randomToN(TempsBoucleMin, TempsBoucleMax),
		function() {
			hide(element); 
		});
	}
	
	function hide(element) {
		element.animate({opacity: '0.'+randomToN(OpaciteCacheMin, OpaciteCacheMax) }, randomToN(TempsBoucleMin, TempsBoucleMax),
		function() {
			var couleur = randomToN(CouleurMin, CouleurMax);
			element.css('color', 'rgb('+couleur+','+couleur+','+couleur+')');
			show(element);
		});
	}
	
	if ($('div#nuage-mots h1').size() > 0) {
		$('div#nuage-mots h1').each(function(index) {
			var couleur = randomToN(CouleurMin, CouleurMax);
			$(this).css('color', 'rgb('+couleur+','+couleur+','+couleur+')');
			hide($(this));
			$(this).css('font-size',randomToN(TailleTexteMin, TailleTexteMax)+'px');
		});
	}
});

$(document).ready(function() {
	// Div en bas
	/*$('body[class!=contactez-nous] div#produit').css('marginTop', ($(window).height() - $('div#produit').height())+'px');
	$('body[class!=contactez-nous] div#produit').css('display', 'block');
	$('body[class!=contactez-nous] div#produit').animate({marginTop: '20px'}, 2000, 'easeOutBounce', function() {
		// Animation complete.
	});*/
	
	/*$('body[class!=contactez-nous] div#produit li[class*=categ-image-menu-gauche-]').css('display', 'block');*/
	
	$('body[class!=contactez-nous] div#produit li[class*=categ-menu-gauche-]:not(:animated)').hover(
	function() {
		// On vérifie s'il y a déjà une animation, si c'est le cas on return
		if ($('body[class!=contactez-nous] div#produit li[class*=categ-menu-gauche-]:animated').size() > 0) {
			return;
		}
	
		$(this).stop();
		// Hover du li
		var categ_id = $(this).attr('class');
		var categ_id = categ_id.substring(18, categ_id.length);
		$('div#produit li[class*=categ-image-menu-gauche-'+categ_id+']').css('width', '236px');
		$('div#produit li[class*=categ-image-menu-gauche-'+categ_id+']').css('height', '0px');
		$('div#produit li[class*=categ-image-menu-gauche-'+categ_id+']').css('display', 'block');
		$('div#produit li[class*=categ-image-menu-gauche-'+categ_id+']').animate(
			// Animation de l'image, on déroule
			{
				height: '165px'
			}, 600, 'linear', function() {
				$('div#produit li[class*=categ-image-menu-gauche-'+categ_id+']').hover(
					function() {},
					function() {
						var categ_id = $(this).attr('class');
						var categ_id = categ_id.substring(24, categ_id.length);
						// On réduit l'image, en sortie de l'image (hover)
						$('div#produit li[class*=categ-image-menu-gauche-'+categ_id+']:not(:animated)').animate(
							{
								height: '0px'
							}, 600, 'linear', function() {
								// Une fois l'animation terminée, on cache l'image
								$('div#produit li[class*=categ-image-menu-gauche-'+categ_id+']').css('display', 'none');
								// On affiche le li
								//$('div#produit li[class*=categ-menu-gauche-'+categ_id+']').show(600);
								
								$('div#produit li[class*=categ-menu-gauche-'+categ_id+']').show(200);
								$('div#produit li[class*=categ-menu-gauche-'+categ_id+']').animate(
									{opacity: 1}, 400, 'linear'
								);
								
							}
						);
					}
				);
			}
		);
		$(this).animate(
			{opacity: 0}, 600, 'linear', function() {
				$(this).hide(200);
			}
		);
	},
	function() {});
	
	
	var madiv = null;
	$('ul#metiers1 li a, ul#metiers2 li a').hover(function() {
		if (madiv != null) { madiv.stop().remove(); }
		// Hover
		var link = $(this);
		madiv = $("<div></div>");
		madiv.css('width', '0px');
		madiv.css('height', '0px');
		madiv.css('opacity', 0.40);
		madiv.css('background-color', $(this).parent().attr('class'));
		madiv.css('position', 'absolute');
		madiv.css('cursor', 'pointer');
		madiv.css('display', 'none');
		$(this).before(madiv);
		
		madiv.animate({
			width: $('img', this).width()+'px',
			height: $('img', this).height()+'px'
		}, 1000)
		
		madiv.hover(function() {},
			function() {
				$(this).animate({
					width: '0px',
					height: '0px'
				}, 1000, '', function() { $(this).remove(); })
			}
		);
		madiv.click(function() { document.location = link.attr("href"); } );
		//alert("left : " + $(this).offset().left + " - top : " + $(this).offset().top);
	},
	function() {});

	
});