// logic taken from learningjquery.com

var headline_count;
var headline_interval;
var current_headline = 0;
var old_headline = 0;

$(function(){

	headline_count = $("div.headline").size();
	$("div.headline:eq("+current_headline+")").css('top', '5px');

	headline_interval = setInterval(headline_rotate,17000);

	/*$('#scrollup').hover(function() {
		clearInterval(headline_interval);
	}, function() {
		headline_interval = setInterval(headline_rotate,5000);
		headline_rotate();
	});*/

});

function headline_rotate() {
  current_headline = (old_headline + 1) % headline_count;
  $("div.headline:eq(" + old_headline + ")")
    .animate({top: -255}, 8000, "swing", function() {
      $(this).css('top', '260px');
    });
  $("div.headline:eq(" + current_headline + ")")
    .animate({top: 5}, 8000, "swing");  
  old_headline = current_headline;
}