/*
 * @autor: tadeu luis
 * @email: anestesya@gmail.com
 * @empresa: www.guenka.com.br
 * @data: 26/02/2010
 */
 jQuery(function($){
	
	//browser hacks
	var isIE6 = navigator.userAgent.toLowerCase().indexOf('msie 6') != -1;
	var isIE7 = navigator.userAgent.toLowerCase().indexOf('msie 7') != -1;
	
	if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent) && navigator.userAgent.indexOf('Linux')) {
	   $('#suporte').css('top', '43px');
	   $('#atendimento').css('top', '73px');
	   $('#nav li a').css('height', '30px');
	 }else if(/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){
	   $('#suporte').css('top', '45px');
	   $('#atendimento').css('top', '77px');
	}
 	//ativa menu
	if($('body').attr('class') == 'index'){
		$('.links').menu();	
		$('#controles').hide();
		
		//cria animação de imagens na página inicial
		//carrega a imagen abaixo, usa o novo conceito de passagem de eventos 
		//multiplos para um objeto da jQuery.
		//na lib jQuery1.4;
		var animBanner = {
			
			//faz carregamento prévio das imagens
			preloadImages: function(){
				var imagens = new Array();
				//caso o navegador seja ie6 muda-se as imagens.
				if(isIE6){
					imagens[0] = "assets/templates/pt_guenka/images/ie/ilu_producao.jpg";
					imagens[1] = "assets/templates/pt_guenka/images/ie/ilu_outsourcing.jpg";
					imagens[2] = "assets/templates/pt_guenka/images/ie/ilu_producao.jpg";
					imagens[3] = "assets/templates/pt_guenka/images/ie/ilu_inovacao.jpg";
					imagens[4] = "assets/templates/pt_guenka/images/ie/selecionar_item.jpg";
		  			imagens[5] = "assets/templates/pt_guenka/images/ie/selecionar_item_segmentos.jpg";
		   			imagens[6] = "assets/templates/pt_guenka/images/ie/selecionar_item_pesquisa.jpg";
		   			imagens[7] = "assets/templates/pt_guenka/images/ie/selecionar_item_ambiente.jpg";
				}else{
					//para todos os navegadores com suporta a transparência do PNG.
					imagens[0] = "assets/templates/pt_guenka/images/ilu_producao.png";
					imagens[1] = "assets/templates/pt_guenka/images/ilu_outsourcing.png";
					imagens[2] = "assets/templates/pt_guenka/images/ilu_producao.png";
					imagens[3] = "assets/templates/pt_guenka/images/ilu_inovacao.png";
					imagens[4] = "assets/templates/pt_guenka/images/selecionar_item.png";
		  			imagens[5] = "assets/templates/pt_guenka/images/selecionar_item_segmentos.png";
		   			imagens[6] = "assets/templates/pt_guenka/images/selecionar_item_pesquisa.png";
		   			imagens[7] = "assets/templates/pt_guenka/images/selecionar_item_ambiente.png";
				}

				var objImage = new Array();
                //assets/templates/pt_guenka/
				for(var i=0; i<imagens.length; i++){
					objImage[i] = new Image();//cria um objeto que irá guardar o vetor de imagens;
					objImage[i].src = imagens[i];
				}
				return objImage;
			},//fim preloadImages()
			
			insereImagem: function(div, img, index){
						$(div).find('img').animate({
							opacity: 0
						}, 2500).remove();
						
						$('<img />', {
							id: index,
							src: img,
							alt: 'imagem ilustrativa',
							css: {opacity: 0}
						}).appendTo(div).animate({opacity: 1}, 2000);
			},//fim insereImagem()
			
			animaImagens: function(delay, idx){
				var imgs = animBanner.preloadImages();
				if(delay == 'undefined'){delay = 500;}
			    var contador = 0;
				setInterval(function(){
					animBanner.insereImagem('#banner', imgs[contador].src, contador);
				    if( contador >= 3) {contador=0;}
					else{contador+=1;}
				}, delay);
			}
		};
		
	    	animBanner.animaImagens(7000);
			//inicia animação do banner();
				
	}//fim dos eventos executados na página inicial.
	
	if($('body').is("#solucoes")){
		//faz fade no menu principal.
		 $('#nav li').hover(function(e){ 
			$(this).find('ul').fadeIn('fast');
			if(isIE6){
				$(this).find('ul').css({
				     position: 'absolute',
					 top: 30, 
					 left: 0
				});				
			}
			
		}, function(){
			$(this).find('ul').fadeOut('fast');
			if(isIE6){
				$(this).find('ul').css({
				     position: 'absolute',
					 'left': '-100000px'
				});				
			}
		});//fim do fade;
			
		$(window).ready(function(){
			//vai ter que usar iframe ou jsonp
			$('#zendesk_guenka').bind('ready load', function(){
					$('#carregador').fadeOut('fast', function(){
							$(this).remove();
					});
					$.facebox({div:'#zendesk_guenka'});
			});
			
			//apaga as informações que estão escondidas.
			$('#informacao_extra img').each(function(){
				if($(this).attr('src') == ""){
					$(this).next().remove();
					$(this).remove();
				}
			});
	
			if( $('#downloads ul li a').attr('href') == "" ||  $('#downloads ul li a').attr('href') == "#" ){
    		 $('#downloads').remove();
			}else {
			 $('#downloads').css({height:0, display:'block'}).animate({height:'135px'}, 600);
			}
		});
		
		
		if($('#informacao_secao')[0]){
			//dica de desempenho, arazene os dados em uma variavel local.
			var $infoP = $('#informacao_secao p');
			
			$('#aumentar_fonte, #diminuir_fonte').bind({click: function(){
				var $this = $(this);
				var fonte = parseInt($infoP.css('fontSize').replace('px', ''));
				if( $this.is('#aumentar_fonte')){
					fonte++;
					if(fonte > 25){fonte = 20;}
					$infoP.css('fontSize', fonte+'px');
					$infoP.css('lineHeight', '1.1');
				}
				
				if( $this.is('#diminuir_fonte')){
					fonte--;
					if(fonte < 10){ fonte = 10;}
					$infoP.css('fontSize', fonte+'px');
					$infoP.css('lineHeight', '1.1');
				}
				
				return false; 
			}, 
			
			  mouseover: function(){
			  	var cor="", section = $('.B_crumbBox').find('li:eq(2) a').text().toLowerCase();
			  	
				if( section =='segmentos'){cor = "#066f4a"}
				else if( section =='pesquisa & inovação'){cor = "#946725"}
				else if( section =='ambiente guenka'){cor = "#941700"}
				else {cor = "#002c48"}
	
			  	$(this).css('text-shadow','1px 1px 2px '+cor); 
			  },
			  
			  mouseout: function(){
			  	$(this).css('text-shadow','2px 1px 8px #000');
			  }
			});
		}
	}
	
	//coloca seta no item atual do sumário.
	if($('#sumario')[0]){
		var $sumario = $('#sumario');
			$('.seta').not(':visible').remove(); //remove do DOM o elemento de seta que não é visivel 
		    if ( $sumario.find('.active')[0] ) {
				$('.ativo').find('.seta').remove();
				$('.ativo').removeClass();
				
				$sumario.find('.active').append('<span class="seta">&nbsp;</span>');
				$sumario.find('.active').addClass('ativo');
			}	
	 }
	
	//anima os tópicos das páginas de intermédio.
	if($('#topicos_desta_secao')[0]){
		$topicos = $('#topicos_desta_secao li');
		$topicos.hover(function(){
		          $this = $(this);
				  var bottom = '-45px'; //valor default para subir.
                  if( $this.css('height') == '320px' ){bottom = '-115px';}
				  $this.css('cursor', 'pointer').find('p').stop().find('.first').hide().end().animate({bottom: bottom}, {queue:false, duration:300});
		  }, function(){
			 var $this = $(this);
			 var bottom = '-178px'; //valor default para descer
				if( $this.css('height') == '320px' ){bottom = '-432px';}
			 $this.find('p').stop().animate({bottom:bottom}, {queue:false, duration:300}).find('.first').show();
		  });//fim do hover()
		  
		  $topicos.click(function(){
		  	window.location = $this.find('a').attr('href');
			return false;
		  });
	}//fim do if
	
    //quando a página der scroll ou o mouse estiver sobre o elemento.
	//mostrar elementos do menu.
	if($('#mapadosite ul')[0]){
		if(!isIE6) {
			if(!isIE7){
			   var $mapa = $('#mapadosite ul');
			   $mapa.hide();
				//quando scroll acontecer mostra o mapa do site.
				$(window).scroll(function(e){
					$mapa.slideDown('slow');
			    });
				//caso o mouse passe sobre os títulos do menu, mostra o mapa do site.
			    $('#mapadosite h3').hover(function(){
			    	$mapa.slideDown('slow');
			    });
			}
		}
	}
		
	/* Elementos de Formulário ******
	 * ******************************
	 * detecta quando um radio box é marcado no formulário
	 */
	if($('#curriculo')[0]){
		//esconde caixa de login, e as apresenta quando o botão login for clicado.
		if($('#registrar_login')[0]){
			$('#login').click(function(){
				if( $('#logar').not(':visible') ){
					$('#logar').slideDown();					
				}	
				return false;
			});
		}
		//caso o usuário clicar em registrar, o formulário é apresentado.
		$('#registrar').click(function(){
				if( $('#curriculo').not(':visible') ){
					$('#curriculo').slideDown();					
				}	
				return false;
		});
	    //coloca mascará nos ids.
  	   $("#cr_datanasc, #cr_data_admissao, #cr_data_desligamento").mask("99/99/9999");
  	   $('input[type="tel"]').mask("(99) 9999-9999");

		//marca checkbox de uma maneira mais criativa.
		$('input[type="radio"]').click(function(){
				
				//adiciona cor, sombra e fundo no input
				$('input[type="radio"]').parent().css({
					backgroundColor: '#EFEFEF',
					color: '#B8B8B8;',
					textShadow: 'none'
				});
			
				//coloca cor e sombra no texto do label do input.
				$(this).parent().css({
					backgroundColor: '#f1e5e5',
					color: '#fff;',
					textShadow: '1px 1px 1px #fff'
				});

			return false;
		  });//fim do marca checkbox
		
		//SE A PÁGINA FOR CARREGADA, LIMPAR OS INPUTS.
		$("form").each(function() {
			this.reset();
		});


		//apaga o texto de dentro da input ou textarea, quando o elemento for acessado
		var input_swap_value = "";
		$('input[type="text"], input[type="tel"], input[type="time"], textarea').focus(function(){
			$this = $(this);
 			input_swap_value = $this.val();
			//$this.val(""); //linha que apagua o texto do input
			
			$this.css('color', 'black');
			
			var y = $this.offset().top, x = $this.offset().left + $this.width() + 15;
			//adiciona caixa de dica sobre o campo.
			if ($this.attr('alt') != ""){
				$('<div id="dicas_formulario"><span>'+$this.attr('alt')+'</span></div>')
					.appendTo('body').css({
						position: 'absolute',
						top: y,
						'left':x,
						'z-index':10,
						width: ($this.attr('alt').length < 50 ) ? '150px' : $this.attr('alt').length+70+'px'
					});
			 }
		 }); 
		
		//quando o elemento de texto perde o focus,
		//verifica se existe valor na caixa, caso contrário
		//coloca o valor original.
		$('input[type="text"], input[type="tel"], input[type="time"], textarea').blur(function(){
			
			$('#dicas_formulario').fadeOut('fast', function(){$(this).remove();});
			
			if ($(this).val() == "") {
				$(this).val(input_swap_value);
				$(this).css('color', 'black')
			}
			else {
				$(this).css('color', 'black');
			}
			
		});//fim do perder focus
		
		/* Ações para o formulário de curriculo temporário
		 *       apagar estas ações quando o curriculo principal for implementado.
		 */
		$('#enviar_cur').click(function(){
			//valida email.
			var email_validation_regex = /(.*)@(.*).*/, email = $('#cr_email').val();
			if (!(email == "exemplo@email.com")) {
				if (email.match(email_validation_regex)) {
					if( $('#cr_email_confirm').val() == email ){
						//valida anexo, que só vai aceitar nos formatos *.doc, *.docx, *.odt, *.pdf. *.txt
						var arquivo = $('#cr_anexo').val(), format_regex = /(.doc|x)$|(.odt)$|(.pdf)$|(.txt)$/;
						if(arquivo.match(format_regex)){
							alert('Obrigado! Seu curriculo foi enviado com sucesso para o departamento de RH da Guenka Software.');
						}else{
							alert('Arquivo anexado com formato inválido');
							return false;
						}
					}else{
						alert('Os emails não são iguais.');
						return false;
					}
				}
			}else {
					alert('Endereço de email invalido!');
					return false;
			}
			
		});
	}//fim do curriculo
	
});//fim do jQuery()

