var intervalo;
var posicao = 0;

$(document).ready(function(){
	$(".bt-subir").click(function(){
		
		var posAtual = parseInt($(".top3-content").css("marginTop").replace("px",""));
		var tamanhoContainer = parseInt($(".top3-container").css("height").replace("px",""));
		
		if(posAtual < 0 ){
			posicao--;
			var atual;
			if(posicao<=0){
				atual = 0;
				posicao = 0;
			}else{
				atual = posicao*(-tamanhoContainer);
			}
			
			$(".top3-content").animate({
				marginTop: atual
			});
		}
		
	});
	
	$(".bt-descer").click(function(){
		var posAtual = parseInt($(".top3-content").css("marginTop").replace("px",""));
		var tamanhoContainer = parseInt($(".top3-container").css("height").replace("px",""));
		
		if(posAtual > (parseInt($(".top3-content").css("height").replace("px",""))-tamanhoContainer)*-1 ){
			if(posicao*(-tamanhoContainer)>(parseInt($(".top3-content").css("height").replace("px",""))-tamanhoContainer)*-1){
				posicao++;
				$(".top3-content").animate({
					marginTop: posicao*(-tamanhoContainer)
				});
			}
		}
	});	
	$(".bt-subir").animate({opacity:.5});
	$(".bt-descer").animate({opacity:.5});
	
	$(".bt-subir").mouseenter(function(){
		$(this).animate({opacity:1});
	});
	$(".bt-subir").mouseleave(function(){
		$(this).animate({opacity:.5});
	});
	
	
	$(".bt-descer").mouseenter(function(){
		$(this).animate({opacity:1});
	});
	$(".bt-descer").mouseleave(function(){
		$(this).animate({opacity:.5});
	});
	
	
	$(".bt-subir").mouseleave(function(){
		clearInterval(intervalo);
	});	
	$(".bt-descer").mouseleave(function(){
		clearInterval(intervalo);
	});
	
	
});