$(document).ready( function(){
	dmPaginaAtivo = window.location+"";
	dmPaginaAtivo = dmPaginaAtivo.split("http://localhost/sandella/site/").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 = {
	init: function(){
		direcao = ""
		galeriaTotal = $(".slide .galeriaMascara ul li").length;
		galeriaSizeElement = $(".slide .galeriaMascara li").width();
		galeriaArea = galeriaSizeElement * galeriaTotal;
		
		imgSize = $(".slide .galeriaMascara li img").width(88);
		imgSize2 = $('.slide .produto_2 img, .slide .produto_4 img').width(124);
		imgSize3 = $('.slide .produto_3 img').width(160);
		
		$('.slide .galeriaMascara ul').width(galeriaArea + 450)
		
		$('.galeriaBotao').click(function(){
			galeria.animacao(this);
		})
		
		$('.slide .galeriaMascara ul li a').click(function(){
			galeria.animacao(this);
			if(! $(this).parent().hasClass('produto_3')) return false;
		});
	},
	
	animacao: function(obj){
		document.getElementById('primeiroTitulo').style.display='none';
		var li = $(obj).parent();
		var liClass = $(li).attr('class');
		var repete = "";
		var tempo = 500;
		var i = 4;
		
		switch(liClass){
			case 'produto_3': return; break;
			case 'produto_1': repete = 'left'; tempo = 300;
			case 'produto_2': direcao = 'left'; break;
			case 'produto_5': repete = 'right'; tempo = 300;
			case 'produto_4': direcao = 'right'; break;
			
			default: direcao = $(obj).attr('rel');
		}

		imgSize  = $(".slide .galeriaMascara li img").width(88);
		imgSize2 = $('.slide .produto_2 img, .slide .produto_4 img').width(124);
		imgSize3 = $('.slide .produto_1 img, .slide .produto_5 img').width(88);
		imgSize4 = $('.slide .produto_3 img').width(160);
		marginAtual  = $(".slide .galeriaMascara ul").css('marginLeft');
		if(direcao == "right"){
			valor1 = 88;
			valor2 = 88;
			valor3 = 124;
			valor4 = 160;
			valor5 = 124;
			
			top1 = 30;
			top2 = 30;
			top3 = 15;
			top4 = 0;
			top5 = 15;
			
			left0 = -30;
			left1 = -30;
			left2 = 70;
			left3 = 170; 
			left4 = 305;
			left5 = 478;
			left6 = 615;
			
			size1 = 88;
			size2 = 88;
			size3 = 124;
			size4 = 160;
			size5 = 124;
			
			pos1 = 2;
			pos2 = 2;
			pos3 = 3;
			pos4 = 4;
			pos5 = 3;
			margin = 0;
		}
		if(direcao == "left"){
			valor1 = 124;
			valor2 = 160;
			valor3 = 124;
			valor4 = 88;
			valor5 = 88;
			
			top1 = 15;
			top2 = 0;
			top3 = 15;
			top4 = 30;
			top5 = 30;
			
			left0 = 70;
			left1 = 170;
			left2 = 305;
			left3 = 478; 
			left4 = 615; 
			left5 = 720;
			left6 = 720;
			
			size1 = 124;
			size2 = 160;
			size3 = 124;
			size4 = 88;
			size5 = 88;
			
			pos1 = 3 ;
			pos2 = 3;
			pos3 = 4;
			pos4 = 2;
			pos5 = 2;
			
			margin = 0;
		}
		marginNova = parseInt(marginAtual) + margin;
		$('div.slide a').unbind('click');
		$('.slide .produto_3 p, .slide .produto_3 span').addClass('hide');
		
		$('.slide .produto_0').animate({width: valor1, top:30, left:left0, zindex:pos1}, tempo)
		
		$('.slide .produto_1').animate({width: valor1, top:top1, left:left1, zindex:pos1}, tempo)
		$('.slide .produto_1 a img').animate({width: size1}, tempo)
		$('.slide .produto_2').animate({width: valor2, top:top2, left:left2, zindex:pos2}, tempo)
		$('.slide .produto_2 a img').animate({width: size2}, tempo)
		$('.slide .produto_3').animate({width: valor3, top:top3, left:left3, zindex:pos3}, tempo)
		$('.slide .produto_3 a img').animate({width: size3}, tempo)
		$('.slide .produto_4').animate({width: valor4, top:top4, left:left4, zindex:pos4}, tempo)
		$('.slide .produto_4 a img').animate({width: size4}, tempo)
		$('.slide .produto_5').animate({width: valor5, top:top5, left:left5, zindex:pos5}, tempo)
		$('.slide .produto_5 a img').animate({width: size5}, tempo)
		
		$('.slide .produto_6').animate({width: valor5, top:30, left:left6, zindex:pos5}, tempo)
		
		$('.slide .galeriaMascara ul').animate({marginLeft: marginNova}, tempo, function(){
			$('.slide .galeriaMascara 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 .galeriaMascara ul li:last');
				$(liNova2).attr('class','produto_0').css('left',-30)
				$('.slide .galeriaMascara ul li:last').remove();
				$('.slide .galeriaMascara ul').prepend(liNova2).css('marginLeft','-70px');
			}
				
			if(direcao == "right"){
				var liNova = $('.slide .galeriaMascara ul li:eq(0)');
				var liClasse = $('.slide .galeriaMascara ul li:last').attr('class').split('_')[1];
				$(liNova).attr('class','produto_' + (parseInt(liClasse) + 1)).css({left:720, top:30})
				$('.slide .galeriaMascara ul li:first-child').remove();
				$('.slide .galeriaMascara ul').append(liNova).css('marginLeft','-70px');
			}
			$('div.slide a').click(function(){
				galeria.animacao(this);
				if(! $(this).parent().hasClass('produto_3')) return false;
			
			});
			
			if (repete == 'right')
				$('.galeriaBotao[rel="right"]').click();
			else if (repete == 'left')
				$('.galeriaBotao[rel="left"]').click();
			else
				$('.slide .produto_3 p, .slide .produto_3 span').removeClass('hide');
		})
	}
}


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