$(function(){
	var el = $(".vertical-carrossel-overflow ul");
	var elNews = $(".vertical-carrossel-overflow ul li div");
	
	var numeroDeElementos = el.find("li").length
	
	var paginaAtual = 0;
	
	console.log(paginaAtual);
	
	manageButtons(paginaAtual, numeroDeElementos)
	
	$(".vertical-carrossel .button-up").mousedown(function(){
		if(paginaAtual > 0){
			var heightToMove = ($(elNews[paginaAtual - 1]).height()) + 10;
			paginaAtual--; 
			el.animate({top:"+=" + heightToMove  + "px"});
		}
		manageButtons(paginaAtual, numeroDeElementos)
	})

	$(".vertical-carrossel .button-down").mousedown(function(){
		if(paginaAtual < (numeroDeElementos - 1)){
			var heightToMove = ($(elNews[paginaAtual]).height()) + 10;
			paginaAtual++; 
			el.animate({top:"-="+  heightToMove  +"px"});	
		}
		manageButtons(paginaAtual, numeroDeElementos)
	})
})

function manageButtons(paginaAtual, nrPaginas){
	var buttonUp = $(".vertical-carrossel .button-up");
	var buttonDown = $(".vertical-carrossel .button-down");
	
	if(paginaAtual == (nrPaginas - 1))
		buttonDown.addClass("off");
	else
		buttonDown.removeClass("off");
		
	if(paginaAtual == 0)
		buttonUp.addClass("off");
	else
		buttonUp.removeClass("off");
}