$.fn.preload = function() {
    this.each(function(){
        $('<img/>')[0].src = this;
    });
}
$(document).ready(function () {
$("#sh-2").css('width','0px');
$("#sh-1").css('width','0px');
$("#sb-1").css('width','0px');
$("#sb-2").css('width','0px');
$("#anim.saphir-anim img").css('opacity',0);
$("#s-m-anim-1 img").css('width','0px','height','0px','opacity','1');
$('.iframe').colorbox({iframe:true, scrolling:false,innerWidth:"400",innerHeight:"400",close:'<img src="images/close-button.png" alt="Fermer"/>',transition:"fade"});

$("#anim img").preload();

function anim0() {
$(".preload").fadeOut('slow', function() {
    anim1();
  });
}

function anim1() {
$("#sh-1").animate({width:150},{duration:500,complete: anim2});}


function anim2() {
  $("#sh-2").animate({width:150}, {duration: 500,
    complete:anim3});
}

// Deuxieme partie 

function anim3() {
  $("#sb-1").animate({width:273}, {duration: 500,
    complete:anim4});
}

function anim4() {
  $("#sb-2").animate({width:273}, {duration: 500,
    complete:anim5});
}

function anim5() {
  $("#pub img").animate({width:400,height:400}, {duration: 500});
}

function startAnimation1() {
anim0();
}

// page nws

function animn0() {
$(".preload").fadeOut('slow', function() {
    animn1();
  });
}

function animn1() {
  $("#mask-n-1").animate({width:0}, {duration: 500,
    complete:animn2});
}

function animn2() {
  $("#mask-n-2").animate({width:0}, {duration: 500,
    complete:animn3});
}

function animn3() {
  $("#pub-news img").animate({width:328,height:326}, {duration: 500});
  $("#fermer").click(function () { 
      $("#pub-news img").animate({width:0,height:0}, {duration: 500});
    });
}

function startAnimation2() {
animn0();
}

// Page saphir promo

function anims0() {
$(".preload").fadeOut('slow', function() {
    anims1();
  });
}

function anims1() {
  $("#s-h-anim-1 img").animate({opacity:1}, {duration: 500,
    complete:anims2});
}

function anims2() {
  $("#s-h-anim-2 img").animate({opacity:1}, {duration: 500,
    complete:anims3});
}

function anims3() {
  $("#s-h-anim-3 img").animate({opacity:1}, {duration: 500,
    complete:anims4});
}

function anims4() {
  $("#s-m-anim-1 img").animate({width:420,height:116,opacity:1}, {duration: 500,
    complete:anims5});
}

function anims5() {
  $("#s-b-anim-4 img").animate({opacity:1}, {duration: 500,
    complete:anims6});
}

function anims6() {
  $("#s-b-anim-3 img").animate({opacity:1}, {duration: 500,
    complete:anims7});
}

function anims7() {
  $("#s-b-anim-2 img").animate({opacity:1}, {duration: 500,
    complete:anims8});
}

function anims8() {
  $("#s-b-anim-1 img").animate({opacity:1}, {duration: 500});
}


function startAnimation3() {
anims0();
}

// Page saphir normal 
$("#s1-anim-h-2").css('width','0px');
$("#s1-anim-h-1").css('width','0px');
$("#s1-anim-b-1").css('width','0px');
$("#s1-anim-b-2").css('width','0px');

function animsn0() {
$(".preload").fadeOut('slow', function() {
    animsn1();
  });
}

function animsn1() {
  $("#s1-anim-h-2").animate({width:147}, {duration: 500,
    complete:animsn2});
}

function animsn2() {
  $("#s1-anim-h-1").animate({width:147}, {duration: 500,
    complete:animsn3});
}

function animsn3() {
  $("#s1-anim-b-2").animate({width:272}, {duration: 500,
    complete:animsn4});
}

//

function animsn4() {
  $("#s1-anim-b-1").animate({width:272}, {duration: 500,
    complete:animsn6});
}


function animsn6() {
  $("#s1-anim-h-2").animate({opacity:0}, {duration: 500,
    complete:animsn7});
}

function animsn7() {
$("#s1-anim-h-2").remove();
  $("#s1-anim-b-2").animate({opacity:0}, {duration: 500,
  complete:function() {$("#s1-anim-b-2").remove();} });
}


function startAnimation4() {
animsn0();
}

// Page emeraude 

$("#e1-anim-h-2").css('width','0px');
$("#e1-anim-h-1").css('width','0px');
$("#e1-anim-b-1").css('width','0px');
$("#e1-anim-b-2").css('width','0px');

function animem0() {
$(".preload").fadeOut('slow', function() {
    animem1();
  });
}

function animem1() {
  $("#e1-anim-h-2").animate({width:147}, {duration: 500,
    complete:animem2});
}

function animem2() {
  $("#e1-anim-h-1").animate({width:147}, {duration: 500,
    complete:animem3});
}

function animem3() {
  $("#e1-anim-b-2").animate({width:272}, {duration: 500,
    complete:animem4});
}

//

function animem4() {
  $("#e1-anim-b-1").animate({width:272}, {duration: 500,
    complete:animem6});
}


function animem6() {
  $("#e1-anim-h-2").animate({opacity:0}, {duration: 500,
    complete:animem7});
}

function animem7() {
$("#e1-anim-h-2").remove();
  $("#e1-anim-b-2").animate({opacity:0}, {duration: 500,
  complete: function() {$("#e1-anim-b-2").remove();}});
}

function startAnimation5() {
animem0();
}

// Page diaments

$("#d1-anim-h-2").css('width','0px');
$("#d1-anim-h-1").css('width','0px');
$("#d1-anim-b-1").css('width','0px');
$("#d1-anim-b-2").css('width','0px');

function animed0() {
$(".preload").fadeOut('slow', function() {
    animed1();
  });
}

function animed1() {
  $("#d1-anim-h-2").animate({width:147}, {duration: 500,
    complete:animed2});
}

function animed2() {
  $("#d1-anim-h-1").animate({width:147}, {duration: 500,
    complete:animed3});
}

function animed3() {
  $("#d1-anim-b-2").animate({width:420}, {duration: 500,
    complete:animed4});
}

//

function animed4() {
  $("#d1-anim-b-1").animate({width:420}, {duration: 500,
    complete:animed6});
}

function animed6() {
  $("#d1-anim-h-2").animate({opacity:0}, {duration: 500,
    complete:animed7});
}

function animed7() {
 $("#d1-anim-h-2").remove();
  $("#d1-anim-b-2").animate({opacity:0}, {duration: 500,
  complete:function() {$("#d1-anim-b-2").remove();}});
}

function startAnimation6() {
animed0()
}

// Page opale

$("#o1-anim-h-2").css('width','0px');
$("#o1-anim-h-1").css('width','0px');
$("#o1-anim-b-1").css('width','0px');
$("#o1-anim-b-2").css('width','0px');



function animeo0() {

$(".preload").fadeOut('slow', function() {
    animeo1();
  });
}


function animeo1() {
  $("#o1-anim-h-2").animate({width:420}, {duration: 500,
    complete:animeo2});
}

function animeo2() {
  $("#o1-anim-h-1").animate({width:420}, {duration: 500,
    complete:animeo3});
}

function animeo3() {
  $("#o1-anim-b-2").animate({width:272}, {duration: 500,
    complete:animeo4});
}

//

function animeo4() {
  $("#o1-anim-b-1").animate({width:272}, {duration: 500,
    complete:animeo6});
}


function animeo6() {
  $("#o1-anim-h-2").animate({opacity:0}, {duration: 500,
    complete:animeo7});
}

function animeo7() {
$("#o1-anim-h-2").remove();
  $("#o1-anim-b-2").animate({opacity:0}, {duration: 500,
  complete: function() {$("#o1-anim-b-2").remove();}
  }
  );
}

function startAnimation7() {
animeo0();
}

// Page Topaze

$("#t1-anim-h-2").css('width','0px');
$("#t1-anim-h-1").css('width','0px');
$("#t1-anim-b-1").css('width','0px');
$("#t1-anim-b-2").css('width','0px');

function animet0() {
$(".preload").fadeOut('slow', function() {
    animet1();
  });
}

function animet1() {
  $("#t1-anim-h-2").animate({width:420}, {duration: 500,
    complete:animet2});
}

function animet2() {
  $("#t1-anim-h-1").animate({width:420}, {duration: 500,
    complete:animet3});
}

function animet3() {
  $("#t1-anim-b-2").animate({width:176}, {duration: 500,
    complete:animet4});
}

//

function animet4() {
  $("#t1-anim-b-1").animate({width:176}, {duration: 500,
    complete:animet6});
}


function animet6() {
  $("#t1-anim-h-2").animate({opacity:0}, {duration: 500,
    complete:animet7});
}

function animet7() {
$("#t1-anim-h-2").remove();
  $("#t1-anim-b-2").animate({opacity:0}, {duration: 500,
  complete: function() {$("#t1-anim-b-2").remove();}
  });
}

function startAnimation8() {
animet0();
}

// Page Ambre

$("#am1-anim-h-2").css('width','0px');
$("#am1-anim-h-1").css('width','0px');
$("#am1-anim-b-1").css('width','0px');
$("#am1-anim-b-2").css('width','0px');

function animeam1() {
  $("#am1-anim-h-2").animate({width:148}, {duration: 500,
    complete:animeam2});
}

function animeam2() {
  $("#am1-anim-h-1").animate({width:148}, {duration: 500,
    complete:animeam3});
}

function animeam3() {
  $("#am1-anim-b-2").animate({width:273}, {duration: 500,
    complete:animeam4});
}

//

function animeam4() {
  $("#am1-anim-b-1").animate({width:273}, {duration: 500,
    complete:animeam6});
}


function animeam6() {
  $("#am1-anim-h-2").animate({opacity:0}, {duration: 500,
    complete:animeam7});
}

function animeam7() {
$("#am1-anim-h-2").remove();
  $("#am1-anim-b-2").animate({opacity:0}, {duration: 500,
  complete: function() {$("#am1-anim-b-2").remove();}});
}


function startAnimation9() {
animeam1();
}

// Page Jardin

$("#jd1-anim-h-2").css('width','0px');
$("#jd1-anim-h-1").css('width','0px');
$("#jd1-anim-b-1").css('width','0px');
$("#jd1-anim-b-2").css('width','0px');
$("#jd1-anim-b-1").css('width','0px');
$("#jd1-anim-b-2").css('width','0px');
$("#jd1-anim-hg-1").css('width','0px');
$("#jd1-anim-hg-2").css('width','0px');

function animejd0() {

$(".preload").fadeOut('slow', function() {
    animejd1();
  });
}

function animejd1(){
  $("#jd1-anim-h-2").animate({width:147}, {duration: 500,
    complete:animejd1b});
}

function animejd1b(){
  $("#jd1-anim-h-1").animate({width:147}, {duration: 500,
    complete:animejd1c});
}

function animejd1c(){
  $("#jd1-anim-hg-1").animate({width:147}, {duration: 500,
    complete:animejd2});
}


function animejd2() {
  $("#jd1-anim-hg-2").animate({width:147}, {duration: 500,
    complete:animejd3});
}

function animejd3() {
  $("#jd1-anim-b-2").animate({width:420}, {duration: 500,
    complete:animejd4});
}

//

function animejd4() {
  $("#jd1-anim-b-1").animate({width:420}, {duration: 500,
    complete:animejd6b});
}

function animejd6b() {
  $("#jd1-anim-hg-2").animate({opacity:0}, {duration: 500,
    complete:animejd6});
}

function animejd6() {
$("#jd1-anim-hg-2").remove();
  $("#jd1-anim-h-2").animate({opacity:0}, {duration: 500,
    complete:animejd7});
}

function animejd7() {
$("#jd1-anim-h-2").remove();
  $("#jd1-anim-b-2").animate({opacity:0}, {duration: 500,
  complete: function() {$("#jd1-anim-b-2").remove();}
  
  });
}


function startAnimation10() {
animejd0();
}

// Page Espace cineraire complet

$("#ecc-h-anim-1 img").css('opacity','0');
$("#ecc-h-anim-2 img").css('opacity','0');
$("#ecc-h-anim-3 img").css('opacity','0');
$("#ecc-h-anim-4 img").css('opacity','0');
$("#ecc-m-anim-2 img").css('opacity','0');
$("#ecc-m-anim-1 img").css('opacity','0');
$("#ecc-b-anim-2 img").css('opacity','0');
$("#ecc-b-anim-3 img").css('opacity','0');
$("#ecc-b-anim-4 img").css('opacity','0');
$("#ecc-b-anim-5 img").css('opacity','0');

function animesp0() {
$(".preload").fadeOut('slow', function() {
    animecc1();
  });
}

function animecc1() {
  $("#ecc-h-anim-1 img").animate({opacity:1}, {duration: 500,
    complete:animecc2});
}

function animecc2() {
  $("#ecc-h-anim-2 img").animate({opacity:1}, {duration: 500,
    complete:animecc3});
}

function animecc3() {
  $("#ecc-h-anim-4 img").animate({opacity:1}, {duration: 500,
    complete:animecc4});
}

function animecc4() {
  $("#ecc-h-anim-3 img").animate({opacity:1}, {duration: 500,
    complete:animecc5b});
}

function animecc5b() {

if ( $.browser.msie && $.browser.version < 9 ) {
  $("#ecc-m-anim-1 img").css({opacity:1});
  animecc5();
} else {
   $("#ecc-m-anim-1 img").animate({opacity:1}, {duration: 500,
    complete:animecc5});
}
}

function animecc5() {
  $("#ecc-b-anim-2 img").animate({opacity:1}, {duration: 500,
    complete:animecc6});
}

function animecc6() {
  $("#ecc-b-anim-3 img").animate({opacity:1}, {duration: 500,
    complete:animecc7});
}

function animecc7() {
  $("#ecc-b-anim-4 img").animate({opacity:1}, {duration: 500,
    complete:animecc9});
}

function animecc9() {
  $("#ecc-b-anim-5 img").animate({opacity:1}, {duration: 500,
    complete:animecc10});
}

function animecc10() {
  $("#ecc-m-anim-2 img").animate({opacity:1}, {duration: 500});
}


function startAnimation11() {
animesp0()
}



// Page ossuaire


$("#oss-b-anim-1").css('width','0px');
$("#oss-b-anim-2").css('width','0px');

function animeoss0() {
$(".preload").fadeOut('slow', function() {
    animeoss1();
  });
}

function animeoss1() {
  $("#oss-b-anim-2").animate({width:369}, {duration: 500,
    complete:animeoss2});
}

function animeoss2() {
  $("#oss-b-anim-1").animate({width:369}, {duration: 500,
    complete:animeoss3});
}

function animeoss3() {
  $("#oss-b-anim-2").animate({opacity:0}, {duration: 500,
  complete: function () {$("#oss-b-anim-2").remove();}
  });
}






function startAnimation12() {
animeoss0();
}


// Page accessoire

function animeacc0() {
$(".preload").fadeOut('slow', function() {
    animeacc1();
  });
}

$("#acc-h-anim-1").css('width','0px');
$("#acc-h-anim-2").css('width','0px');
$("#acc-b-anim-1").css('width','0px');
$("#acc-b-anim-2").css('width','0px');

function animeacc1() {
  $("#acc-h-anim-2").animate({width:149}, {duration: 500,
    complete:animeacc2});
}

function animeacc2() {
  $("#acc-h-anim-1").animate({width:149}, {duration: 500,
    complete:animeacc3});
}

function animeacc3() {
  $("#acc-b-anim-2").animate({width:269}, {duration: 500,
    complete:animeacc4});
}

function animeacc4() {
  $("#acc-b-anim-1").animate({width:269}, {duration: 500,
    complete:animeacc5});
}





function animeacc5() {
  $("#acc-h-anim-2").animate({opacity:0}, {duration: 500,
    complete:animeacc6});
}

function animeacc6() {
$("#acc-h-anim-2").remove();
  $("#acc-b-anim-2").animate({opacity:0}, {duration: 500,
  complete: function() {$("#acc-b-anim-2").remove();}
  });
}

function startAnimation13() {
animeacc0();
}

// Animation intro 

/*function animeintro() {
  $("#panel").slideUp('slow', function() { 
    $("#panelb").slideDown('slow', function() {
    animeintro2();
    });
  });
}*/

function animeintro() {
$("#panel").slideDown('slow');
} 


/*function animeintro2() {
  $("#panelb").delay(3000).slideUp('slow', function() {
    $("#panel").slideDown('slow', function() {    
    $(this).delay(3000);
    animeintro()
    });
  });
}*/

function startAnimationIntro() {
animeintro();
}

// fire anim

startAnimationIntro();
startAnimation13();
startAnimation12();
startAnimation11();
startAnimation10();
startAnimation9();
startAnimation8();
startAnimation7();
startAnimation6();
startAnimation5();
startAnimation4();
startAnimation3();
startAnimation2();
startAnimation1();

});