var slide_index=1;
var slide_count=5;

function showSlide(i)
{
    slide_index=(i+1) % slide_count;
	$(".slide:visible").hide();        
	$("#ctrl_bar img.act").removeClass("act");
	$(".slide").eq(i).fadeIn(500);
    $("#ctrl_bar img").eq(i).addClass("act");
}

$(document).ready(function()
{
	function changeImage(){
        showSlide(slide_index);
	};

	var interval = setInterval(function(){changeImage();}, 8000); 
 
	$('#ctrl_bar img').each(function(index)
		{
			$(this).click(  
            		function()
				    {
        	        		clearInterval(interval);
 					        $("#brand").stop(true, true);
                			showSlide(index);
                			interval = setInterval(function(){changeImage();}, 8000);    
           			}
			);
		}
	);
}
	
)