$.noConflict();
  jQuery(document).ready(function($) {
    
 

$(document).ready(function(){
		$(".menupro a").click(function(){
									
							
		page=$(this).attr("href");
		$.ajax({
			   url: "/contenu/projets/"+page,
			   cache:false,
			   success:function(html){
				    afficher(html);
			   },
			   
			   error:function(XMLHttpRequest, textStatus, errorThrown){
				   alert(textStatus);
				   alert(page);
				   }
			   
			   
			   }) 
		return false;
						   
		});
						   
						   
						   
});

function afficher(data){
$("#projet").fadeOut(250,function(){	
$("#projet").empty();
$("#projet").append(data);
$("#projet").fadeIn(750);
								   })
}
/* Fonction Slidshow Premiere page!*/
function slideSwitch(id) {
    var $active = $('#'+ id +' DIV.active');

    if ( $active.length == 0 ) $active = $('#'+ id +' DIV:last');

    // use this to pull the divs in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#'+ id +' DIV:first');

    // uncomment below to pull the divs randomly
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');
	$active.animate({opacity: 0.0}, 3000);

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 2000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    var slideshowNbr = 3; // Modifie ce nombre pour ajouter autant de "SlideShow" que tu le souhaites ;)
    
    for(var i=1 ; i <= slideshowNbr ; i++) {
	  (function(i) {
		setTimeout(function() {
		  setInterval(function(){ slideSwitch('slideshow_'+ i); }, 6000 );
		}, i*1850);
	  })(i);
    }

});
 });