var noProblemItems = null;
var noProblemTimer = null;


$(document).ready(function()
{
	$("#noProblemList").addClass("noProblemList").css("display","block");
	
	noProblemItems = $("div.noProblemList div.noProblemItem");
	
	if (noProblemItems != null && noProblemItems.length > 0)
	{	
		//init the items
		$(noProblemItems[0]).css("display","block");
	
		//set up link toggles
		$("div.noProblemList div.noProblemItem div.noProblemLinks a.open").click(function()
		{
			$(this).css("display","none");
			$(this).siblings("a.close").css("display","inline");
			clearInterval(noProblemTimer);
		});
		
		
		$("div.noProblemList div.noProblemItem div.noProblemLinks a.close").click(function()
		{
			$(this).css("display","none");
			$(this).siblings("a.open").css("display","inline");
			noProblemTimer = setInterval("showProblemItem()",10000);
		});
		
		
		
	
	
		//set up the interval
		noProblemTimer = setInterval("showProblemItem()",10000);
		
		
		
		
		
	}
	
	
	
	
});


var noProblemIndex = 0;

function showProblemItem()
{
	// hide the old item
	//------------------------------------------------------------
	if (noProblemIndex > -1 && noProblemIndex < noProblemItems.length)
	{
				
		//$(noProblemItems[noProblemIndex]).fadeOut(1000);
		
		$(noProblemItems[noProblemIndex]).animate({top:"-200px"},1000);
		
	}
	
	
	//increment and verify index
	//------------------------------------------------------------
	noProblemIndex += 1;
	
	if (noProblemIndex >= noProblemItems.length)
	{
		noProblemIndex = 0;	
	}
	
	
	//	show the new item
	//------------------------------------------------------------
	if (noProblemIndex > -1 && noProblemIndex < noProblemItems.length)
	{
		//$(noProblemItems[noProblemIndex]).fadeIn(1000, function(){ $(noProblemItems[noProblemIndex]).css("display","none").css("display","block");});
		$(noProblemItems[noProblemIndex]).css("top","200px").css("display","block").animate({top:"0px"},1000);
	}
	
}