﻿/***************************************
  @desenvolvido por ZONAInternet.com
  @responsavel Jadson Moreira
  @05/10/2011
  @Folha de Estilo principal
****************************************/

	$(document).ready(function(){

		//navegação abas em shopping detail
		$('.shoppingAba li').click(function(){
			//removendo classe ativo
			$('.shoppingAba li').removeClass('ativo');
			//adiciona a classe ativo a aba clicada
			$(this).addClass('ativo');			
			//checa se as abas possuem um id
			if (!$('.abaConteudo').attr('id')){
				//percorrendo as divs de conteudo para atribuir um id
				$('.abaConteudo').each(function(index){
					$(this).attr('id','abaConteudo'+index);
				});
			}			
			//aba de conteudo a ser mostrada
			//prefixo '#abaConteudo' + o index do item que foi clicado na aba
			var abaConteudo = '#abaConteudo'+$(this).index();			
			//ocultando todas as abas
			$('.abaConteudo').addClass('hide');			
			//mostrando apenas a aba de conteudo relativa ao iten clicado no menu
			$(abaConteudo).removeClass('hide');
		});
		
			//campo nome nao aceitar numeros
			$('#nome').isCharacterKey();
		
			//menu
		    $('.mainMenu .subMenu').mouseover(function() {
		        //abrir opcoes menu dropdown
		        $(this).children('ul').show();
		    });

		    $('.mainMenu .subMenu').mouseout(function() {
		        //fecha opcoes do menu dropdown
				$(this).children('ul').hide();
		    });	
			
			$('.mainMenu li').mouseover(function(){
				//pegando o id do elemento que será aplicado o hover
				var idMenu = '#'+$(this).attr('id');
				$(idMenu+' span a').addClass('ativo');
			});
			
			$('.mainMenu li').mouseout(function(){
				//pegando o id do elemento que será aplicado o hover
				var idMenu = '#'+$(this).attr('id');
				$(idMenu+' span a').removeClass('ativo');
			});
			
		    //fim menu
			
			//centralizando o nav do slide
			var largNav = $('#nav').width(),
			posLeftNav = (920 - largNav)/2;			
			$('#nav').css({'margin-left':posLeftNav});
			
		//iniciando o erro com zero;	
		erro = 0;
		//função campo requerido, recebe como parametro o id do campo e a mensagem
		function requerido(campo,msg){
			//removendo erro para evitar duplicidade
			$(campo).prev('.erro').remove();
			//verifica se o campo é nulo
			if (!$(campo).val()) {
				//setando o erro em zero
				erro = 0;
				//se for nulo, adiciona o spam e mensame de erro
				$(campo).before($('<span/>').addClass('erro').text(msg));
				//seta o erro em um
				erro = 1;
			}
			//retorna o erro para o submit
			return erro;
		}
		
		function validaEmail(campo,msg) {			
			er = /^[a-zA-Z0-9][a-zA-Z0-9\._-]+@([a-zA-Z0-9\._-]+\.)[a-zA-Z-0-9]{2}/;
			//checa se a expressao irregular é invalida e se o campo de email é diferente de null
			if(!er.exec($(campo).val()) && $(campo).val())
				{
					//removendo erro para evitar duplicidade
					$(campo).prev('.erro').remove();
					//setando o erro em zero
					erro = 0;
					//se for nulo, adiciona o spam e mensame de erro
					$(campo).before($('<span/>').addClass('erro').text(msg));
					//seta o erro em um
					erro = 1;
				} 
			//retorna o erro para o submit
			return erro;
		}
		
		//validação dos campos
		$('.formContato').submit(function(){		
			//chama a funçao requerido, passando como parametro o id do campo e a mensagem
			requerido('#nome','O campo nome é requerido.');
			requerido('#email','O campo email é requerido.');
			requerido('#mensagem','O campo mensagem é requerido.');
			validaEmail ('#email','E-mail invalido.');
			
			//reurnt false para o submit
			if (erro == 0) {
				//remove todas as mensagens de erro
				$('.erro').remove();
				return true;
			}
			
			//se erro igual a zero, return true para o submit do form
			else {
				return false;
			}
			
		});
		
		
		//validação dos campos
		$('.busca').submit(function(){		
			//chama a funçao requerido, passando como parametro o id do campo e a mensagem
			requerido('.campoBusca','Digite o termo para pesquisar.');
			
			//reurnt false para o submit
			if (erro == 0) {
				//remove todas as mensagens de erro
				$('.busca .erro').remove();
				return true;
			}
			
			//se erro igual a zero, return true para o submit do form
			else {
				return false;
			}
		});
		
		//galeria, ampliando a imagem
		$('.galeriaCentro a').click(function(){
			//url da imagem ampliada
			var urlImagem = $(this).attr('href');
			//inserindo a imagem no container
			$('.containerGaleria img').attr('src',urlImagem);
		});
		
	});
		
		//campos do formulario		
		//aceitar apenas caracteres		
		$.fn.isCharacterKey = function() {
			$(this).keypress(function(event) {
				var charCode = (event.which) ? event.which : event.keyCode
				var character = String.fromCharCode(charCode);
				if (character.match(/[\D\b\t]/)){ return true; }
				return false;
			});
		}
