var currentPic = 1;
var nbItems = $("#bloccollection .content li").size();
var carousselduration = 3000;
var int;

/* Besoin d'aide Aide */

	
/* Caroussel Homepage */
function displayPic(id){
	$(".active").removeClass("active");
	$(".l"+id).toggleClass("active");
	$("#bloccollection .content").fadeOut("slow", function(){
		$("#bloccollection .content li.visible")
			.removeClass('visible');
		$("#bloccollection .content li.i"+id)
			.addClass('visible');
		$(this).fadeIn("slow");
	});
}

function nextPic(){
	var nbItems = $("#bloccollection .content li").size();
	//alert(nbItems);
	if(currentPic < nbItems){
		currentPic++;
		displayPic(currentPic);
	}else{
		currentPic = 1;
		displayPic(currentPic);
	}
}

function navClick(id){
	clearInterval(int);
	displayPic(id);
	currentPic = id;
	int = setInterval("nextPic();", carousselduration);
}

function help(id){
	$(id).hover(function (e) {
		var bheight = $("#bulle").height();
		var bwidth = $("#bulle").width();
		if($(this).offset().left<= 100){
			$("#bulle").css("left", 0);
			$("#bulle .queue").css("margin-left", $(this).offset().left);
			$("#bulle").css("top", $(this).offset().top-$(this).height()-bheight);
		}else{
			$("#bulle .queue").css("margin-left", bwidth/2-$(this).width()/2);
			$("#bulle").css("left", $(this).offset().left+($(this).width()/2-bwidth/2));
			$("#bulle").css("top", $(this).offset().top-$(this).height()-bheight);
		}
		$("#bulle p").html($("h2", this).html());
		
		$("#bulle").fadeIn("fast");
	},function(){
		$("#bulle").hide();
	});
	
	$(id).click(function(){
		var content = $(this).html();
		$("#detailsaide").fadeOut("fast", function(){
			$(this).html(content);
			$(this).fadeIn("fast");
			$.scrollTo("#detailsaide",500);
		});
		
	});
}

/* Affichage des images dans le detail Matelas */
function navDetailsImg(){
	$("a.thbs").click(function(){
		var url = $("span", this).css("background-image");
		var finalUrl = url.substring(url.indexOf("(")+1, url.indexOf(")"));
		finalUrl = finalUrl.replace(/"/gi, "");
		/* alert(finalUrl); */
		$(".visuel img").fadeOut("slow", function(){
			$(this).attr("src", finalUrl);
			$(this).fadeIn("slow");
		});
		$(".thumbs .active").removeClass("active");
		$("span", this).addClass("active");
	});
}

/* Affichage des sous-menus */
function addSsMenus(id){
	$(".page-item-"+id).hover(function(e){
		displaySubMenu($(this));
	}, function(){
		hideMenu($(this));
	})
}

function displaySubMenu(id){
	$(".ssmenu", id).fadeIn("fast");
	$(".ssmenu", id).css("left", id.offset().left-30);
}

function hideMenu(id){
	$(".ssmenu", id).fadeOut("fast");
}

$(function(){
	/* Systeme de Tooltip */
	$(".tooltip").hover(function (e) {
		var bheight = $("#bulle").height();
		var bwidth = $("#bulle").width();
		$("#bulle").css("left", $(this).offset().left+($(this).width()/2-bwidth/2));
		$("#bulle").css("top", $(this).offset().top-$(this).height()-bheight);
		$("#bulle").fadeIn("fast");
	},function(){
		$("#bulle").fadeOut("fast");
	});
	
	/* Tooltip sur le logo */
	$("#logo").hover(function (e) {
		var bwidth = $("#tooltiphome").width();
		$("#tooltiphome").fadeIn("fast");
		$("#tooltiphome").css("left", $(this).offset().left+($(this).width()/2-bwidth/2));
		$("#tooltiphome").css("top", "150px");
	},function(){
		$("#tooltiphome").fadeOut("fast");
	});
	
	$(document).pngFix(); 
	addSsMenus("7");
	addSsMenus("8");
	addSsMenus("9");
});