$(function(){
		   
	// Start liveboard
	startLiveBoard();
});

// Liveboard
function startLiveBoard()
{
	var $lb = $("#liveboard");
	
	// Select the element
	if($lb.find("ul li.selected").length == 0)
	{
		$lb.find("ul li:eq(0)").addClass("selected");
		$lb.find(".liveContent:eq(0)").nextAll(".liveContent").hide();
		$("#liveboard").data("interval", setInterval("nextLiveBoardElement(-1)", 5000));
	}	
	
	// Handle the click
	$lb.find("ul li").click(function(){
									 	// Clear the interval
									 	clearInterval($lb.data("interval"));
										
										// Show this element
										nextLiveBoardElement($lb.find("ul li").index($(this)));
										
										// Set new interval
										$lb.data("interval", setInterval("nextLiveBoardElement(-1)", 5000));										
									 });
}

function nextLiveBoardElement(i)
{
	
	var $lb = $("#liveboard");
	var selectedIndex = $lb.find("ul li").index($lb.find("ul li.selected"));
	
	// Hide current element
	$lb.find("ul li").eq(selectedIndex).removeClass("selected");
	$lb.find(".liveContent").eq(selectedIndex).fadeOut();
	
	// Define new index
	var newIndex = $lb.find("ul li").length == selectedIndex + 1 ? 0 : selectedIndex + 1;
	
	// If the new index is defined then use it
	newIndex = i != -1 ? i : newIndex;
	
	// Show it
	$lb.find("ul li").eq(newIndex).addClass("selected");
	$lb.find(".liveContent").eq(newIndex).fadeIn();
}