// Lider Computadores

//////////////////
// ScrollPages //
////////////////
$.extend({
	scrollPages: {
		defaults: {
			elementSize: 50,
			elements: 3,
			speed: "slow",
			direction: "up"
		}
	}
});
$.fn.extend({
	scrollPages: function(options){
		options = $.extend({}, $.scrollPages.defaults, options);
		return this.each(function(){
			
			// Definições de variáveis
			var total = $(".scrollMask li",this).length;
			var mask = options.elementSize * options.elements;
			var area = options.elementSize * total;
			var animation = false;
			var obj = this;
			var dimension = options.direction == "left" ? "width" : "height";
			var side = new Array();
			side[0] = options.direction;
			side[1] = options.direction == "up" ? "down" : "right";
			
			$(".scrollButtom",this).css("visibility","visible");
			if(options.elements >= total){
				$(".scrollButtom",this).css("visibility","visible");
				mask = area;
			}else{
				$(".scrollButtom[rel*='"+options.direction+"']",obj).css("visibility","hidden");
			}
			
			// Aplicação de estilos
			$(".scrollMask",this).css({"width": mask + "px", overflow: "hidden"}); // Máscara
			$(".scrollMask ul",this).css({"width": area + "px", marginTop: 0}); // UL
			$(".scrollMask li",this).css({"width": options.elementSize + "px", display: "block"}); // LI

			// Função que executa a rolagem
			var rolagem = function(direction){

				// Variáveis
				var margem = -parseInt($(".scrollMask ul",obj).css("margin-"+(options.direction == "up" ? "top" : "left")));

				var intervalo = direction == side[1]
					? ( margem + ( mask * 2 ) ) < area
						? mask
						: area - (margem + mask)
					: ( margem - mask ) < 0
						? margem
						: mask
				;
				direction = direction == side[1]
					? -margem - intervalo
					: -margem + intervalo
				;
				
				$(".scrollButtom",obj).css("visibility","visible");
				var rel = -direction == 0 ? side[0] : (-direction + mask) == area ? side[1] : null;
				if(rel != null) $(".scrollButtom[rel*='"+rel+"']",obj).css("visibility","hidden");
				
				// Animação
				animation = true;
				if(options.direction == "up"){
					$(".scrollMask ul",obj).animate({marginTop: direction + "px"},options.speed,function(){ animation = false; });
				}else{
					$(".scrollMask ul",obj).animate({marginLeft: direction + "px"},options.speed,function(){ animation = false; });
				}
			}
			
			// Aplicação de eventos
			$(".scrollButtom",this).unbind("click").click(function(){
				if(!animation){
					var direction = $(this).attr("rel");
					rolagem(direction);
				}
			});
		});
	}
});

///////////////
// Banner	//
/////////////
var banner = {
	
	// Variáveis
	total: 0,
	atual: 0,
	timeOut: null,
	emAnimacao: false,
	
	// Início
	init: function(){
		
		banner.total = $("#banner div img").length;
		
		if(banner.total > 1){
			// gera os botões
			var html = "";
			for(i=1;i<=banner.total;i++){
				html += '<li><a href="javascript:void(0);" title="'+i+'">'+i+'</a></li>';
			}
			var top = 90 - (11 * banner.total);
			$("#banner ul").html(html).removeClass("hide");
			
			$("#banner ul a").click(function(){
				var ativo = typeof($(this).attr("class")) == "undefined" ? false : $(this).attr("class").indexOf("ativo") == -1 ? false : true;
				if(!ativo && !banner.emAnimacao){
					clearTimeout(banner.timeOut);
					var alvo = $(this).text();
					banner.muda(alvo);
				}
			});
	
			// Inicia animação
			banner.muda(1);
		}else{
			$("#banner div img").fadeIn("slow");
			$("#banner ul").remove();
		}
	},
	
	// Muda de imagem
	muda: function(alvo){
		$("#banner ul a.ativo").removeClass("ativo");
		$("#banner ul a:eq("+(alvo-1)+")").addClass("ativo");
		
		if(banner.atual > 0) $("#banner div img:eq("+(banner.atual-1)+")").stop().fadeOut(2000);
		
		banner.emAnimacao = true;
		$("#banner ul a").css("cursor","wait");
		$("#banner div img:eq("+(alvo-1)+")").stop().fadeIn(2000,function(){
			banner.atual = parseInt($("#banner ul a.ativo").text());
			var proximo = banner.atual == banner.total ? 1 : banner.atual + 1;
			clearTimeout(banner.timeOut);
			banner.timeOut = setTimeout(function(){ banner.muda(proximo); },3000);
			banner.emAnimacao = false;
			$("#banner ul a").css("cursor","pointer");
		});
	}
}


$(document).ready(function(){



////////
///  Inicializações de funções
////////////////////////////////////////////////////////////////////////

// ImageBox
	$.ImageBox.init({loaderSRC:'imagens/carregando.gif'});

// ScrollPage
	$('.marcas').scrollPages({elementSize:141, elements:6, direction:'left'});

// Inicia Banner
	banner.init();	

// Centraliza Imagens
	$('.marcas img, .mascara img, .mascara2 img, .lista_clientes img').each(function(){
		 var src = $(this).attr("src");
		 $(this).parent().css({background:'transparent url('+src+') no-repeat center center'});
		 $(this).remove();
	});
	
	

////////
///   Abas
///////////////////////////////////////
	$('.abas li a').click(function(){
		var obj = $(this).parents('div:eq(0)');
		var ul = $(this).parents('ul:eq(0)');
		var indice = $('a', ul).index(this);
		$('li a.ativo', obj).removeClass('ativo');
		$(this).addClass('ativo').css('opacity', '1');
		$('.conteudoAba > div:not(:eq('+indice+'))', obj).hide().find('input, textarea').attr('disabled', 'disabled');
		$('.conteudoAba > div:eq('+indice+')', obj).show().find('input, textarea').removeAttr('disabled');
		
		$('.conteudoAba2 > div:not(:eq('+indice+'))', obj).hide();
		$('.conteudoAba2 > div:eq('+indice+')', obj).show();
	});

////////
///   Adiciona classe ativo na tag <a> que apontar para a página da url
////////////////////////////////////////////////////////////////////////
	paginaAtiva = window.location+"";
	paginaAtiva = paginaAtiva.split("/").pop();
	if(paginaAtiva != "") $("a[href="+paginaAtiva+"]").addClass("ativo");



////////
///   Abas
///////////////////////////////////////
	$('.abas li a').click(function(){
		var obj = $(this).parents('div:eq(0)');
		var ul = $(this).parents('ul:eq(0)');
		var indice = $('a', ul).index(this);
		$('li a.ativo', obj).removeClass('ativo');
		$(this).addClass('ativo').css('opacity', '1');
		$('.conteudoAba > div:not(:eq('+indice+'))', obj).hide().find('input, textarea').attr('disabled', 'disabled');
		$('.conteudoAba > div:eq('+indice+')', obj).show().find('input, textarea').removeAttr('disabled');
	});
	
	
})