function initTab(){
	
	layerSwitch($(".nav li:first-child a"))
	$(".nav li:first-child").addClass("active");
	
	$(".nav a").click(function(){
	
	    layerSwitch($(this));
		return false;
	});
}

function layerSwitch(eltLink){
    $(".displayLayerTab").hide();
		
	var linkTab = $(eltLink).attr("href").split("#");
	$("#"+linkTab[1]).show();
	
	$(".nav li").removeClass("active");
	$(eltLink).parent().parent().addClass("active");
}

function initCarousel(){
	$(".carouselDisplay").jcarousel({
		scroll: 1,
		animation: "slow"
	});	
	carouselGamme();
}

function carouselGamme(){
	$(".carouselControl").each(function(){
		var listItem = $(this).find("li");
		var indexControl = Math.ceil(listItem.length/4);
		if(indexControl>1){
			$(this).before("<ul class=\"controlList\"></ul>");
		
			for(i=0; i<indexControl;i++){
				$(this).siblings(".controlList").append("<li></li>")
			}
			$(this).siblings(".controlList").find("li:first-child").addClass("active");
		}
		
		$(this).jcarousel({
			scroll: 4,
			animation: "slow",
			 itemFirstInCallback:  mycarousel_itemFirstInCallback,
			itemLastInCallback:   mycarousel_itemLastInCallback
		});
	});
}

function mycarousel_itemFirstInCallback(carousel, item, idx, state) {
	$(item).siblings().removeClass("first");
	$(item).addClass("first");
};

function mycarousel_itemLastInCallback(carousel, item, idx, state) {
    var idPage = Math.ceil(idx/4);
	var eltListActive = $(item).parents(".jcarousel-container").siblings(".controlList").find("li:nth-child("+idPage+")");
	$(eltListActive).siblings().removeClass("active");
	$(eltListActive).addClass("active");
};

$(document).ready(function(){
    if($(".nav ul li a").length){
	    initTab();
	}
	initCarousel();
});