var headlineCount;
var headlineInterval;
var oldHeadline = 0;
var currentHeadline = 0;
var maxHeight = 0;

$(document).ready(function() {
    headlines = $("span.headline");
    headlineCount = headlines.size();
    
    for (i = 0; i < headlineCount; i++)
    {
        if (headlines[i].offsetHeight > maxHeight)
            maxHeight = headlines[i].offsetHeight;
    }
    $("#actual").css('height', (maxHeight + 10) + 'px');
    
    $("span.headline:eq(" + currentHeadline + ")").css('top', '5px');
    
    if (headlineCount > 1)
    {
        headlineInterval = setInterval(headlineRotate, 10000); //time in milliseconds
        
        $('#actual').hover(function() {
            clearInterval(headlineInterval);
        }, function() {
            headlineInterval = setInterval(headlineRotate, 10000); //time in milliseconds
            headlineRotate();
        });
    }
});
 
function headlineRotate() {
    currentHeadline = (oldHeadline + 1) % headlineCount; 
    
    $("span.headline:eq(" + oldHeadline + ")").animate({top: -(maxHeight + 10)}, "slow", function() {
        $(this).css('top', (maxHeight + 10) + 'px');
    });
    
    $("span.headline:eq(" + currentHeadline + ")").show().animate({top: 5}, "slow");  
    
    oldHeadline = currentHeadline;
}