// JavaScript Document

function slideCinema(n){

// Objetos -----------------------------------------------------
	obj = $("#slideCinema");
	// .slide-scroll
	var objScroll = obj.find(".slide-scroll");
	//Tag <ul>
	var objLista = obj.find("ul");
	//Tag <li>
	var objItem = obj.find("li");
	
// Ajuste Layout --------------------------------------------------

	var total = obj.find("li").length;
	//16 se refere ao padding: 0 8px definido no CSS
	liWidth = objItem.find(":first-child").width()+16
	
	// largura da UL
	objLista.width(liWidth*total);
	
	
// Paginação ------------------------------------------------------
	var nView = n;
	var vClick = 0;
	var dClick = (total%nView - nView)*-1;
	var nClick = parseInt(total/nView);
	var mClick = liWidth;
	
	
	
	// paginacao
	if (total<=n){
		$(".btn-prev, .btn-next").addClass("sel").attr("disabled","disabled").fadeTo("fast", 0.6);
		$(".slide-full .btn-prev, .slide-full .btn-next").addClass("sel").attr("disabled","disabled").hide()
		$(".slide-full .slide-scroll").css("left","-8px")
	}else {
		controlPg();
	}
	
	
	// Navegação
	$(".btn-prev").click(function(evt){
		if(vClick>0){
			vClick--;
			controlPg();
		}
		evt.preventDefault();
	});
	
	$(".btn-next").click(function(evt){
		if(vClick<nClick){
			vClick++;
			controlPg();
		}
		evt.preventDefault();
	});	
	
	function controlPg(){
		//alert(vClick)
		ajuste = vClick == nClick?dClick:0;
		$(objLista).animate({left:((nView*vClick*liWidth)-ajuste*liWidth)*-1},450)
		//$(objLista).animate({left:((nView*vClick*liWidth)-ajuste*liWidth)*-1},450)
		
		if(vClick<=0){
			$(".btn-prev").addClass("sel").attr("disabled","disabled").fadeTo("fast", 0.6);
		}else{
			$(".btn-prev").removeClass("sel").removeAttr("disabled").fadeTo("fast", 1);
		}
		
		if (vClick >= nClick){
			$(".btn-next").addClass("sel").attr("disabled","disabled").fadeTo("fast", 0.6);
		}else{
			$(".btn-next").removeClass("sel").removeAttr("disabled").fadeTo("fast", 1);
		}
	}
}