$(document).ready(function(){
						   
	var auto_slide = 1;
	var hover_pause = 1;
	var key_slide = 1;
	
	
	var margin_right  = 15;
	$("ul#thumbs").css("margin-right",margin_right+"px");
	
	
	
	var auto_slide_miliseconds = 100;
	
	var timer;
	
	if(auto_slide  == 1){
		
		
		timer = setInterval('autoSlide()',auto_slide_miliseconds);		
		/*and change the value of our hidden field that hold info about the interval, setting it to the number of milliseconds we declared previously*/  
		
	}
	
	if(hover_pause == 1){
		$("ul#galeria").hover(function(){
			   clearInterval(timer);
			   },function(){
				timer = setInterval('autoSlide()',auto_slide_miliseconds);		
				   
			   });
		$(".seta_dir").hover(function(){
			   clearInterval(timer);
			   },function(){
				timer = setInterval('autoSlide()',auto_slide_miliseconds);		
				   
			   });
		$(".seta_esq").hover(function(){
			   clearInterval(timer)
			   },function(){
				timer = setInterval('autoSlide()',auto_slide_miliseconds);		
				   
			   });
		
		
		
	}
	
	
	 if(key_slide == 1){  

		 //binding keypress function  
		 $(document).bind('keypress', function(e) {  
			 //keyCode for left arrow is 37 and for right it's 39 '  
			 if(e.keyCode==37){  
					 //initialize the slide to left function  
					 slide('left');
					 clearInterval(timer);
					 timer = setInterval('autoSlide()',auto_slide_miliseconds);
			   		
			 }else if(e.keyCode==39){  
					 //initialize the slide to right function  
					 slide('right');
					 clearInterval(timer);
					 timer = setInterval('autoSlide()',auto_slide_miliseconds);
			   		
			 }  
		 });  

	 }  
						   
	$("ul#thumbs li").mouseup(function(){
		escolhe_slide(Number($(this).attr('id').replace("thumb_","")));
		clearInterval(timer);
		timer = setInterval('autoSlide()',auto_slide_miliseconds);
	});
	
	$(".seta_dir").mouseup(function(){
		slide('right');
		clearInterval(timer);
		timer = setInterval('autoSlide()',auto_slide_miliseconds);
	});
	
	$(".seta_esq").mouseup(function(){
		slide('left');
		clearInterval(timer);
		timer = setInterval('autoSlide()',auto_slide_miliseconds);
		
	});
									  
});	
	

function autoSlide(){
	
	var id = $("input[id=hidden_auto_slide_id]").attr("value");
	
	if(Number($("input[id=hidden_ativo]").attr("value"))){
		$('#hidden_contador').val((Number($("input[id=hidden_contador]").attr("value"))-0.1).toFixed(1));
		total = Number($("input[id=hidden_contador]").attr("value"));
		atual = Number($("input[id=flash_timer_"+id+"]").attr("value"));
		$('#temporizador').css("width",(100*total/atual)+"%");
		//if(atual > 0 && atual!=total+0.25)$('#temporizador').animate({width:(100*(total)/atual)+'%'},200);
		//alert(total+' - '+atual);
		if($("input[id=hidden_contador]").attr("value") <= 0) {
			slide('right');
		}
		
		
	}
	else{
		$('#hidden_contador').val(Number($("input[id=flash_timer_"+id+"]").attr("value")));
		$('#hidden_ativo').val(1);
	}
		
	
	
	
}
/*funcao troca o slide, em funcao da direcao*/
function slide(direction){
	
		//alert(slide_id);
		var slide_id = $("input[id=hidden_auto_slide_id]").attr("value");
		
		
		//alert(slide_id);
		
		if(direction == 'right'){
			var limite = $("ul#galeria li").size();
			var prox = Number(slide_id)+1;
			if(prox>limite) prox=1;
		}
		
		else if(direction == 'left'){
			var limite = $("ul#galeria li").size();
			var prox = Number(slide_id)-1;
			if(prox<1) prox=limite;
		}
		
		if(prox!=slide_id) {
			
			escolhe_slide(prox);
		}
	
	
}
	
function escolhe_slide(id){
	
	var fadeTime = 1000;
	
	$('#hidden_ativo').val(0);
	$('#hidden_contador').val(0);
	$('#temporizador').css("width","100%");
	
	$("ul#thumbs li").css("background-position","left");
	$("li#thumb_"+id).css("background-position","right");
	
	
	$("ul#galeria li").fadeOut(fadeTime);
	$("li#img_"+id).fadeIn(fadeTime);
	
	$('#hidden_auto_slide_id').val(id);
	
	
	$('#hidden_tempo').val($("input[id=timer_"+id+"]").attr("value"));
	$('#hidden_auto_slide_seconds').val($("input[id=timer_"+id+"]").attr("value"));
}