// JavaScript Document

	var color_1 = "#FFF";
	var color_1b = "#EEFFBB";
	var color_2 = "#FDFACD";
	var color_3 = "#AAFFAA";
	var color_4 = "#CCFFCC";
	var color_5 = "#E6CCFF";



function changer_fond (aaa) {
	//document.write(aaa);
		$("#gauche").animate({left : "-900px", top : "560px"}, 1000);
		$("#droite").fadeOut(1000);
		$("#fond").fadeOut(1000);
		if (page ==1)
			$("#annonce").animate({right:'-500px'}, 1000, "easeOutBounce");
		if (page == 2)
		{
			$(".formation").animate({width:'60px'}, 500, "easeOutBounce");
			$(".nomformation").fadeOut(500);
			if (ll!=1)
			{
				$(".formation").fadeOut(1000);
				$(".nomformation").fadeOut(1000);
			}
		}
		if (page == 3) {
			$(".d_cours").animate({left:'-=1000'}, 800);
			$(".g_cours").animate({left:'-=1000'}, 800);
		}
		else if (page == 4) {
			enlever(0);
			$(".d_cours").animate({left:'-=1000'}, 800);
			$(".g_cours").animate({left:'-=1000'}, 800);
		}
		$("body").animate({backgroundColor : aaa}, 1000);

 
 };

 function transport (aaa, dd) {
	//document.write(aaa);
	if (dd == "b") {
		window.open(aaa);
	}
	else {
		window.location.href = aaa;
	}
 };



$(document).ready(function(){
	//couleurs des menus
	$('#cache').hide();
	for (i=2;i<=5;i++)
	{
		var menu = "#m_" + i;
		switch(i)
			{
			case 1:
  				var c = color_1;
  			break;
			case 2:
  				var c = color_2;
  			break;
			case 3:
  				var c = color_3;
  			break;
			case 4:
  				var c = color_4;
  			break;
			case 5:
  				var c = color_5;
  			break;
			}
		$(menu).data('couleur', c);
		//document.write($('#m_2').data('couleur'));
	}
	var menu = "#menu_" + page;
	switch(page)
	{
	case 1:
  		var color_choix = color_1;
  	break;
	case 2:
  		var color_choix = color_2;
  	break;
	case 3:
  		var color_choix = color_3;
  	break;
	case 4:
  		var color_choix = color_4;
  	break;
	case 5:
  		var color_choix = color_5;
  	break;
	}

	$(menu).css("background-color", color_choix);
	var color = $(menu).css("background-color");
   	$('body').css("background-color", color);
	if (page == 1) {
	$("#menu_1").css("background-color", "transparent");
	{
		$("body").animate({backgroundColor: color_1b}, 3000);
	}
	}
	$('#fond').css('opacity', '0.5');
	
	
	//arrivée gauche
	$("#gauche").css({
		left: '-900px',
		top: '560px'
	});
	$("#gauche").animate({
		left: '0px',
		top: '0px'
		}, 3000, "easeOutExpo");
	
	//sortie page
	/*$("#menu_2 a").click(function (event) {
		
		couleur = color_2;
		$("#menu_2").css("background-color", couleur);
		changer_fond (couleur);
		lig = this.href;
		setTimeout("transport (lig)",1000);
		event.preventDefault();		
	});
	$("#menu_3 a").click(function (event) {
		
		couleur = color_3;
		$("#menu_3").css("background-color", couleur);
		changer_fond (couleur);
		lig = this.href;
		setTimeout("transport (lig)",1000);
		event.preventDefault();		
	});
	$("#menu_4 a").click(function (event) {
		
		couleur = color_4;
		$("#menu_4").css("background-color", couleur);
		changer_fond (couleur);
		lig = this.href;
		setTimeout("transport (lig)",1000);
		event.preventDefault();		
	});
	$("#menu_5 a").click(function (event) {
		
		couleur = color_5;
		$("#menu_5").css("background-color", couleur);
		changer_fond (couleur);
		lig = this.href;
		setTimeout("transport (lig)",1000);
		event.preventDefault();
			
	});*/
	
	//sortie page
	$("a").click(function (event) {
		
		var x = $(this).attr('name');
		menu = "#menu_" + x;
		//document.write(x);
		d = "a";
		ll =0;
		switch(x)
			{
			case "0":
				var c = color_1;
				d = "b";
			case "1":
  				var c = color_1;
  			break;
			case "2":
  				var c = color_2;
  			break;
			case "3":
  				var c = color_3;
  			break;
			case "4":
  				var c = color_4;
  			break;
			case "5":
  				var c = color_5;
  			break;
			}
			
		if (d == "a")
		{
			$(this).css("background-color", c);
			changer_fond (c);
			xx = "#menu_" + page;
			$(xx).animate({backgroundColor : '#CF9'}, 1000);
		};
		lig = this.href;
		$(menu).animate({backgroundColor : c}, 1000);
		//document.write(d);
		if (d == "a")
		{
			setTimeout("transport(lig, d)",1000);
		}
		else
		{
			transport(lig, d);
		}
		event.preventDefault();
		});
 });