$(window).load(function() {	
   $('#diaporama').after('<div id="nav_diaporama_box">').cycle({
    startingSlide: Math.floor(Math.random()*8),
    fx:     'fade', 
    speed:  'slow',
	timeout: 8000, 
    pager:  '#nav_diaporama_box',   
    pagerAnchorBuilder: function() { 
        return '<a href="#"></a>'; 
    },
   	before: function(){

        $(this).parent().find('.txt_grotte').stop(true, true).css({left:"180px", opacity:"0"}).hide();
        $(this).parent().find('.txt_masdazil').stop(true, true).css({right:"540px", opacity:"0"}).hide();
        $(this).parent().find('.txt_grotte_nx').stop(true, true).css({left:"190px", opacity:"0"}).hide();
        $(this).parent().find('.txt_deniaux').stop(true, true).css({right:"640px", opacity:"0"}).hide();
        $(this).parent().find('.txt_parc').stop(true, true).css({left:"360px", opacity:"0"}).hide();
        $(this).parent().find('.txt_delaprehistoire').stop(true, true).css({right:"340px", opacity:"0"}).hide();
        $(this).parent().find('.txt_chateau_montsegur').stop(true, true).css({left:"180px", opacity:"0"}).hide();
        $(this).parent().find('.txt_demontsegur').stop(true, true).css({right:"460px", opacity:"0"}).hide();
        $(this).parent().find('.txt_chateau_foix').stop(true, true).css({left:"460px", opacity:"0"}).hide();
        $(this).parent().find('.txt_defoix').stop(true, true).css({right:"330px", opacity:"0"}).hide();
        $(this).parent().find('.txt_forges').stop(true, true).css({left:"740px", opacity:"0"}).hide();
        $(this).parent().find('.txt_depyrene').stop(true, true).css({right:"90px", opacity:"0"}).hide();
        $(this).parent().find('.txt_cite_mirepoix').stop(true, true).css({left:"760px", opacity:"0"}).hide();
        $(this).parent().find('.txt_demirepoix').stop(true, true).css({right:"70px", opacity:"0"}).hide();
        $(this).parent().find('.txt_cite_stlizier').stop(true, true).css({left:"340px", opacity:"0"}).hide();
        $(this).parent().find('.txt_destlizier').stop(true, true).css({right:"340px", opacity:"0"}).hide();
          		
        $(this).parent().find('.knowmore').stop(true, true).css({left:"", opacity:"0"}).hide();
    },
    after: function(){
        $(this).parent().find('.txt_grotte').show().animate({left: "220px", opacity:"1"}, 2000).animate({left: "220px", opacity:"1"}, 3500).animate({left: "260px", opacity:"0"}, 2000);
        $(this).parent().find('.txt_masdazil').show().animate({right: "580px", opacity:"1"}, 2000).animate({right: "580px", opacity:"1"}, 3500).animate({right: "620px", opacity:"0"}, 2000);
        $(this).parent().find('.txt_grotte_nx').show().animate({left: "230px", opacity:"1"}, 2000).animate({left: "230px", opacity:"1"}, 3500).animate({left: "270px", opacity:"0"}, 2000);
        $(this).parent().find('.txt_deniaux').show().animate({right: "680px", opacity:"1"}, 2000).animate({right: "680px", opacity:"1"}, 3500).animate({right: "720px", opacity:"0"}, 2000);
        $(this).parent().find('.txt_parc').show().animate({left: "400px", opacity:"1"}, 2000).animate({left: "400px", opacity:"1"}, 3500).animate({left: "440px", opacity:"0"}, 2000);
        $(this).parent().find('.txt_delaprehistoire').show().animate({right: "380px", opacity:"1"}, 2000).animate({right: "380px", opacity:"1"}, 3500).animate({right: "420px", opacity:"0"}, 2000);
        $(this).parent().find('.txt_chateau_montsegur').show().animate({left: "220px", opacity:"1"}, 2000).animate({left: "220px", opacity:"1"}, 3500).animate({left: "260px", opacity:"0"}, 2000);
        $(this).parent().find('.txt_demontsegur').show().animate({right: "500px", opacity:"1"}, 2000).animate({right: "500px", opacity:"1"}, 3500).animate({right: "540px", opacity:"0"}, 2000);
        $(this).parent().find('.txt_chateau_foix').show().animate({left: "500px", opacity:"1"}, 2000).animate({left: "500px", opacity:"1"}, 3500).animate({left: "540px", opacity:"0"}, 2000);
        $(this).parent().find('.txt_defoix').show().animate({right: "370px", opacity:"1"}, 2000).animate({right: "370px", opacity:"1"}, 3500).animate({right: "410px", opacity:"0"}, 2000);
        $(this).parent().find('.txt_forges').show().animate({left: "780px", opacity:"1"}, 2000).animate({left: "780px", opacity:"1"}, 3500).animate({left: "820px", opacity:"0"}, 2000);
        $(this).parent().find('.txt_depyrene').show().animate({right: "130px", opacity:"1"}, 2000).animate({right: "130px", opacity:"1"}, 3500).animate({right: "170px", opacity:"0"}, 2000);
        $(this).parent().find('.txt_cite_mirepoix').show().animate({left: "800px", opacity:"1"}, 2000).animate({left: "800px", opacity:"1"}, 3500).animate({left: "840px", opacity:"0"}, 2000);
        $(this).parent().find('.txt_demirepoix').show().animate({right: "110px", opacity:"1"}, 2000).animate({right: "110px", opacity:"1"}, 3500).animate({right: "150px", opacity:"0"}, 2000);
        $(this).parent().find('.txt_cite_stlizier').show().animate({left: "380px", opacity:"1"}, 2000).animate({left: "380px", opacity:"1"}, 3500).animate({left: "420px", opacity:"0"}, 2000);
        $(this).parent().find('.txt_destlizier').show().animate({right: "380px", opacity:"1"}, 2000).animate({right: "380px", opacity:"1"}, 3500).animate({right: "420px", opacity:"0"}, 2000);

        $(this).parent().find('.knowmore').show().animate({opacity:"0"}, 2000).animate({opacity:"1"}, 500).animate({opacity:"1"}, 3000).animate({opacity:"0"}, 2000);
    }
});
});