/*
 * sous-titres "Gamme"
 */
function initSsTitreGamme(){
	$("#sideNav2>li>a").hover(function(){
							if(!$(this).hasClass("current")){
								var src = $(this).children("img").attr("src");
								$(this).children("img").attr("src", src.replace(".gif", "-on.gif"));
							}
						},
						function(){
							if(!$(this).hasClass("current")){
								var src = $(this).children("img").attr("src");
								$(this).children("img").attr("src", src.replace("-on.gif", ".gif"));
							}
						});
	var src = $("#sideNav2 a.current img").attr("src");
	if(src) $("#sideNav2 a.current img").attr("src", src.replace(".gif", "-on.gif"));
}

/*
 * fonction qui initie le menu dynamique des "Gammes"
 */
function initSideNav2(){
	$("li li a.current").parent("li").parent("ul").parent("li").addClass("active").children("a").addClass("current");
	$("#sideNav2 ul").hide();
	$("#sideNav2 a.current").next("ul").show();
	$("#sideNav2 a.current").parent("li").addClass("active");
	
	/*$("#sideNav2>li>a").click(function(event){
								if($(this).parent("li").hasClass("active")){
									$(this).parent("li").removeClass("active");
									$(this).next("ul").slideUp(400);
								}else{
									$("#sideNav2 ul").slideUp(400);
									$("#sideNav2 li.active").removeClass("active");
									$(this).parent("li").addClass("active");
									$(this).next("ul").slideDown(400);
								}
								event.preventDefault();
							});*/
							
}

/*
 * language "éclairé" onmouseover
 */
function initFlagHover(){
	var imgOff;
	var imgOn;
	$("#langNav a").hover(function(){
								imgOff = $(this).children("img").attr("src");
								imgOn = imgOff.replace(".gif", "-hover.gif");
								$(this).children("img").attr("src", imgOn);
							},
							function(){
								imgOn = $(this).children("img").attr("src");
								imgOff = imgOn.replace("-hover.gif", ".gif");
								$(this).children("img").attr("src", imgOff);
							});
}

/*
 * moteur du slider Homepage
 */
var rotate = true; 
var width = 786;
var height = 254; //216; //366;
var step = 40;
var duration = 3500;
var pause = 20000;
var slidesCount;
var parcours;
function initSlider(){
	$("#slider").css({'overflow':'hidden', 'height':height+'px', 'position':'relative'});
	$(".slide").css({'position':'absolute', 'width':width+'px', 'height':height+'px'});
	$(".slide .slideComment").css({'left':step+'px'});
	slidesCount = $(".slide").size();
	parcours = width - (slidesCount * step);
	var activeSlide = 0;
	
	resetSlider(activeSlide);
	
	$(".slide").each(function(i){ 
        $(this).click(function(){ 
        	if(rotate) rotate = false;
        	for(var j = 0; j < slidesCount; j++){
        		if(j < i){
        			var leftDistance = j*step;
                	$(".slide").eq(j).animate({'left':leftDistance+'px'});
        		}else if (j > i) {
        			var leftDistance = j*step + parcours;
                	$(".slide").eq(j).animate({'left':leftDistance+'px'});
				}else{
					var leftDistance = j*step;
		        	$(".slide").eq(j).animate({'left':leftDistance+'px'});
				}
        	}
        	
        }); 
    });
	
	rotateSlider(0, slidesCount, step);
}
function resetSlider(active){
	for(var i = 0; i < slidesCount; i++){
		if(active == i){ 
			var leftDistance = i*step;
		}else{
			var leftDistance = (i*step) + parcours;
		}
		$(".slide").eq(i).animate({'left':leftDistance+'px'});
	}
}
function rotateSlider(actual, total, step){
	//alert('ok');
	if(rotate){
		//alert('ok'+actual);
		var leftDistance = actual*step;
    	$(".slide").eq(actual).animate({'left':leftDistance+'px'});
    	actual = actual + 1;
    	if(actual==total+1){
    		actual = 0;
    		resetSlider(actual);
    	}
    	//alert(actual);
		setTimeout("rotateSlider("+actual+", "+total+", "+step+")", duration);
	}else{
		rotate = true;
		setTimeout("rotateSlider("+actual+", "+total+", "+step+")", pause);
	}
}


/**********************/
/*    PHOTORAMAMA 0.1     */
/*     Anthony Brard          */
/*        Avril 2010             */
/*                                   */
/*******************/
/* 
Script de diaporama avec un fade entre chaque image.
Mettre toutes les images dans dans une <div> avec la classe "photorama" et c'est tout.
Ne pas oublier d'inclure le fichier le script jquery !
*/

/**** PARAMETRES PHOTORAMAMA ****/
// durée de la transition
var fadeDuration = 1500;

// durée entre chaque diapo
var pauseDuration=3000;


/* initiatialise le photorama */
function initPhotorama(){
	var count=$("div.photorama img").size();
	if(count>1){
		$("div.photorama img").css({'opacity':'0', 'position':'absolute'}); // Supprimer l'attribut width ou le régler à convenance
		$("div.photorama img:nth-child(0)").css({'opacity':'1'});
                
                // un petit random pour l'image de départ
                var actual = 0; //Math.floor(Math.random()*(count+1));
		photoramaMama(actual,actual+1,count);
	}

}

/* moteur du photorama */
function photoramaMama(actual,next,count){
	if(next>count) next=1;
	fadeAndSwicthImages($("div.photorama img:nth-child("+actual+")"), $("div.photorama img:nth-child("+next+")"));
	actual=next;
	next++;
	setTimeout('photoramaMama('+actual+','+next+','+count+')',pauseDuration);
}

/* ici se joue la transition */
function fadeAndSwicthImages(actual, next){
	next.animate({'opacity':'1'},fadeDuration);
	actual.animate({'opacity':'0'},fadeDuration);
}
/*** FIN PHOTORAMAMA ***/