var selectedId = 0;
var totalImages = 0;
var timer;	
var timeDelay = 5000;

$(document).ready(function () 
{
	
	timer = setInterval(playSlide, timeDelay);
	totalImages = $("#slider li").size();
	createControls();

	$("#slider li img:first").fadeIn("slow");
	
	//Add
	$("#slider li div:first").slideDown("slow");
	$("#slider li p:first").show();

	$("#controls a:eq("+selectedId+")").removeClass("normal");
	$("#controls a:eq("+selectedId+")").addClass("active");

});


function playSlide()
{
		$("#controls a:eq("+selectedId+")").addClass("normal");	
		$("#controls a:eq("+selectedId+")").removeClass("active");	
		$("#slider li img:eq("+selectedId+")").fadeOut("slow");

	   //Add
		$("#slider li div:eq("+selectedId+")").hide();
		$("#slider li p:eq("+selectedId+")").hide();
		
		selectedId = selectedId+ 1; 
		
		if(selectedId >= totalImages)
			selectedId = 0;
		
		
		$("#slider li img:eq("+selectedId+")").fadeIn("slow");	

		//Add
		$("#slider li div:eq("+selectedId+")").slideDown("slow");
		$("#slider li p:eq("+selectedId+")").show();


		$("#controls a:eq("+selectedId+")").addClass("active");	
		$("#controls a:eq("+selectedId+")").removeClass("normal");	
	
}

function createControls()
{
	var strHTML = "<div id='controls' >";		
	for(var i=0; i< totalImages; i++)
	{
		strHTML = strHTML + "<a class='normal'></a>";
	}
	strHTML = strHTML + "</div>";
	$("#slider").after(strHTML);

	$("#controls a").click(function()
	{
		if(selectedId == $(this).index())
					return;
		
		clearInterval(timer);
		timer = setInterval(playSlide, timeDelay);			

		$("#controls a:eq("+selectedId+")").addClass("normal");	
		$("#controls a:eq("+selectedId+")").removeClass("active");	
		$("#slider li img:eq("+selectedId+")").fadeOut("slow");
		
		//Add
		//$("#slider li div:eq("+selectedId+")").slideUp("fast");
		$("#slider li div:eq("+selectedId+")").hide();
		$("#slider li p:eq("+selectedId+")").hide();
		
		selectedId = $(this).index();
		$("#slider li img:eq("+selectedId+")").fadeIn("slow");	
		
		//Add
		$("#slider li div:eq("+selectedId+")").slideDown("slow");	
		$("#slider li p:eq("+selectedId+")").show();
		
		$("#controls a:eq("+selectedId+")").addClass("active");	
		$("#controls a:eq("+selectedId+")").removeClass("normal");	
		
	});			
}