atual = 0;
atuallink = 0;

jQuery(function( $ ){
	$('a#link0, a#link1, a#link2, a#link3').hover(function(){
		$(this).animate({'height':'35px','paddingTop':'60px','backgroundColor':'#333'}, {duration: 150, queue: false},  'easeOutQuart');
	}, function(){
		$(this).animate({'height':'30px','paddingTop':'50px','backgroundColor':'#000000'}, {duration: 150, queue: false},  'easeOutQuart');
	});
	
	$('li#menupai1').hover(function(){
		$('ul#submenu1').slideToggle(150);
	}, function(){
		$('ul#submenu1').slideToggle(150);
	});
	
	$('li#menupai2').hover(function(){
		$('ul#submenu2').slideToggle(150);
	}, function(){
		$('ul#submenu2').slideToggle(150);
	});
	

	$('body').keyup(function (event) {
		
		if (event.keyCode == 37) {
			atual--;
			if(atual < 0){
				atual = (arquivos[atuallink].length - 1);
			}
			navegar(atual); 
		} else if (event.keyCode == 39) {
			atual++;
			if(atual == arquivos[atuallink].length){
				atual = 0;
			}
			navegar(atual);
		}
		
		return false
	});
	
	
	$('a#esquerda').click(function(){
		atual--;
		if(atual < 0){
			atual = (arquivos[atuallink].length - 1);
		}
		navegar(atual);
	});
	
	$('a#direita').click(function(){
		atual++;
		if(atual == arquivos[atuallink].length){
			atual = 0;
		}
		navegar(atual);
	});
	
	$('a#link0_1').click(function(){
		$('#aluguel, #fotos, a#esquerda, a#direita, #workshop, #contact').fadeOut();
		$('#bio').fadeIn();
	});
	
	$('a#link0_2').click(function(){
		$('#bio, #fotos, a#esquerda, a#direita, #workshop, #contact').fadeOut();
		$('#aluguel').fadeIn();
	});
	
	$('a#link2').click(function(){
		$('#fotos, a#esquerda, a#direita, #bio, #aluguel, #contact').fadeOut();
		$('#workshop').fadeIn();
	});
	
	$('a#link3').click(function(){
		$('#fotos, a#esquerda, a#direita, #bio, #aluguel, #workshop').fadeOut();
		$('#contact').fadeIn();
	});
	
	$('h1 a, #submenu2 a').click(function(){
		$('#bio, #aluguel, #workshop, #contact').fadeOut();
		$('#fotos, a#esquerda, a#direita').fadeIn();
		
		var hash = this.href;
		hash = hash.replace(/^.*#/, '');
		trocar(hash);
	});
	
	trocar(0);
});



function navegar(indice){
	var soma = 0;
	for(i=0; i<indice; i++){
		soma = soma + largura[atuallink][i] + 10;
	}
	
	deslocamento = ((soma * -1) - (largura[atuallink][indice] / 2)) + 'px';
	
	$('#fotos').animate({'marginLeft' : deslocamento}, {duration: 700, queue: false, easing:'easeInOutCubic'});
	$('#fotos .item').animate({'opacity' : '0.1'}, {duration: 700, queue: false, easing:'easeInOutCubic'});
	$('#fotos div:nth-child(' + (indice + 1) + ')').animate({'opacity' : '1'}, {duration: 700, queue: false, easing:'easeInOutCubic'}); 
}

function trocar(indice){
	$('#fotos').html('');
	
	var soma = 0;
	for(i=0; i<arquivos[indice].length; i++){
		$('#fotos').append('<div class="item" style="width:' + largura[indice][i] + 'px;"><img src="' + arquivos[indice][i] + '" width="' + largura[indice][i] + '" height="540" /></div>');
		soma = soma + largura[indice][i] + 10;
	}
	$('#fotos').css({'width': soma + 'px'});
	
	atual = 0;
	atuallink = indice;
	navegar(0);
}