$(document).ready(function() {	
	
		$("#header>a").addClass("pageCourante");
		var position = 0;	
		var nombreDeSlides = $(".articleMagSlider").length;
		for (j=1; j<nombreDeSlides+1; j++)	{ $("#NewsBox").append("<a href=\"#\" title=\""+ $(".descrSite a").eq(j-1).text() +"\" rel=\""+j+"\">" +j+"</a>")};
		$("#NewsBox>a").wrapAll("<div class=\"paging\"></div>");
	
	function cacher() {
		$(".actif .conteneurthumb img").animate({marginTop:"165px"}, 800);
		$(".actif .thumbsite span").fadeOut(800).css("display", "none")
		$(".actif div.descrSite").slideToggle(400).css("display", "none");
		$(".actif div.techno").fadeOut().css("display", "none");
		$(".articleMagSlider").eq(position).removeClass("actif");
		}
	
	function afficher() { 
		$(".articleMagSlider").eq(position).addClass("actif");
		$(".actif .conteneurthumb img").animate({marginTop:"0px"}, 1500);
		$(".actif .thumbsite span").fadeIn(2000);
		$(".actif div.descrSite").slideToggle(1000);
		$(".actif div.techno").fadeIn(1500);
		}
	
	$(".thumbsite a span").hide();
	$("div.descrSite").hide();
	$("div.techno").hide();   
	$(".paging").show();
	$(".paging a:first").addClass("active");
	afficher();
	
	
rotate = function(){
    $(".paging a").removeClass('active'); 
    $active.addClass('active');	
	position = $(".active").attr("rel")-1;						
	afficher();
   
}; 


rotateSwitch = function(){
    play = setInterval(function(){
		cacher();
        $active = $('.paging a.active').next(); 
        if ( $active.length === 0) { 
            $active = $('.paging a:first'); 
        }		
        rotate(); 	
    }, 6000); 
};

rotateSwitch(); 
	
$(".paging a").click(function() {
    $active = $(this);    
	cacher();
    clearInterval(play); 
    rotate();
    rotateSwitch(); 
    return false; 
});
	
      });