$('#picture').cycle({ 
                      fx:     'fade', 
                      timeout: 15000,
                      speed: 200,
                      before:  onBefore,
                      after:   onAfter,
                      pager:'#pager'
                   });
 
function onBefore() { 
    //$('#text').html("Scrolling image:<br>" + this.src);
    $('.info').fadeOut(200);
}

function onAfter() { 
    //$('#text').html('<h1>' + this.alt + '</h1>') 
    //    .append('<p>' + this.id + '</p>');
    
    $('.'+this.id).fadeIn(200);
}

$(document).ready(function() {
    $('.hoverable').hover(function() {
      $(this).addClass('onhover');
    }, function() {
      $(this).removeClass('onhover');
    });
});