$(document).ready(function() { 
	
    $('<div id="zoom"></div>').insertBefore('#diaporama');
    
      $('#diaporama li').click(function(e){
		click_zoom($(this));
      	$("#diaporama").stopTime();     	
      	e.preventDefault();
      });

	var li_index = 0;	
	var max = $('#diaporama').children().size();

    $('#diaporama li:eq('+li_index+')').addClass('current');
    $('#diaporama li:eq('+li_index+')').children('img').clone().appendTo('#zoom');

	$("#diaporama").everyTime("5s",function() {
	
		li_index++;
		
		if(li_index >= max){ 
			li_index = 0;
		}
		
		click_zoom($("#diaporama li:eq("+li_index+")"));
		
	});
	
	function click_zoom(obj){
		$('#zoom img').remove();
      	$(obj).children('img').clone().hide().appendTo('#zoom').fadeIn('slow');
      	$(obj).siblings().removeClass('current');
      	$(obj).addClass('current');
	}
	
	$('.onglet a.toggle').click(function(e){
		$('.onglet ul').slideUp();
		$(this).next('ul').slideToggle();
		e.preventDefault();
	})
		
});