// JavaScript Document

//animation image du fond
	var k=0;
	//im_tot = im_tot +1;
function Timer() {

		if (k==0)
		{
			$("#image_1").fadeIn(3000);
			k=1;
			setTimeout("Timer()",3000);
		}
		else
		{
			var im = "#image_" + k;
    		$(im).delay(4000).fadeOut(2000);
			k=k+1;
			var im_tot = $("#fond > img").length;
			if (k>im_tot)
  			{
  				k=1;
  			}
			var im = "#image_" + k;
			$(im).delay(6000).fadeIn(2000);
			setTimeout("Timer()",8000);
		}
	}


var x =1;

function retireslide()
{
	var num = $('#g_droite').data("slide");
	var slide = "#slider_" + num;
	var liste = "#liste_" + num;
	$(liste).removeClass("cliquer");
	//document.write(slide);
	$(slide).fadeOut(500, function () {
		gauche = $(slide).data('left');
		haut = $(slide).data('margin-top');
		largeur = $(slide).data('width');
		hauteur = $(slide).data('height');
		$(slide).css({
			'left' : gauche,
      		'margin-top' : haut,
			'width' : largeur,
			'height' : hauteur }); 
	});
};

function setslide(num)
{
var slide = "#slider_" + num;
var liste = "#liste_" + num;
$(liste).addClass("cliquer");
$('.slider').hide();
$(slide).show();
var taille = $('#g_droite').data('hauteur');
nb_slide = $('.div_i').size();
taille = taille + 2*nb_slide;
var larg = $('#g_droite').width() - 20;

$(slide).delay(500).animate({"left": "-2px"}, 500, function () {
	//$(slide).animate({"width": larg}, 1000)
	$(slide).animate({"height": taille, "margin-top" : "0px"}, 500);
});

$('#g_droite').data("slide", num);


};




function placement (num)
{
	$(".slider").hide();
	var slide = "#slider_" + num;
	$(slide).data('num', num);
	var liste = "#liste_" + num;
	$(liste).data('num', num);
	if (num == 1)
	{
		var haut = 0;
	}
	else
	{
		var haut = $("#g_droite").data('marge');
	}
	
	//document.write(haut + " ");
	var largeur = $('#g_droite').width() - 20;
	var gauche = - largeur - 100;
	var hauteur = $('#liste_slide').height();
	var nb_liste = $(".div_i").size();
	//document.write(hauteur + " " + nb_liste);
	hauteur = hauteur / nb_liste - nb_liste/2;
	var y = hauteur * nb_liste;
	var k = haut + hauteur + 2;
	$('#g_droite').data('hauteur', y);
	$('#g_droite').data('marge', k);	
	//document.write(hauteur);
	$(slide).css({
		'left' : gauche,
      	'margin-top' : haut,
		'width' : largeur,
		'height' : hauteur });
	$(slide).data({
		'left' : gauche,
      	'margin-top' : haut,
		'width' : largeur,
		'height' : hauteur });
	
};


function anime ()
{
	retireslide();
	var num = $('#g_droite').data("slide") + 1;
	var nb_liste = $(".div_i").size();
	if (num > nb_liste)
	{
		num = 1;
	}
	$('#blanc').delay(500).hide(1, function () {
				setslide (num);
			});
};

$(document).ready(function(){

	
	$("#blanc").hide();
	//arrivée du menu à droite
	$("#menu_div").css("right", "-800px");
	$("#menu_div").animate({"right": "0px"}, 3000, "easeOutExpo");
	
	//apparition du logo
	$("#logo").hide();
	$("#ifmv").hide();
	$("#ecole").hide();
	$("#bas").hide();
	$("#annonce").css("right", "-400px");
	$("#annonce").delay(3000).animate({"right": "0px"}, 3000, "easeOutExpo");
	$("#logo").fadeIn(3000);
	$("#ifmv").fadeIn(3000);
	$("#ecole").fadeIn(3000);
	$("#bas").fadeIn(3000);
	
	//apparition contact
	$("#contact").css("top", "-80px");
	$("#contact").animate({"top": "60px"}, 2000, "easeOutBounce");
	$("#lien").css("top", "-80px");
	$("#lien").delay(1000).animate({"top": "30px"}, 2000, "easeOutBounce");
	$("#location").css("top", "-80px");
	$("#location").delay(500).animate({"top": "60px"}, 2000, "easeOutBounce");


	//cacher image fond
	var im_tot = $("#fond > img").length;
	for (i=1;i<=im_tot;i++)
	{
		var im = "#image_" + i;
		$(im).hide();
	}
	
	//préparation liste
	var larg = $("#gauche").width();
	//document.write(larg);
	larg = larg/3;
	//document.write(larg);
	$("#div_liste_slide").css("width", larg);
	var long = larg*2;
	//document.write(long);
	$("#g_droite").css("width", long);
	//larg = larg;
	//document.write(larg);
	$("#liste_slide").css("width", larg);
	$(".ligne_slider").css("width", larg);
	var hauteur = $("#gauche").height();
	$("#div_liste_slide").css("height", hauteur);
	nb_liste = $(".div_i").size();
	//document.write(nb_liste);
	hauteur = (hauteur -80)/nb_liste;
	//document.write(hauteur);
	$(".ligne_slider").css("height", hauteur);
	var t_haut = hauteur*nb_liste + 40;
	//document.write(t_haut);
	$("#g_droite").css("height", t_haut);
	var marg = ($("#gauche").height() - (hauteur*nb_liste))/2.5;
	$("#liste_slide").css("margin-top",marg);
	$(".ligne_slider").css("top",marg);
	marg = marg + 3;
	$("#g_droite").css("margin-top",marg);
	$("#g_droite").css("right", "0");
	hauteur = hauteur*20/100;
	//$(".div_i").css("margin-top", hauteur);
	//hauteur = hauteur/1;
	$(".div_i").css("font-size", hauteur);
	
	
	//préparation slider
	
	$(".slider").hide();
	var div_tot = $(".slider").length;
	//document.write(div_tot);
	for (i=1;i<=div_tot;i++)
	{
		x = i;
		placement (i);
	}
	
	//mettre premier slider
	$('#blanc').delay(2000).hide(1, function () {
				setslide (sl);
	});
	
	//sélection menu
	$('.ligne_slider').mouseover(function() {
  		$(this).addClass('selectionner');
	});
	$('.ligne_slider').mouseout(function() {
  		$(this).removeClass('selectionner');
	});
	$('.ligne_slider').click(function() {
		$(this).addClass('cliquer');
  		$(this).removeClass('selectionner');
		var num = $(this).data('num');
		var num_slide = $('#g_droite').data('slide');
		if (num != num_slide)
		{
			retireslide ();
			$('#blanc').delay(500).hide(1, function () {
				setslide (num);
			});
			//$('#slider_1').hide();
		};
	});
	
	// animation automatique
	play = setInterval("anime()", 6000);
	
	//arrêter animation
	$('#gauche').mouseover(function () {
		clearInterval (play);
	});
	
	//reprendre animation
	$('#gauche').mouseout(function () {
		play = setInterval("anime()", 6000);
	});	
	
});