$(function()
{
	/******** Gestion des box de la page d'accueil ********/
	/* Box 1 : Nouvel album */
	
	$('div.troisBox div.box1 div.contenuAnnonce div.annonce:first').css('top', '0px');
	
	/* Box 2 : Prochains spectacles */
	$('div.troisBox a.box2').mouseenter(function(){
		$(this).children('div.titre').children('div.ligne1').animate({
			top : '-120px'
		}, 200, 'easeInExpo');
		$(this).children('div.titre').children('div.ligne2').animate({
			top : '-92px'
		}, 250, 'easeInExpo');
		
		$(this).children('div.titre').children('div.ligne1Over').animate({
			top : '82px'
		}, 300, 'easeInExpo');
		$(this).children('div.titre').children('div.ligne2Over').animate({
			top : '110px'
		}, 350, 'easeInExpo');
	});
	$('div.troisBox a.box2').mouseleave(function(){
		$(this).children('div.titre').children('div.ligne1').animate({
			top : '82px'
		}, 350, 'easeInExpo');
		$(this).children('div.titre').children('div.ligne2').animate({
			top : '110px'
		}, 300, 'easeInExpo');
		
		$(this).children('div.titre').children('div.ligne1Over').animate({
			top : '227px'
		}, 250, 'easeInExpo');
		$(this).children('div.titre').children('div.ligne2Over').animate({
			top : '255px'
		}, 200, 'easeInExpo');
	});
	/* Box 3 : Les chroniques de JF */
	/*
	$('div.troisBox a.box3').mouseenter(function(){
		$(this).children('div.ligne1').animate({
			top : '-120px'
		}, 200, 'easeInExpo');
		$(this).children('div.ligne2').animate({
			top : '-92px'
		}, 250, 'easeInExpo');
		$(this).children('div.ligne3').animate({
			top : '-64px'
		}, 300, 'easeInExpo');
		$(this).children('div.ligne4').animate({
			top : '-26px'
		}, 350, 'easeInExpo');
		
		$(this).children('div.ligne1Over').animate({
			top : '136px'
		}, 300, 'easeInExpo');
		$(this).children('div.ligne2Over').animate({
			top : '164px'
		}, 350, 'easeInExpo');
		$(this).children('div.ligne3Over').animate({
			top : '192px'
		}, 400, 'easeInExpo');
		$(this).children('div.ligne4Over').animate({
			top : '230px'
		}, 450, 'easeInExpo');
	});
	$('div.troisBox a.box3').mouseleave(function(){
		$(this).children('div.ligne1').animate({
			top : '136px'
		}, 450, 'easeInExpo');
		$(this).children('div.ligne2').animate({
			top : '164px'
		}, 400, 'easeInExpo');
		$(this).children('div.ligne3').animate({
			top : '192px'
		}, 350, 'easeInExpo');
		$(this).children('div.ligne4').animate({
			top : '230px'
		}, 300, 'easeInExpo');
		
		$(this).children('div.ligne1Over').animate({
			top : '392px'
		}, 350, 'easeInExpo');
		$(this).children('div.ligne2Over').animate({
			top : '420px'
		}, 300, 'easeInExpo');
		$(this).children('div.ligne3Over').animate({
			top : '448px'
		}, 250, 'easeInExpo');
		$(this).children('div.ligne4Over').animate({
			top : '486px'
		}, 200, 'easeInExpo');
	});
	*/
	/* Box 3 : Boutique en ligne */
	$('div.troisBox a.box3').mouseenter(function(){
		$(this).children('div.fleche').animate({
			left : '477px'
		}, 200, 'easeInExpo');
		$(this).children('div.ligne1').animate({
			left : '342px'
		}, 250, 'easeInExpo');
		$(this).children('div.ligne2').animate({
			left : '342px'
		}, 300, 'easeInExpo');
		
		$(this).children('div.flecheOver').animate({
			left : '155px'
		}, 300, 'easeInExpo');
		$(this).children('div.ligne1Over').animate({
			left : '20px'
		}, 350, 'easeInExpo');
		$(this).children('div.ligne2Over').animate({
			left : '20px'
		}, 400, 'easeInExpo');
	});
	$('div.troisBox a.box3').mouseleave(function(){
		$(this).children('div.fleche').animate({
			left : '155px'
		}, 450, 'easeInExpo');
		$(this).children('div.ligne1').animate({
			left : '20px'
		}, 400, 'easeInExpo');
		$(this).children('div.ligne2').animate({
			left : '20px'
		}, 350, 'easeInExpo');
		
		$(this).children('div.flecheOver').animate({
			left : '-167px'
		}, 350, 'easeInExpo');
		$(this).children('div.ligne1Over').animate({
			left : '-302px'
		}, 300, 'easeInExpo');
		$(this).children('div.ligne2Over').animate({
			left : '-302px'
		}, 250, 'easeInExpo');
	});
	
});



var timerAnnonces;
var annonceOuverte = 1;
var annonceAOuvrir = 2;

function defilerAnnonces() {
	
	$('div.troisBox div.box1 div.contenuAnnonce div#annonce'+annonceOuverte).animate({
		top : '207px'
	}, 300, 'easeInQuad', function(){
		$(this).css('top', '-207px');
	});
	$('div.troisBox div.box1 div.contenuAnnonce div#annonce'+annonceAOuvrir).animate({
		top : '0px'
	}, 300, 'easeInQuad', function(){
		if(annonceAOuvrir == 2) {
			annonceAOuvrir = 1;
			annonceOuverte = 2;
		} else {
			annonceAOuvrir = 2;
			annonceOuverte = 1;
		}
	});
	
}