ease = 'easeInOutExpo';
tempo:int = 1000;
indice = 20;
	
$(function() {	
	//SITE	
$(window).load(function(){
	
	$("#site").animate({top: -500}, 0);
	$("#site").animate({top: "50%"}, 2000, ease);	
	$("#allan").animate({left: 2000}, 0);
	$("#marcio").animate({left: 2000}, 0);
	$("#rodrigo").animate({left: 2000}, 0);
});	

//cliques
$("#site #u1").click(function(){		

	$("#allan .mural").css('display','none')
	$("#allan .notebook").css('display','none')
	$("#allan .redbull").css('display','none')
	$("#allan .folha").css('display','none')
	$("#allan .cds").css('display','none')
	$("#allan .pantone").css('display','none')
	$("#allan .iphone").css('display','none')
	$("#allan .cartao").css('display','none')
	$("#allan .revistas").css('display','none')
	$("#allan .impressora").css('display','none')
	$("#allan .eva").css('display','none')
	
	$("#allan .btn1").css('display', "none");
	$("#allan .btn2").css('display', "none");
	$("#allan .btn3").css('display', "none");
	$("#allan .btn4").css('display', "none");
			
	$("#site").animate({left: "-100%"}, 2000, ease);	
	$("#allan").animate({left: 0}, 2000, ease);	
//Allan
	function animaAllan(){
		if((document.getElementById("allan").style.left) == "0px"){	
			clearInterval(tempoIntervalAllan);
			$("#allan .mural").css('display','block')
			$("#allan .notebook").css('display','block')
			$("#allan .redbull").css('display','block')
			$("#allan .folha").css('display','block')
			$("#allan .cds").css('display','block')
			$("#allan .pantone").css('display','block')
			$("#allan .iphone").css('display','block')
			$("#allan .cartao").css('display','block')
			$("#allan .revistas").css('display','block')
			$("#allan .impressora").css('display','block')
			$("#allan .eva").css('display','block')
			
			$("#allan .mural").animate({top: -500}, 0);
			$("#allan .mural").animate({top: "50%"}, 2000, ease);	
			
			$("#allan .notebook").animate({left: 2000}, 0);
			$("#allan .notebook").animate({left: "50%"}, 2000, ease);	
			
			$("#allan .redbull").animate({left: -2000}, 0);
			$("#allan .redbull").animate({left: "50%"}, 2300, ease);	
			
			$("#allan .folha").animate({top: 2000}, 0);
			$("#allan .folha").animate({top: "50%"}, 3000, ease);	
			
			$("#allan .cds").animate({top: 1500}, 0);
			$("#allan .cds").animate({top: "50%"}, 3500, ease);	
			
			$("#allan .pantone").animate({top: 1500}, 0);
			$("#allan .pantone").animate({top: "50%"}, 2500, ease);	
			
			$("#allan .iphone").animate({top: 1500, left: 1000}, 0);
			$("#allan .iphone").animate({top: "50%", left: "50%"}, 2500, ease);	
			
			$("#allan .cartao").animate({top: 1500, left: 1000}, 0);
			$("#allan .cartao").animate({top: "50%", left: "50%"}, 4000, ease);
			
			$("#allan .revistas").animate({top: 1500, left: 1000}, 0);
			$("#allan .revistas").animate({top: "50%", left: "50%"}, 2000, ease);
			
			$("#allan .impressora").animate({left: 1500}, 0);
			$("#allan .impressora").animate({left: "50%"}, 2300, ease);	
			
			$("#allan .eva").animate({left: 1500, top: 1200}, 0);
			$("#allan .eva").animate({left: "50%", top: "50%"}, 2300, ease);	
			
			$("#allan .btn1").css('display', "block");
			$("#allan .btn2").css('display', "block");
			$("#allan .btn3").css('display', "block");
			$("#allan .btn4").css('display', "block");										
		}			
	}		
	tempoIntervalAllan = setInterval(animaAllan,100);
	animaAllan();
	
});
	
//marcio
	
$("#site #u2").click(function(){		

	$("#marcio #centro .caixaE").css('display','none')
	$("#marcio #centro .caixaD").css('display','none')
	$("#marcio #centro .notebook").css('display','none')
	$("#marcio #centro .microfone").css('display','none')
	$("#marcio #centro .teclado").css('display','none')
	$("#marcio #centro .cds").css('display','none')
	$("#marcio #centro .foto").css('display','none')
	$("#marcio #centro .tc").css('display','none')
	$("#marcio #centro .rocky").css('display','none')
	$("#marcio #centro .celular").css('display','none')
	$("#marcio #centro .cartao").css('display','none')
	$("#marcio #centro .cafe").css('display','none')
	$("#marcio #centro .ps3").css('display','none')
	$("#marcio #centro .coca").css('display','none')
	$("#marcio #centro .controleps3").css('display','none')
	$("#marcio #centro .abajour").css('display','none')
	
	$("#marcio .btn1").css('display', "none");
	$("#marcio .btn2").css('display', "none");
	$("#marcio .btn3").css('display', "none");
	$("#marcio .btn4").css('display', "none");
			
	$("#site").animate({left: "-100%"}, 2000, ease);	
	$("#marcio").animate({left: 0}, 2000, ease);	

//Marcio
	function animaMarcio(){
		if((document.getElementById("marcio").style.left) == "0px"){	
			clearInterval(tempoIntervalMarcio);
			$("#marcio #centro .caixaE").css('display','block')
			$("#marcio #centro .caixaD").css('display','block')
			$("#marcio #centro .notebook").css('display','block')
			$("#marcio #centro .microfone").css('display','block')
			$("#marcio #centro .teclado").css('display','block')
			$("#marcio #centro .cds").css('display','block')
			$("#marcio #centro .foto").css('display','block')
			$("#marcio #centro .tc").css('display','block')
			$("#marcio #centro .rocky").css('display','block')
			$("#marcio #centro .celular").css('display','block')
			$("#marcio #centro .cartao").css('display','block')
			$("#marcio #centro .cafe").css('display','block')
			$("#marcio #centro .ps3").css('display','block')
			$("#marcio #centro .coca").css('display','block')
			$("#marcio #centro .controleps3").css('display','block')
			$("#marcio #centro .abajour").css('display','block')
			
			$("#marcio #centro .caixaE").animate({left: -2000}, 0);	
			$("#marcio #centro .caixaD").animate({left: 2000}, 0);
			$("#marcio #centro .notebook").animate({top: -2000}, 0);
			$("#marcio #centro .microfone").animate({top: 2000, left: -2000}, 0);
			$("#marcio #centro .teclado").animate({top: 2000}, 0);
			$("#marcio #centro .cds").animate({top: 2000}, 0);
			$("#marcio #centro .foto").animate({top: 2000}, 0);
			$("#marcio #centro .tc").animate({top: 2000}, 0);
			$("#marcio #centro .rocky").animate({top: 2000}, 0);
			$("#marcio #centro .celular").animate({top: 2000}, 0);
			$("#marcio #centro .cartao").animate({top: 2000}, 0);
			$("#marcio #centro .cafe").animate({top: 2000}, 0);
			$("#marcio #centro .ps3").animate({top: 2000}, 0);
			$("#marcio #centro .coca").animate({top: -2000}, 0);
			$("#marcio #centro .controleps3").animate({top: -2000}, 0);
			$("#marcio #centro .abajour").animate({top: -2000}, 0);
			
			$("#marcio #centro .caixaE").animate({left: -300}, 2500, ease);	
			$("#marcio #centro .caixaD").animate({left: 600}, 2000, ease);	
			$("#marcio #centro .notebook").animate({top: 100}, 2200, ease);	
			$("#marcio #centro .microfone").animate({top: 180, left: -40}, 2900, ease);	
			$("#marcio #centro .teclado").animate({top: 300}, 2100, ease);	
			$("#marcio #centro .cds").animate({top: 300}, 2700, ease);	
			$("#marcio #centro .foto").animate({top: 180}, 2300, ease);	
			$("#marcio #centro .tc").animate({top: 240}, 2000, ease);	
			$("#marcio #centro .rocky").animate({top: 280}, 1500, ease);	
			$("#marcio #centro .celular").animate({top: 320}, 1000, ease);	
			$("#marcio #centro .cartao").animate({top: 370}, 1600, ease);	
			$("#marcio #centro .cafe").animate({top: 380}, 1900, ease);	
			$("#marcio #centro .ps3").animate({top: 350}, 1100, ease);	
			$("#marcio #centro .coca").animate({top: 180}, 1900, ease);	
			$("#marcio #centro .controleps3").animate({top: 3100}, 3000, ease);	
			$("#marcio #centro .abajour").animate({top: 120}, 1500, ease);	
			
			$("#marcio .btn1").css('display', "block");
			$("#marcio .btn2").css('display', "block");
			$("#marcio .btn3").css('display', "block");
			$("#marcio .btn4").css('display', "block");										
		}			
	}		
	tempoIntervalMarcio = setInterval(animaMarcio,100);
	animaMarcio();
	
});
	
//rods	
	
$("#site #u3").click(function(){		

	$("#rodrigo #centro .imac").css('display','none')
	$("#rodrigo #centro .revistas").css('display','none')
	$("#rodrigo #centro .ipad").css('display','none')
	$("#rodrigo #centro .fotos").css('display','none')
	$("#rodrigo #centro .anotacoes").css('display','none')
	$("#rodrigo #centro .camera").css('display','none')
	$("#rodrigo #centro .livros").css('display','none')
	$("#rodrigo #centro .relogio").css('display','none')
	$("#rodrigo #centro .ipod").css('display','none')
	$("#rodrigo #centro .iphone").css('display','none')
	$("#rodrigo #centro .cartao").css('display','none')
	$("#rodrigo #centro .tablet").css('display','none')
	$("#rodrigo #centro .pinceis").css('display','none')
	$("#rodrigo #centro .cds").css('display','none')
	$("#rodrigo #centro .filme").css('display','none')
	
	$("#rodrigo .btn1").css('display', "none");
	$("#rodrigo .btn2").css('display', "none");
	$("#rodrigo .btn3").css('display', "none");
	$("#rodrigo .btn4").css('display', "none");
			
	$("#site").animate({left: "-100%"}, 2000, ease);	
	$("#rodrigo").animate({left: 0}, 2000, ease);	

	function animarodrigo(){
		if((document.getElementById("rodrigo").style.left) == "0px"){	
			clearInterval(tempoIntervalrodrigo);
			$("#rodrigo #centro .imac").css('display','block')
			$("#rodrigo #centro .revistas").css('display','block')
			$("#rodrigo #centro .ipad").css('display','block')
			$("#rodrigo #centro .fotos").css('display','block')
			$("#rodrigo #centro .anotacoes").css('display','block')
			$("#rodrigo #centro .camera").css('display','block')
			$("#rodrigo #centro .livros").css('display','block')
			$("#rodrigo #centro .relogio").css('display','block')
			$("#rodrigo #centro .ipod").css('display','block')
			$("#rodrigo #centro .iphone").css('display','block')
			$("#rodrigo #centro .cartao").css('display','block')
			$("#rodrigo #centro .tablet").css('display','block')
			$("#rodrigo #centro .pinceis").css('display','block')
			$("#rodrigo #centro .cds").css('display','block')
			$("#rodrigo #centro .filme").css('display','block')
			
			
			$("#rodrigo #centro .imac").animate({top: -1000,left: 500}, 0);
			$("#rodrigo #centro .revistas").animate({top: -1000,left: 20}, 0);
			$("#rodrigo #centro .ipad").animate({top: 2000,left: -300}, 0);
			$("#rodrigo #centro .fotos").animate({top: -1000,left: 50}, 0);
			$("#rodrigo #centro .anotacoes").animate({top: -1000,left: -500}, 0);
			$("#rodrigo #centro .camera").animate({top: 2000,left: -200}, 0);
			$("#rodrigo #centro .livros").animate({top: -1000,left: 500}, 0);
			$("#rodrigo #centro .relogio").animate({top: -1000,left: 50}, 0);
			$("#rodrigo #centro .ipod").animate({top: -1000,left: 0}, 0);
			$("#rodrigo #centro .iphone").animate({top: 2000,left: 60}, 0);
			$("#rodrigo #centro .cartao").animate({top: -1000,left: -130}, 0);
			$("#rodrigo #centro .tablet").animate({top: 1000,left: 20}, 0);
			$("#rodrigo #centro .pinceis").animate({top: -1000,left: 0}, 0);
			$("#rodrigo #centro .cds").animate({top: -1000,left: 60}, 0);
			$("#rodrigo #centro .filme").animate({top: 2000,left: 1000}, 0);

			$("#rodrigo #centro .imac").animate({top: -20,left: 150}, 2500, ease);
			$("#rodrigo #centro .revistas").animate({top: 190,left: -350}, 2500, ease);
			$("#rodrigo #centro .ipad").animate({top: 350,left: -300}, 2500, ease);
			$("#rodrigo #centro .fotos").animate({top: 150,left: 550}, 2500, ease);
			$("#rodrigo #centro .anotacoes").animate({top: 350,left: 50}, 2500, ease);
			$("#rodrigo #centro .camera").animate({top: 150,left: 700}, 2500, ease);
			$("#rodrigo #centro .livros").animate({top: -100,left: -200}, 2500, ease);
			$("#rodrigo #centro .relogio").animate({top: -185,left: 280}, 2500, ease);
			$("#rodrigo #centro .ipod").animate({top: 230,left: 480}, 2500, ease);
			$("#rodrigo #centro .iphone").animate({top: 300,left: 20}, 2500, ease);
			$("#rodrigo #centro .cartao").animate({top: 245,left: 35}, 2500, ease);
			$("#rodrigo #centro .tablet").animate({top: 325,left: 430}, 2500, ease);
			$("#rodrigo #centro .pinceis").animate({top: 155,left: 100}, 2500, ease);
			$("#rodrigo #centro .cds").animate({top: 165,left: -130}, 2500, ease);
			$("#rodrigo #centro .filme").animate({top: -125, left: 550}, 2500, ease);
			
			$("#rodrigo .btn1").css('display', "block");
			$("#rodrigo .btn2").css('display', "block");
			$("#rodrigo .btn3").css('display', "block");
			$("#rodrigo .btn4").css('display', "block");										
		}			
	}		
	tempoIntervalrodrigo = setInterval(animarodrigo,100);
	animarodrigo();
	
});
	
	
//Eventos clicks

$("#allan .portifolioLinks .fechar").click(function(){	
	$("#allan .btn1").css('display', "block");
	$("#allan .btn2").css('display', "block");
	$("#allan .btn3").css('display', "block");
	$("#allan .btn4").css('display', "block");
	$('#allan .portifolioLinks').css('display','none');
});
$("#allan .contato .fechar").click(function(){	
	$("#allan .btn1").css('display', "block");
	$("#allan .btn2").css('display', "block");
	$("#allan .btn3").css('display', "block");
	$("#allan .btn4").css('display', "block");
	$('#allan .contato').css('display','none');
});
$("#allan .conteudoPessoal .fechar").click(function(){	
	$("#allan .btn1").css('display', "block");
	$("#allan .btn2").css('display', "block");
	$("#allan .btn3").css('display', "block");
	$("#allan .btn4").css('display', "block");
	$('#allan .conteudoPessoal').css('display','none');
});
$("#allan .jobsOff .fechar").click(function(){	
	$("#allan .btn1").css('display', "block");
	$("#allan .btn2").css('display', "block");
	$("#allan .btn3").css('display', "block");
	$("#allan .btn4").css('display', "block");
	$('#allan .jobsOff').css('display','none');
});

$("#marcio .jobsOff .fechar").click(function(){	
	$("#marcio .btn1").css('display', "block");
	$("#marcio .btn2").css('display', "block");
	$("#marcio .btn3").css('display', "block");
	$('#marcio .jobsOff').css('display','none');
});

$("#marcio .contato .fechar").click(function(){	
	$("#marcio .btn1").css('display', "block");
	$("#marcio .btn2").css('display', "block");
	$("#marcio .btn3").css('display', "block");
	$('#marcio .contato').css('display','none');
});

$("#marcio .mural .fechar").click(function(){	
	$("#marcio .btn1").css('display', "block");
	$("#marcio .btn2").css('display', "block");
	$("#marcio .btn3").css('display', "block");
	$('#marcio .mural').css('display','none');
});
	

$("#rodrigo .contato .fechar").click(function(){	
	$("#rodrigo .btn1").css('display', "block");
	$("#rodrigo .btn2").css('display', "block");
	$("#rodrigo .btn3").css('display', "block");
	$("#rodrigo .btn4").css('display', "block");
	$('#rodrigo .contato').css('display','none');
});
$("#rodrigo .jobsOff .fechar").click(function(){	
	$("#rodrigo .btn1").css('display', "block");
	$("#rodrigo .btn2").css('display', "block");
	$("#rodrigo .btn3").css('display', "block");
	$("#rodrigo .btn4").css('display', "block");
	$('#rodrigo .jobsOff').css('display','none');
});
$("#rodrigo .mural .fechar").click(function(){	
	$("#rodrigo .btn1").css('display', "block");
	$("#rodrigo .btn2").css('display', "block");
	$("#rodrigo .btn3").css('display', "block");
	$("#rodrigo .btn4").css('display', "block");
	$('#rodrigo .mural').css('display','none');
});
//allan (over / out)

$("#allan .btn1").mouseover(function(){	
	$("#allan .btn1 .balaointerno1").css('display', "block");
});
$("#allan .btn1").mouseout(function(){	
	$("#allan .btn1 .balaointerno1").css('display', "none");
});
$("#allan .btn2").mouseover(function(){	
	$("#allan .btn2 .balaointerno2").css('display', "block");
});
$("#allan .btn2").mouseout(function(){	
	$("#allan .btn2 .balaointerno2").css('display', "none");
});

$("#allan .btn3").mouseover(function(){	
	$("#allan .btn3 .balaointerno3").css('display', "block");
});
$("#allan .btn3").mouseout(function(){	
	$("#allan .btn3 .balaointerno3").css('display', "none");
});
$("#allan .btn4").mouseover(function(){	
	$("#allan .btn4 .balaointerno4").css('display', "block");
});
$("#allan .btn4").mouseout(function(){	
	$("#allan .btn4 .balaointerno4").css('display', "none");
});
	
//marcio (over / out)
	
$("#marcio .btn1").mouseover(function(){	
	$("#marcio .btn1 .balaointerno1").css('display', "block");
});
$("#marcio .btn1").mouseout(function(){	
	$("#marcio .btn1 .balaointerno1").css('display', "none");
});
$("#marcio .btn2").mouseover(function(){	
	$("#marcio .btn2 .balaointerno2").css('display', "block");
});
$("#marcio .btn2").mouseout(function(){	
	$("#marcio .btn2 .balaointerno2").css('display', "none");
});

$("#marcio .btn3").mouseover(function(){	
	$("#marcio .btn3 .balaointerno3").css('display', "block");
});
$("#marcio .btn3").mouseout(function(){	
	$("#marcio .btn3 .balaointerno3").css('display', "none");
});
$("#marcio .btn4").mouseover(function(){	
	$("#marcio .btn4 .balaointerno4").css('display', "block");
});
$("#marcio .btn4").mouseout(function(){	
	$("#marcio .btn4 .balaointerno4").css('display', "none");
});	
	
	
//rodrigo (over / out)
	
$("#rodrigo .btn1").mouseover(function(){	
	$("#rodrigo .btn1 .balaointerno1").css('display', "block");
});
$("#rodrigo .btn1").mouseout(function(){	
	$("#rodrigo .btn1 .balaointerno1").css('display', "none");
});
$("#rodrigo .btn2").mouseover(function(){	
	$("#rodrigo .btn2 .balaointerno2").css('display', "block");
});
$("#rodrigo .btn2").mouseout(function(){	
	$("#rodrigo .btn2 .balaointerno2").css('display', "none");
});

$("#rodrigo .btn3").mouseover(function(){	
	$("#rodrigo .btn3 .balaointerno3").css('display', "block");
});
$("#rodrigo .btn3").mouseout(function(){	
	$("#rodrigo .btn3 .balaointerno3").css('display', "none");
});

$("#rodrigo .btn4").mouseover(function(){	
	$("#rodrigo .btn4 .balaointerno4").css('display', "block");
});
$("#rodrigo .btn4").mouseout(function(){	
	$("#rodrigo .btn4 .balaointerno4").css('display', "none");
});
	
	
// clicks
$("#allan .btn1").click(function(){	
	$("#allan .portifolioLinks").css('display', "block");
	$("#allan .btn1").css('display', "none");
	$("#allan .btn2").css('display', "none");
	$("#allan .btn3").css('display', "none");
	$("#allan .btn4").css('display', "none");
});
$("#allan .btn2").click(function(){	
	$("#allan .contato").css('display', "block");
	$("#allan .btn1").css('display', "none");
	$("#allan .btn2").css('display', "none");
	$("#allan .btn3").css('display', "none");
	$("#allan .btn4").css('display', "none");
});
$("#allan .btn3").click(function(){	
	$("#allan .conteudoPessoal").css('display', "block");
	$("#allan .btn1").css('display', "none");
	$("#allan .btn2").css('display', "none");
	$("#allan .btn3").css('display', "none");
	$("#allan .btn4").css('display', "none");
});
$("#allan .btn4").click(function(){	
	$("#allan .jobsOff").css('display', "block");
	$("#allan .btn1").css('display', "none");
	$("#allan .btn2").css('display', "none");
	$("#allan .btn3").css('display', "none");
	$("#allan .btn4").css('display', "none");
});	

$("#marcio .btn1").click(function(){	
	$("#marcio .mural").css('display', "block");
	$("#marcio .btn1").css('display', "none");
	$("#marcio .btn2").css('display', "none");
	$("#marcio .btn3").css('display', "none");
});


$("#marcio .btn2").click(function(){	
	$("#marcio .jobsOff").css('display', "block");
	$("#marcio .btn1").css('display', "none");
	$("#marcio .btn2").css('display', "none");
	$("#marcio .btn3").css('display', "none");
});

$("#marcio .btn3").click(function(){	
	$("#marcio .contato").css('display', "block");
	$("#marcio .btn1").css('display', "none");
	$("#marcio .btn2").css('display', "none");
	$("#marcio .btn3").css('display', "none");
});

$("#rodrigo .btn1").click(function(){	
	$("#rodrigo .mural").css('display', "block");
	$("#rodrigo .btn1").css('display', "none");
	$("#rodrigo .btn2").css('display', "none");
	$("#rodrigo .btn3").css('display', "none");
	$("#rodrigo .btn4").css('display', "none");
});

$("#rodrigo .btn2").click(function(){	
	$("#rodrigo .jobsOff").css('display', "block");
	$("#rodrigo .btn1").css('display', "none");
	$("#rodrigo .btn2").css('display', "none");
	$("#rodrigo .btn3").css('display', "none");
	$("#rodrigo .btn4").css('display', "none");
});

$("#rodrigo .btn3").click(function(){	
	$("#rodrigo .contato").css('display', "block");
	$("#rodrigo .btn1").css('display', "none");
	$("#rodrigo .btn2").css('display', "none");
	$("#rodrigo .btn3").css('display', "none");
	$("#rodrigo .btn4").css('display', "none");
});	

//voltar
$("#allan .voltar #voltarTudo").click(function(){	
	$("#site").animate({top: -500, left:"50%"}, 0);
	$("#site").animate({top: "50%", left: "50%"}, 1000);
	$("#allan").css('left','2000px')	
});
$("#marcio .voltar #voltarTudo").click(function(){	
	$("#site").animate({top: -500, left:"50%"}, 0);
	$("#site").animate({top: "50%", left: "50%"}, 1000);
	$("#marcio").css('left','2000px')	
});

$("#rodrigo .voltar #voltarTudo").click(function(){	
	$("#site").animate({top: -500, left:"50%"}, 0);
	$("#site").animate({top: "50%", left: "50%"}, 1000);
	$("#rodrigo").css('left','2000px')	
});

});