$(document).ready(function(){

	$("#header .wrapper").flash({src:'_swf/menu.swf', width:895, height:180, wmode:'transparent', flashvars: { aba: 'abaportfolio' } });

	/* --- Listagem de itens --- */
	var j = 1000;
	var k = 3000;
	var efeito = $('#efeito').val();
	efeito = 7;
	
	// O window load só roda depois de carregar todas imagens. Serve como loader de imagens.
	$(window).load(
    function() {
		$(".portfolio .lista .loading").remove();
		$(".portfolio .lista img").each(
			function() {
				if(efeito == 1) {
					var pos = $(this).position();
					var i = parseInt(Math.random() * 10);
					if(i > 1) var rnd = i * 600; else var rnd = 1 * 1000;
					$(this).css({left:72, top:72});
					$(this).animate({left:0, top:0, height:'show', width:'show', opacity:'show'}, rnd);
				}
				if(efeito == 7) {
					var pos = $(this).position();
					var i = parseInt(Math.random() * 10);
					if(i > 1) var rnd = i * 600; else var rnd = 1 * 1000;
					$(this).animate({ opacity:'show'}, rnd);
				}

				if(efeito == 2) {

					if(k > 200) k = k - 100;
					$(this).css({left:72, top:72});
					$(this).animate({left:0, top:0, height:'show', width:'show', opacity:'show'}, 4000 - k);
				}
				if(efeito == 3) {
					var pos = $(this).position();
					var i = parseInt(Math.random() * 10);
					if(i > 1) var rnd = i * 200; else var rnd = 1 * 700;
					j = j + 150;
					$(this).animate({opacity:'show'}, rnd);
				}
				if(efeito == 4) {
					j = j + 50;
					$(this).animate({height: 'show', width:'show'}, j);
				}
				if(efeito == 5) {
					if(j < 10000) j = j + 200;
					$(this).css({top: -145, display:'block'});
					$(this).animate({top:0}, {easing:'easeOutBounce', duration: 500 + j});
				}
			}
		);
	});

	var config = {sensitivity: 1, 
								interval: 50, 
								over: function(){ $(this).next().animate({top:137 - $(this).next().height(), opacity:1});	}, 
								timeout: 100, 
								out: function() { $(this).next().animate({top:145, opacity:0}); }
								};

	$(".portfolio .lista img").hoverIntent(config);

	var colunas = $('#colunas').val();
	var cabe = 6;
	var larg_col = $('.portfolio .lista .coluna').width();
	
	// ajusta tamanho do container
	$('.portfolio .lista').css('width', (colunas + 1) * larg_col);
	
	// monta o vetor de paginas e monta o vetor de rolagem
	var paginas = Math.ceil(colunas/18);
	var lefts = new Array(); // paginas de portfolio
	var lefts2 = new Array(); // barra de rolagem
	var rate = $('.rolagem .container').width() / (colunas * larg_col);
	$('.rolagem .container .barra').css('width', Math.ceil($('.rolagem .container').width() / paginas));

	// não precisa de rolagem se tiver só uma página...

	if(paginas <= 1) {
		$('.rolagem, .mais, .menos').hide();	
	}

	if(colunas <= cabe) {
			lefts[0] = 0;
			lefts2[0] = 0;
	} else {
			for(var i=0; i < paginas; i++) {
				if((i + 1) * cabe <= colunas) {
					lefts[i] = larg_col * i * cabe; // nao esta na ultima pagina, em caso de numeros impares de colunas
				} else {
					lefts[i] = larg_col * i * cabe - (((i + 1) * cabe * larg_col) - (colunas * larg_col));
				}
				if(i == paginas - 1) {
					 // ultimo encosta na direita
					lefts2[i] = $('.rolagem .container').width() - $('.rolagem .container .barra').width();
				} else {
					lefts2[i] = Math.ceil(lefts[i] * rate);
				}
			}
			if(paginas * cabe < colunas) {
				/*var diferenca = colunas - (paginas * cabe);
				lefts[i] = (i - 1) * cabe * larg_col + diferenca * larg_col;
				lefts2[i] = Math.ceil(lefts[i] * rate);*/
			}
	}

	var ultimo = i;
	var atual = 0;
	
	$("#menos").hover(function(){ $(this).addClass("menos_over"); }, function() { $(this).removeClass("menos_over"); });
	$("#mais").hover(function(){ $(this).addClass("mais_over"); }, function() { $(this).removeClass("mais_over"); });

	$("#menos").click(function(){
		if(atual > 0) {
			atual--;
			var pos = $(".portfolio .lista").position();
			var pos2 = $(".rolagem .barra").position();
			$(".portfolio .lista").animate({left: -lefts[atual] });
			$(".rolagem .barra").animate({left: lefts2[atual] });
		}
	});

	$("#mais").click(function(){
		var pos = $(".portfolio .lista").position();
		var pos2 = $(".rolagem .barra").position();
		if(atual < ultimo - 1) {
			atual++;
			$(".portfolio .lista").animate({left: -lefts[atual] });
			$(".rolagem .barra").animate({left: lefts2[atual] });
		}
	});


	/* --- Visualização de itens --- */
	$('.mosaico').animate({opacity:0}, 1000);
	$('.ver').hover(function() {$('.mosaico').stop().animate({opacity:1}, 200); }, function(){ $('.mosaico').stop().animate({opacity:0}, 200); });
	$('.ver').mousemove(function(){
		if($('.mosaico').css('opacity') == 0) {
			$('.mosaico').stop().animate({opacity:1}, 200);
		}														 
	});
	if($('#peca').val() != '') {
		$('.ver ul').animate({left: - $('.portfolio').width() * (parseInt($('#peca').val()) - 1) });
	}
	$('.botoes a, .mosaico a').click(function(){
		var esq = parseInt($(this).attr('rel')) - 1;
		$('.ver ul').animate({left: - $('.portfolio').width() * esq});
		$('.descricao ul').animate({left: - $('.descricao').width() * esq});
		$('.botoes a').removeClass('ativo');
		$('.botoes a[rel='+ $(this).attr('rel') +']').addClass('ativo');
		$('.mosaico').stop().animate({opacity:0}, 200);
		return false;															
	});

});