$(document).ready(function()
{
	var newsOutput;
	var lis = new Array();

	
	for(var i = 0; i < $('.news').length; i++)
	{
		lis.push("<li id=item"+ (i + 1) +"><span>" + (i + 1) + "</span></li>");
	}
	
	newsOutput = "<ul id='newsNav'>" + lis.join("") + "</ul>";
	
	$(newsOutput).insertBefore('#newsContainer');
	
	$("#news").css("height","104px");
	$("#news #newsNav").css("float", "left");
	$("#news #newsContainer").css("float", "left");
	$("#news #newsContainer").css("position", "relative");
	$("#news #newsContainer ").css("width", "220px");
	$("#news #newsContainer .news").css("position", "absolute");
	$("#news #newsContainer .news").css("padding", "0 0 0 10px");
	
	$("#news #newsContainer .news").each(function(index)
	{
		if(index != 0)
		{
			$(this).hide();	
		}
		else
		{
			$(this).addClass("visible");	
		}
		$("#newsNav li:first-child").addClass("current");	
	});

	$("#newsNav li").click(function() 
	{
		$("#newsNav li").removeClass("current");
		$(this).addClass("current");
		
		$(".visible").fadeOut();
		$(".visible").removeClass("visible");
		
		var index = $(this).text() - 1;
		$("#news #newsContainer .news:eq(" + index +")").fadeIn();
		$("#news #newsContainer .news:eq(" + index +")").addClass("visible");
	});
});