ease = 'easeInOutExpo';
indice = 20;
menuS=0;

//portifólio
titulo1="Nascimento Turismo"
texto1="Beweb trazendo um novo ar ao website da Nascimento Turismo. Novo site demonstra a modernidade e eficiencia da empresa. A partir de uma reestruturação total, a Beweb criou um site que atende as necessidades da empresa e de seus clientes de forma ágil e fácil, garantindo uma nova cara que promete ainda mais sucesso a empresa."
	
titulo2="Meliá"
texto2="Hotsite com clima de verão, nas cores azul e verde com tons de madeira, como um grande deck no paradisíaco complexo de piscinas dos hotéis Meliá. A página possui galeria de fotos e ifnormações sobre a rede, além de detalhes sobre  cada hotel e cada pacote oferecido por ele, separadamente. Além disso, por ele também é possível fazer reservas, já escolhendo as datas e quantidade de acompanhantes para o destino desejado."

titulo3="Sea Club"
texto3="O primeiro Day Club do Brasil, foi inaugurado em dezembro de 2009. Animado, com três cores que variam ao longo do dia de acordo com o período em que se acessa, o site tem seções de agenda, fotos e depoimentos, com uma navegação suave que lembra as ondas do mar. Além disso, desenvolvido em flash, possui uma robusta programação para inserir ou mostrar itens da agenda como esgotados. Destaque também para o mapa de localização integrado com Google Maps traçando rota e estimando tempo de percurso e distância até o Sea Club. Tudo feito de forma totalmente dinâmica para dar agilidade às alterações."

titulo4="Posadas"
texto4="Esta página, dinâmica e com design leve e arrojado, traz na combinação de elementos o ar mexicano que os três hotéis da rede propõem aos hóspedes. Para cada destino clicado, os links para os outros dois se movem pela tela, dando inteira atenção para o escolhido, com informações, preços, galeria de fotos e espaço de reservas online."

titulo5="Samsung"
texto5="Hotsite para concurso cultural da Samsung em parceria com a Nascimento Turismo, no qual os participantes devem enviar fotos com textos explicativos para concorrer a uma viagem. Todo animado, a página tem, além do regulamento da promoção e da inscrição dos candidatos, uma área em que é possível ver as fotos e textos de outros concorrentes, apresentados de maneira dinâmica para facilitar a navegação. Além disso, toda a animação á baseada num único ambiente, em que a tela navega para encontrar a informação em que o usuário clicou. Uma experiência incrível!"

titulo6="Washington"
texto6="Nesta página, Washington é mostrado em muitas faces conforme muda o plano de fundo da tela: bosques de outono, noite agitada, centros históricos e grandes cidades, todas passando aos olhos do usuário. No centro da tela estão os 4 pacotes disponíveis, com informações, preços e calendário para reservas na própria página."

titulo7="St. Maarten"
texto7="O hotsite tem uma figura estática ao fundo, com o verde-mar das praias de St Maarten como destaque, e o centro dinâmico, com as informações sobre o destino, fotos, preços e página de reservas. O interessante é que a foto usada no plano de fundo pode ser personalizada pelo usuário, dentre 10 opções possíveis que alternam, além da imagem, as cores de todo o site. "

titulo8="Rotary"
texto8="Com layout clean, o portal do distrito 4420 do Rotary Club de São Paulo se destaca pela facilidade de encontrar qualquer informação na página inicial. O menu, uma pequena fileira na parte superior da tela, se expande quando o  mouse é passado sobre o link de interesse, abrindo um leque de opções de páginas relacionadas ao tópico selecionado. Para organizar as informações, a home foi dividida em três colunas: uma para as notícias em destaque, uma com as fotos relacionadas aos destaques na parte superior, enquanto na inferior outras notas de menor destaque são exibidas, e na terceira uma divisão em duas, para exibir calendário de eventos, banners e publicidade."

titulo9="Lista de Casamentos"
texto9="A página de casamentos da Nascimento Turismo tem layout em preto-e-branco com tons de vermelho, para dar o ar de romance que o casamento proporciona. De fácil utilização, o banco de dados de noivos é encontrado pelos convidados de forma bem objetiva, já que na página inicial já é possível fazer a busca, assim como o cadastro de uma nova lista."

titulo10="Colômbia"
texto10="Destino apaixonante oferecido pela Nascimento Turismo, não poderia ter outro tema senão o romantismo em sua página. Com uma galeria de fotos embutida logo na página inicial, o ambiente é clean, com informações de fácil acessibilidade e com uma aura envolvente, como a própria Colômbia."

titulo11="Las Vegas"
texto11="A cidade dos cassinos tem uma página iluminada, como a noite em Las Vegas. Com clima noturno e festivo, o site traduz um pouco desta cidade de Nevada para o visitante que navega por ela, usando muito impacto visual."

titulo12="Aruba"
texto12="Hotsite dinâmico, que traz a simplicidade como principal elemento para compôr com elegância as informações sobre o destino. Com estrelas que flutuam na tela, como marca d´água, todo o requinte da região de Aruba leva a navegação a um clima de sonho ensolarado, com o céu azul como principal imagem da página."

titulo13="Juquehy La Plage"
texto13="Hotel de primeira linha na cidade de São Sebastião, o site tem como principal idéia ser uma vitrine virtual das belezas dessa região do litoral, e das amenidades do hotel, que esbanja charme e conforto. O ponto forte é a galeria de fotos, que ilustra com capricho a região e a estrutura do hotel. Possui mapa dinâmico de localização integrado com Google Maps."

titulo14="Califórnia"
texto14="Projeto solicitado pela Nascimento Turismo, usa aspectos como a região de praias, as festas, o glamour e a diversão, traduzindo neste hotsite animado tudo o que o destino como Califórnia pode oferecer. Sempre ligado ao dinamismo e versatilidade dos formatos, o menu pode ser colocado em qualquer parte da tela, e informações e fotos aparecem em formatos diferentes, para trazer vida à navegação. É possível ainda navegar com tela cheia, dando mais impacto visual ao destino. Tem Google Maps como ferramenta de apoio."

titulo15="República Dominicana"
texto15="Esta página mistura o sangue latino, as praias paradisíacas e o céu azul ensolarado para trazer o visitante direto para o centro do verão do Caribe! "

titulo16="Nastur Incoming"
texto16="Site do Departamento de Receptivo Internacional da Nascimento Turismo. Foi desenvolvido de forma a criar um impacto para aguçar a vontade dos estrangeiros de conhecer as belezas e a simpatia do Brasil. Possui uma introdução para que enaltece tudo isso com fundo escurecido e o layout do site totalmente clean e de fácil consulta das principais cidades turísticas e seus resorts. É possível consultar preços, mas somente uma vez que tenha efetivado seu cadastro no site e esteja logado. Tem um robusto administrador onde o próprio cliente é capaz de alterar os preços, habilitar usuários e modificar as principais informações do site."

titulo17="Samsara"
texto17="Site de operadora de turismo focada em destinos exóticos. O desafio deste projeto foi apresentar de forma clara e completa toda gama de produtos/destinos oferecidos. A página inicial apresenta uma seleção de destinos onde não se repete nenhum produto que leva para o mesmo destinos valorizando a diversidade de opções. Além disso, ao navegar pelo menu, é possível detectar que a divisão dos produtos é pertinente às suas regiões e cada região é apresentada de forma que o produto de menor valor apareça em cima dos demais. Possui um banner animado destacando sempre 3 de seus destinos. Foi desenvolvido um gerenciador onde o próprio cliente está apto para alterar os valores e demais informações dos produtos."

titulo18="Termas Chillán"
texto18="Site da estação de esqui andina Termas de Chillan, no Chile. Voltada para brasileiros, o hotsite foi preparado para a temporada de inverno 2010, ressaltando a novidade do parcelamento de todo o pacote e consumo em 5 vezes sem juros. Animado, o site conta com uma imagem estática de fundo e a navegação é feita para levar o visitante a passear pela imagem, sentindo-se envolto pela neve. Com informações diretas, colocadas de forma objetiva em cada seção, a página traz a suavidade da queda dos flocos de neve para a navegação."

titulo19="Michael W. Smith"
texto19="Apresentação do cantor cristão Michael W Smith em São Paulo. A página dá destaque à contagem regressiva para os show, com dias, horas, minutos e segundos exibidos na página inicial. Com informações sobre a carreira do músico e notícias, o site tem trilha sonora e fundo dinâmico, que se transforma conforme a navegação vai acontecendo. Nele ainda é possível fazer download de wallpapers e acessar a página oficial de venda de ingressos online, tendo no rodapé os links para as redes sociais oficiais do evento, também sob os cuidados da Beweb."

titulo20=""
texto20=""
$(function() {	
	$(window).load(function(){
		$("#destaques .itens").animate({left: -3425}, 0);
		$("#destaques .itens").animate({left: 0}, 3000, ease);
		$("#site .conteudo #beweb").animate({left: 2000},0);
		$("#site .conteudo #beweb").animate({left: 0}, 3000, ease);
		$("#site .conteudo").animate({width: 0},0);
		$("#site .conteudo").animate({width: "100%"}, 1500, ease);
		$("#menu").animate({top: -150}, 0);
		$("#menu").animate({top: 0}, 1000, ease);
		
		//ativa btn home
		$("#menu .submenu .btn1 #b1").css('background-image','url(imagens/menu_selecionado.png)');
		$("#menu .submenu .btn2 #b2").css('background-image','url(imagens/transparencia.gif)');
		$("#menu .submenu .btn3 #b3").css('background-image','url(imagens/transparencia.gif)');
		$("#menu .submenu .btn1 #b1").css('cursor','normal');
		$("#menu .submenu .btn2 #b2").css('cursor','pointer');
		$("#menu .submenu .btn3 #b3").css('cursor','pointer');
		menuS=1;
	});	
	//paginação
	$("#paginacao .item1").click(function(){
		$("#destaques .itens").animate({left: 0}, 2000, ease);
		document.getElementById("paginacao1").src="imagens/paginacao1.png";
		document.getElementById("paginacao2").src="imagens/paginacao2.png";
		document.getElementById("paginacao3").src="imagens/paginacao2.png";
		document.getElementById("paginacao4").src="imagens/paginacao2.png";
		document.getElementById("paginacao5").src="imagens/paginacao2.png";
		document.getElementById("paginacao6").src="imagens/paginacao2.png";
	});
	$("#paginacao .item2").click(function(){
		$("#destaques .itens").animate({left: -910}, 2000, ease);
		document.getElementById("paginacao1").src="imagens/paginacao2.png";
		document.getElementById("paginacao2").src="imagens/paginacao1.png";
		document.getElementById("paginacao3").src="imagens/paginacao2.png";
		document.getElementById("paginacao4").src="imagens/paginacao2.png";
		document.getElementById("paginacao5").src="imagens/paginacao2.png";
		document.getElementById("paginacao6").src="imagens/paginacao2.png";
	});
	$("#paginacao .item3").click(function(){
		$("#destaques .itens").animate({left: -1595}, 2000, ease);
		document.getElementById("paginacao1").src="imagens/paginacao2.png";
		document.getElementById("paginacao2").src="imagens/paginacao2.png";
		document.getElementById("paginacao3").src="imagens/paginacao1.png";
		document.getElementById("paginacao4").src="imagens/paginacao2.png";
		document.getElementById("paginacao5").src="imagens/paginacao2.png";
		document.getElementById("paginacao6").src="imagens/paginacao2.png";
	});
	$("#paginacao .item4").click(function(){
		$("#destaques .itens").animate({left: -2510}, 2000, ease);
		document.getElementById("paginacao1").src="imagens/paginacao2.png";
		document.getElementById("paginacao2").src="imagens/paginacao2.png";
		document.getElementById("paginacao3").src="imagens/paginacao2.png";
		document.getElementById("paginacao4").src="imagens/paginacao1.png";
		document.getElementById("paginacao5").src="imagens/paginacao2.png";
		document.getElementById("paginacao6").src="imagens/paginacao2.png";
	});
	$("#paginacao .item5").click(function(){
		$("#destaques .itens").animate({left: -3425}, 2000, ease);
		document.getElementById("paginacao1").src="imagens/paginacao2.png";
		document.getElementById("paginacao2").src="imagens/paginacao2.png";
		document.getElementById("paginacao3").src="imagens/paginacao2.png";
		document.getElementById("paginacao4").src="imagens/paginacao2.png";
		document.getElementById("paginacao5").src="imagens/paginacao1.png";
		document.getElementById("paginacao6").src="imagens/paginacao2.png";
	});
	$("#paginacao .item6").click(function(){
		$("#destaques .itens").animate({left: -4340}, 2000, ease);
		document.getElementById("paginacao1").src="imagens/paginacao2.png";
		document.getElementById("paginacao2").src="imagens/paginacao2.png";
		document.getElementById("paginacao3").src="imagens/paginacao2.png";
		document.getElementById("paginacao4").src="imagens/paginacao2.png";
		document.getElementById("paginacao5").src="imagens/paginacao2.png";
		document.getElementById("paginacao6").src="imagens/paginacao1.png";
	});
	//Menu Principal #1
	$("#menu .submenu .btn1 #b1").click(function(){
		if(menuS!=1){
			$("#menu .submenu .btn1 #b1").css('background-image','url(imagens/menu_selecionado.png)');
			$("#menu .submenu .btn2 #b2").css('background-image','url(imagens/transparencia.gif)');
			$("#menu .submenu .btn3 #b3").css('background-image','url(imagens/transparencia.gif)');
			$("#menu .submenu .btn1 #b1").css('cursor','normal');
			$("#menu .submenu .btn2 #b2").css('cursor','pointer');
			$("#menu .submenu .btn3 #b3").css('cursor','pointer');
			menuS=1;
			$("#site .conteudo #beweb").animate({left: 0}, 3000, ease);
			$("#destaques").animate({height: 135}, 3000, ease);
			$("#site").animate({top: 280}, 3000, ease);
			$("#paginacao").css('display','block');
		}
	});	
	$("#menu .submenu .btn1 #b1").mouseover(function(){
		if(menuS!=1){
			$(this).css('background-image','url(imagens/m_o.png)');
		}
	});
	$("#menu .submenu .btn1 #b1").mouseout(function(){
		if(menuS!=1){
			$(this).css('background-image','');
		}
	});
	//Menu Principal #2
	$("#menu .submenu .btn2 #b2").click(function(){
		if(menuS!=2){
			$("#menu .submenu .btn1 #b1").css('background-image','url(imagens/transparencia.gif)');
			$("#menu .submenu .btn2 #b2").css('background-image','url(imagens/menu_selecionado.png)');
			$("#menu .submenu .btn3 #b3").css('background-image','url(imagens/transparencia.gif)');
			$("#menu .submenu .btn1 #b1").css('cursor','pointer');
			$("#menu .submenu .btn2 #b2").css('cursor','normal');
			$("#menu .submenu .btn3 #b3").css('cursor','pointer');
			menuS=2;
			$("#site .conteudo #beweb").animate({left: -2000}, 3000, ease);
			$("#destaques").animate({height: 0}, 3000, ease);
			$("#site").animate({top: 140}, 3000, ease);
			$("#paginacao").css('display','none');
		}
	});	
	$("#menu .submenu .btn2 #b2").mouseover(function(){
		if(menuS!=2){
			$(this).css('background-image','url(imagens/m_o.png)');
		}
	});
	$("#menu .submenu .btn2 #b2").mouseout(function(){
		if(menuS!=2){
			$(this).css('background-image','');
		}
	});
	//Menu Principal #3
	$("#menu .submenu .btn3 #b3").click(function(){
		if(menuS!=3){
			$("#menu .submenu .btn1 #b1").css('background-image','url(imagens/transparencia.gif)');
			$("#menu .submenu .btn2 #b2").css('background-image','url(imagens/transparencia.gif)');
			$("#menu .submenu .btn3 #b3").css('background-image','url(imagens/menu_selecionado.png)');
			$("#menu .submenu .btn1 #b1").css('cursor','pointer');
			$("#menu .submenu .btn2 #b2").css('cursor','pointer');
			$("#menu .submenu .btn3 #b3").css('cursor','normal');
			menuS=3;
			$("#site .conteudo #beweb").animate({left: -4000}, 3000, ease);
			$("#destaques").animate({height: 135}, 3000, ease);
			$("#site").animate({top: 280}, 3000, ease);
			$("#paginacao").css('display','block');
		}
	});	
	$("#menu .submenu .btn3 #b3").mouseover(function(){
		if(menuS!=3){
			$(this).css('background-image','url(imagens/m_o.png)');
		}
	});
	$("#menu .submenu .btn3 #b3").mouseout(function(){
		if(menuS!=3){
			$(this).css('background-image','');
		}
	});

});