$(document).ready( function(){
/***
	*	:: Link Ativo ::
	*	:: 2007 ::
	*
	*	Adiciona a classe "ativo" para o link que tiver o destino (href) identico à pagina aberta
	***/
	dmPaginaAtivo = window.location+"";
	dmPaginaAtivo = dmPaginaAtivo.split("http://www.agenciars.com.br").pop();
	if(dmPaginaAtivo != ""){
		$('a[href*="'+dmPaginaAtivo+'"]').addClass('ativo');
		$('a[href*="'+dmPaginaAtivo+'"]').siblings('ul').removeClass('hide');
		$('a[href*="'+dmPaginaAtivo+'"]').parents('ul').removeClass('hide').siblings('a').addClass('ativo');;
	}
});
	
////////////////////////
//	Galeria Principal
///////////////////////

galeria = {
	init: function(){
		direcao = ""
		//Definição de variáveis
		galleryTotal = $(".slide .galleryMask ul li").length;
		gallerySizeElement = $(".slide .galleryMask li").width();
		galleryArea = gallerySizeElement * galleryTotal;
		
		imgSize = $(".slide .galleryMask li img").width(190);
		imgSize2 = $('.slide .slide_2 img, .slide .slide_4 img').width(378);
		imgSize3 = $('.slide .slide_3 img').width(635);
		
		$('.slide .galleryMask ul').width(galleryArea + 450)
		
		//Atribui eventos para seta da galeria
		$('.galleryButtom').click(function(){
			galeria.animacao(this);
		})
		
		//Atribui eventos para as imagens galeria		
		$('.slide .galleryMask ul li a').click(function(){
			galeria.animacao(this);
			if(! $(this).parent().hasClass('slide_3')) return false;
		});
	},
	
	animacao: function(obj){
		var li = $(obj).parent();
		var liClass = $(li).attr('class');
		var repete = "";
		var tempo = 500;
		var i = 4;
		
		switch(liClass){
			case 'slide_3':
				return;
			break;
			case 'slide_1':
				repete = 'left';
				tempo = 300
			case 'slide_2':
				direcao = 'left';
			break;
			case 'slide_5':
				repete = 'right';
				tempo = 300
			case 'slide_4':
				direcao = 'right';
			break;
			default:
				direcao = $(obj).attr('rel')
		}

		imgSize  = $(".slide .galleryMask li img").width(190);
		imgSize2 = $('.slide .slide_2 img, .slide .slide_4 img').width(378);
		imgSize3 = $('.slide .slide_1 img, .slide .slide_5 img').width(190);
		imgSize4 = $('.slide .slide_3 img').width(635);
		marginAtual  = $(".slide .galleryMask ul").css('marginLeft');
		if(direcao == "right"){
			valor1 = 190; //define largura da li
			valor2 = 190;
			valor3 = 378;
			valor4 = 635;
			valor5 = 378;
			
			top1 = 102; //define posição top da li
			top2 = 102;
			top3 = 60;
			top4 = 0;
			top5 = 60;
			
			left1 = 70;//define posição left da li 
			left2 = 70;
			left3 = 130; 
			left4 = 220;
			left5 = 567;
			
			size1 = 190; //define tamanho da imagem da li
			size2 = 190;
			size3 = 378;
			size4 = 635;
			size5 = 378;
			
			pos1 = 2; //define z-index da li
			pos2 = 2;
			pos3 = 3;
			pos4 = 4;
			pos5 = 3;
			margin = 0; //define a margem da UL
		}
		if(direcao == "left"){
			valor1 = 378; //define largura da li
			valor2 = 635;
			valor3 = 378;
			valor4 = 190;
			valor5 = 190;
			
			top1 = 60; //define posição top da li
			top2 = 0;
			top3 = 60;
			top4 = 102;
			top5 = 102;
			
			left1 = 130;
			left2 = 220;
			left3 = 567; 
			left4 = 815; 
			left5 = 815;
			
			size1 = 378; //define tamanho da imagem da li
			size2 = 635;
			size3 = 378;
			size4 = 190;
			size5 = 190;
			
			pos1 = 3 ;//define z-index da li
			pos2 = 3;
			pos3 = 4;
			pos4 = 2;
			pos5 = 2;
			
			margin = 0; //define a margem da UL
		}
		marginNova = parseInt(marginAtual) + margin;
		//marginNova = marginNova == 156 ? 206 : marginNova == 128 ? 106 : marginNova;
		//marginDir = galleryArea + 347; // variavel para parar avanço da direita
		//if(marginNova > 206 || marginNova < -((galleryTotal - 3) * 106)) return false;
		$('div.slide a').unbind('click');
		$('.slide .slide_3 p, .slide .slide_3 span').addClass('hide');
		$('.slide .slide_1').animate({width: valor1, top:top1, left:left1, zindex:pos1}, tempo)
		$('.slide .slide_1 a img').animate({width: size1}, tempo)
		$('.slide .slide_2').animate({width: valor2, top:top2, left:left2, zindex:pos2}, tempo)
		$('.slide .slide_2 a img').animate({width: size2}, tempo)
		$('.slide .slide_3').animate({width: valor3, top:top3, left:left3, zindex:pos3}, tempo)
		$('.slide .slide_3 a img').animate({width: size3}, tempo)
		$('.slide .slide_4').animate({width: valor4, top:top4, left:left4, zindex:pos4}, tempo)
		$('.slide .slide_4 a img').animate({width: size4}, tempo)
		$('.slide .slide_5').animate({width: valor5, top:top5, left:left5, zindex:pos5}, tempo)
		$('.slide .slide_5 a img').animate({width: size5}, tempo)
		$('.slide .galleryMask ul').animate({marginLeft: marginNova}, tempo,
		   function(){
			   $('.slide .galleryMask ul li').each(function(){
					classe = $(this).attr("class");
					classe2 = classe.split('_');
					
					if(direcao == "right"){
						newClass = parseInt(classe2[1]) - 1;
						$(this).attr('class', classe2[0] + '_' + newClass);
					}
					if(direcao == "left"){
						newClass = parseInt(classe2[1]) + 1;
						$(this).attr('class', classe2[0] + '_' + newClass);
					}
				})
			   	if(direcao == "left"){
					var liNova2 = $('.slide .galleryMask ul li:last');
					$(liNova2).attr('class','slide_0').css('left',70)
					$('.slide .galleryMask ul li:last').remove();
					$('.slide .galleryMask ul').prepend(liNova2).css('marginLeft','-70px');
				}
				if(direcao == "right"){
					var liNova = $('.slide .galleryMask ul li:eq(0)');
					var liClasse = $('.slide .galleryMask ul li:last').attr('class').split('_')[1];
					$(liNova).attr('class','slide_' + (parseInt(liClasse) + 1)).css({left:815, top:102})
					$('.slide .galleryMask ul li:first-child').remove();
					$('.slide .galleryMask ul').append(liNova).css('marginLeft','-70px');
				}
				$('div.slide a').click(function(){
						galeria.animacao(this);
						if(! $(this).parent().hasClass('slide_3')) return false;
					
				});
			   	if (repete == 'right')
					$('.galleryButtom[rel="right"]').click();
			   	else if (repete == 'left')
					$('.galleryButtom[rel="left"]').click();
				else
					$('.slide .slide_3 p, .slide .slide_3 span').removeClass('hide');
			
			})
	}
}

////////////////////////
//	Galeria logos
///////////////////////

$.extend({
	scrollPages: {
		version: 2.5,
		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
			if(options.direction == "up"){
				//$(".scrollMask",this).css({"height": mask + "px", overflow: "hidden"}); // M?scara
				$(".scrollMask ul",this).css({"height": area + "px", marginTop: 0}); // UL
				$(".scrollMask li",this).css({"height": options.elementSize + "px", display: "block"}); // LI
			}else{
				//$(".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
			}
			if (area <= mask) $(".scrollButtom",obj).css("visibility","hidden");
			if (area <= mask + 596) $(".buttom2",obj).css("visibility","hidden");

			// Fun??o que execulta 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");
				
				
				//Condi??o especial para galeria com degrade
				//var rel2 = -direction == 0 ? side[0] : (-direction + mask + 596) == area ? side[1] : null;
				//if(rel2 != null) $(".scrollButtom[rel*='"+rel2+"']",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);
				}
			});
		});
	}
});

$(document).ready( function(){
	galeria.init();
	$('.slide2').scrollPages({elementSize:133, elements:4, direction:'left'});
	
});