document.write("<style type=\"text/css\"> #news #news-reader div{display:none;} </style>");

jQuery(document).ready(function(){

	$(".title").each(function(){
		
		var divToShow = $(this).parent().attr("id");
		var item = $("<li><a href='javascript:void(0)'>"+$(this).text()+"</a></li>");
		item.click(function(){
			loadNews(divToShow);
		});
		item.addClass(divToShow);
	
		$("#news-articles ul").append(item);	
	});
	
	//load up the default
	var news_default = $("#news_default").text();
	$("#"+news_default).fadeIn("fast").addClass("activeNews");
	$("li."+news_default).addClass("active");
	
	//turn on the article picker
	$("#news-articles").fadeIn('fast');
});

function loadNews(toShow){	
	//fade out the current 
	$(".activeNews").removeClass("activeNews").fadeOut('fast', function(){
		//now fade in the selected	story	
		$("#"+toShow).fadeIn("fast").addClass("activeNews");
		$("#news-articles ul li").removeClass("active");
		//activate the selected item
		$("#news-articles ul li."+toShow+"").addClass("active");
	});
	
}