if (document.images)
{
    preload_image_object = new Image();
    image_url = new Array();
    image_url[0] = "Ressources/images/Accueilcol.png";
    image_url[1] = "Ressources/images/Formationcol.png";
    image_url[2] = "url(Ressources/images/Filierecol.png";
    image_url[3] = "url(Ressources/images/Promotioncol.png";
	image_url[4] = "url(Ressources/images/Calendriercol.png";

    var i = 0;
    for(i=0; i<=4; i++) 
	preload_image_object.src = image_url[i];
}
  
$(document).ready(function(){
  $("#div1").mouseover(function(){
	$('#div1').css("background-image", "url(Ressources/images/Accueilcol.png)");
	$("#div1").animate({left:0},"fast");
	$("#div2").animate({left:300},"fast");
	$("#div3").animate({left:461.25},"fast");
	$("#div4").animate({left:622.5},"fast");
	$("#div5").animate({left:783.75},"fast");
	$("#div1 #liens").fadeIn("fast");
  });
  $("#div1").mouseleave(function(){
	$('#div1').css("background-image", "url(Ressources/images/Accueil.png)");
	$("#div1 #liens").fadeOut("fast");
  });
  $("#div2").mouseover(function(){
	$('#div2').css("background-image", "url(Ressources/images/Formationcol.png)");
	$("#div1").animate({left:0},"fast");
	$("#div2").animate({left:161.25},"fast");
	$("#div3").animate({left:461.25},"fast");
	$("#div4").animate({left:622.5},"fast");
	$("#div5").animate({left:783.75},"fast");
	$("#div2 #liens").fadeIn("fast");
  });
  $("#div2").mouseleave(function(){
	$('#div2').css("background-image", "url(Ressources/images/Formation.png)");
	$("#div2 #liens").fadeOut("fast");
  });
  $("#div3").mouseover(function(){
    $('#div3').css("background-image", "url(Ressources/images/Filierecol.png)");
	$("#div1").animate({left:0},"fast");
	$("#div2").animate({left:161.25},"fast");
	$("#div3").animate({left:322.5},"fast");
	$("#div4").animate({left:622.5},"fast");
	$("#div5").animate({left:783.75},"fast");
	$("#div3 #liens").fadeIn("fast");
  });
  $("#div3").mouseleave(function(){
	$('#div3').css("background-image", "url(Ressources/images/Filiere.png)");
	$("#div3 #liens").fadeOut("fast");
  });
  $("#div4").mouseover(function(){
	$('#div4').css("background-image", "url(Ressources/images/Promotioncol.png)");
	$("#div1").animate({left:0},"fast");
	$("#div2").animate({left:161.25},"fast");
	$("#div3").animate({left:322.5},"fast");
	$("#div4").animate({left:483.75},"fast");
	$("#div5").animate({left:783.75},"fast");
	$("#div4 #liens").fadeIn("fast");
  });
  $("#div4").mouseleave(function(){
	$('#div4').css("background-image", "url(Ressources/images/Promotion.png)");
	$("#div4 #liens").fadeOut("fast");
  });
  $("#div5").mouseover(function(){
	$('#div5').css("background-image", "url(Ressources/images/Calendriercol.png)");
	$("#div1").animate({left:0},"fast");
	$("#div2").animate({left:161.25},"fast");
	$("#div3").animate({left:322.5},"fast");
	$("#div4").animate({left:483.75},"fast");
	$("#div5").animate({left:645},"fast");
	$("#div5 #liens").fadeIn("fast");
  });
  $("#div5").mouseleave(function(){
	$('#div5').css("background-image", "url(Ressources/images/Calendrier.png)");
	$("#div5 #liens").fadeOut("fast");
  });
  $("#div6").mouseleave(function(){
	$("#div1").animate({left:0},"fast");
	$("#div2").animate({left:189},"fast");
	$("#div3").animate({left:378},"fast");
	$("#div4").animate({left:567},"fast");
	$("#div5").animate({left:756},"fast");
  });
  $('#div6 #div1 #liens').hide();
  $('#div6 #div2 #liens').hide();
  $('#div6 #div3 #liens').hide();
  $('#div6 #div4 #liens').hide();
  $('#div6 #div5 #liens').hide();
});