$(document).ready(function(){
    citation();
});


function citation(){
    setInterval('flip()',10000);
}
function flip(){
    var current = ($('#citation div.show')?  $('#citation div.show') : $('#citation div.flip:first'));

    if (current.next().hasClass('fin')){
        
        var next =  $('#citation div.flip:first');
     }else{
        var next =  current.next();
     }

     next.css({opacity: 0.0} )
    .addClass('show')
     .animate({opacity: 1.0}, 1000);

     //Hide the current image
     current.animate({opacity: 0.0}, 1000)
     .removeClass('show');  
}