var $j = jQuery.noConflict();
$j('document').ready(function()
{
	var canAnime = true;
	var inc = 0;
	var total = $j("#img-container li").length;
	if (total > 1){
		for( var i=1; i<=total; i++){
			$j("#botoes").append("<li class='destaque_btn'><span class='destaque_btn_"+i+"'>&bull;</span></li>");
		}
	}
	
	//----------------------------------------------------		
	
	$j("#botoes li span").click(function()
	{
		if(canAnime)
		{
			var attribute = $j(this).attr('class');
			attribute = attribute.substr(-1);
			
			if ( attribute != "1" ){
				inc = attribute -1;
			}else{
				inc = 0;
			}
			animDestaques();
		}
		canAnime = false;;	
		
		clearInterval(timer);
	});
	
	//----------------------------------------------------
	
	function animDestaques()
	{
		var pos = -720*inc;
		$j("#img-container").animate({"margin-left": pos}, 550 , function(){
			canAnime = true;
		});
		
		$j(".destaque_btn").removeClass("destaque_btn_sel").addClass("destaque_btn_normal");
		$j(".destaque_btn_"+(inc+1)).parent().removeClass("destaque_btn_normal").addClass("destaque_btn_sel");
	}
	
	
	//----------------------------------------------------


	function nextSlide()
	{
		
		if ( inc == total ){
			inc = 0;
		}
		
		animDestaques();
		
		inc++;
	}
	
	animDestaques();
	var timer = setInterval(nextSlide, 5000);
	
});

