//
// ------------------------------
// ----- SET INITIAL VALUES -----
// ------------------------------
//

var headlineCount;				// stores number of headlines in div#billboard

var headlineInterval;
var headlineDuration 	= 5000; // time in milliseconds

var headlineCurrent 	= 0;
var headlineNext 		= 0;

var headlineHeight		= 0;


$(document).ready(function(){
						   
						   
	//
	// ------------------------------
	// ----- POSITION HEADLINES -----
	// ------------------------------
	//
	headlineCount = $("div.headline").size();
	/*$("div.headline:eq("+headlineCurrent+")").css({top:"5px", display:"inline"});*/
	
	console.log("number of headlines: " + headlineCount);
	
	console.log("height of prev headline: " + $("div.headline").prev().height());

	
	//
	// -----------------------------
	// ----- HEADLINE INTERVAL -----
	// -----------------------------
	//	
	headlineInterval = setInterval(rotateHeadline,headlineDuration);
	$('#billboard').hover(function() {
		clearInterval(headlineInterval);
	}, function() {
		headlineInterval = setInterval(rotateHeadline,headlineDuration);
		rotateHeadline();
	});
});

//
// ----------------------------
// ----- ROTATE HEADLINES -----
// ----------------------------
//	
function rotateHeadline() {
	headlineNext = (headlineCurrent + 1) % headlineCount; //remainder will always equal headlineCurrent until it reaches headlineCount - at which point it becomes zero. clock arithmetic
	
	console.log("current headline number: " + headlineCurrent);
	
	headlineHeight = $("div.headline:eq(" + headlineCurrent + ")").height();
	//console.log("current headline height: " + headlineHeight);
	$("div.headline").animate({top: -headlineHeight},"slow", function() {
		/*$(this).css({top:"584px"});*/
	});
	
	/*
	$("div.headline:eq(" + headlineCurrent + ")").animate({top: -205},"slow", function() {
		$(this).css({top:"584px"});
	});
	$("div.headline:eq(" + headlineNext + ")").show().animate({top: 5},"slow");	
	*/
	
	headlineCurrent = headlineNext;
}