$( document ).ready( function(){

  $( '#banniere div:not(:first)' ).hide()
  $( '#detail' ).hide()
  
  setTimeout( function(){ to_next(); }, 4500 );
  
  $( '#banniere div p' ).click( function(){
      
    $( '#detail p').hide()
    $( '#detail p.' + $(this).attr('class') ).show()
    $( '#detail' ).slideDown( '400' )
  })
  
  $( '#detail a' ).click( function(){
  
    $( '#detail' ).slideUp( '400' )
  })

});

this.to_next = function(){

  if( $( '#banniere div:visible' ).next().length == 0 ){
    $( '#banniere div:visible' ).fadeOut('400')
    $( '#banniere div:first' ).fadeIn('400')
  }
  else{
    $( '#banniere div:visible' ).fadeOut('400').next().fadeIn('400')
  }
  
  setTimeout( function(){ to_next(); }, 4500 );
}