function slideSwitch() {
    active = $('#diapo img.active');
    newActive = $('#diapo img:eq('+((active.index()+1)%nbImage)+')');
    slide = $('#slide');
    slideActive = $('#slide .title.active');
    newSlideActive = $('#slide .title:eq('+((slideActive.index()+1)%nbImage)+')');
    slide.slideUp(1000).children('.title.active').hide();
    newActive.fadeIn(1000);
    slideActive.show().delay(1000).hide(0000);
    newSlideActive.hide().delay(1000).show(0000);
    active.fadeOut(1000);
    slide.slideDown(1000);
    
    slideActive.removeClass('active');
    newSlideActive.addClass('active');
    active.removeClass('active');
    newActive.addClass('active');
}
var nbImage=0;
$(function(){
    $('#diapo img').hide();
    $('#diapo img.active').show();
    $('#diapo .title').hide();
    $('#diapo .title.active').show();
    $('#slide').hide();
    $('#slide').slideDown(1000);
    nbImage = $('#diapo img').length;
    setInterval("slideSwitch()", 5000);
});