$(function(){
	$("h1#logo b").hide();
	$("#marques a").each(function(){
		txt = $(this).text();
		lettre = txt.substr(0,1);
		reste = txt.substr(1);
		$(this).html("<span class='majuscule'>"+lettre+"</span>"+reste);
	});
	$("#slogan, #logo, .miroir").click(function(){
		document.location.href = "le-showroom";
	});
	btnBackoffice();
	
	initTissus();
	var pause = 4000;
	
	setInterval('changerTissus(0);', pause);
	setTimeout("setInterval('changerTissus(1);', "+pause+");", 500 );
	setTimeout("setInterval('changerTissus(2);', "+pause+");", 1000 );
	setTimeout("setInterval('changerTissus(3);', "+pause+");", 1500 );
});


function go()
{
	positionnerElements();
	window.onresize = positionnerElements;	
	$("body").css("visibility", "visible");	
}


function positionnerElements()
{
	l = $(window).width(); h = $(window).height();
	lg = $("#global").width(); hg = $("#global").height();
	x = (l-lg)>>1; y = (h-hg)>>2;
	if (x<0) x=0; if (y<0) y=0;
	$("#global").css({left:x+"px", top:y+"px"});
}


function changerTissus(iMiroir)
{	
	var dureeFade=2000;
	
	// On incrémente tous les z-index	
	zmax = -1;
	$(".miroir").eq(iMiroir).children("img.tissu").each(function(k){
		z = $(this).css("zIndex");
		z = (1.0*z)+1;
		$(this).css("zIndex", z);
		if (z > zmax) {zmax=z; kmax=k;}
	});
	
	// On fait disparaitre le tissu du dessus puis on le passe dessous
	$(".miroir").eq(iMiroir).children("img.tissu").eq(kmax).fadeOut(dureeFade, function(){
		$(this).css("zIndex", "0").show();
	});
}


function btnBackoffice()
{
	$("body").append("<a id='btnBackoffice' href='/wp-admin/'></a>");
}


function initTissus()
{
	$(".miroir").each(function(){
		$(this).children("img.tissu").each(function(k){
			$(this).css("zIndex", k);
		});
	});
}