/**
 *
 * Hotsites: Sueli Adorni / Mariza Cundari
 *
 * http://www.tecdec.com.br/sueli-adorni/
 * http://www.tecdec.com.br/mariza-cundari/
 *
 **/
jQuery(function($)
{

	/**
	 *
	 * Validação do formulário de envio de mensagens
	 *
	 **/
	$('form#envio-de-mensagens').submit(function()
	{
	
		// Nome
		if(exists('input-nome'))
		{
			if(isEmpty('input-nome'))
			{
				alert('Informe seu nome');
				$('input#input-nome').focus();
				return false;
			}
		}
		else
		{
			return false;
		}
	
	
		// E-mail
		if(exists('input-email'))
		{
			if(isEmpty('input-email'))
			{
				alert('Informe seu e-mail');
				$('input#input-email').focus();
				return false;
			}
			else if(!validarCampo('email', $('input#input-email').val()))
			{
				alert('Informe um e-mail válido');
				$('input#input-email').focus();
				return false;
			}
		}
		else
		{
			return false;
		}
	
	
		// Mensagem
		if(exists('mensagem'))
		{
			if(isEmpty('mensagem'))
			{
				alert('Escreva uma mensagem');
				$('textarea#mensagem').focus();
				return false;
			}
			else if(lengthOf('mensagem', '<', 3))
			{
				alert('A mensagem deve ter, no mínimo, 3 caracteres...');
				$('textarea#mensagem').focus();
				return false;
			}
			else if(lengthOf('mensagem', '>', 500))
			{
				alert('A mensagem deve ter, no máximo, 500 caracteres...');
				$('textarea#mensagem').focus();
				return false;
			}
		}
		else
		{
			return false;
		}


		// Cria a imagem do "Carregando..." e a div que irá receber o retorno do envio da mensagem (alert)
		if($('div#loading').length == 0 && $('img#imgLoading').length == 0 && $('div#alert').length == 0)
		{
			var areaLoading	= '<div id="loading"></div>';
			var imgLoading	= '<img src="imagens/thickbox/loading.gif" alt="Carregando..." title="Carregando..." width="208" height="13" id="imgLoading" />';
			var areaDoAlert	= '<div id="alert"></div>';

			$('form#envio-de-mensagens fieldset').append(areaLoading + imgLoading + areaDoAlert);
		}


		// Exibe o "Carregando..."
		$('div#loading').show().css('opacity', 0.8);
		$('img#imgLoading').fadeIn('fast');


		// Após enviar a mensagem, se for emitido um alerta, esconde o "Aguarde..."
		function afterLoad()
		{
			$('div#loading').fadeOut('fast');
			$('img#imgLoading').fadeOut('fast');
		}

		// Submete o formulário via Ajax para evitar duplicidade na inserção
		$('div#alert').load($(this).attr('action'), {

			'nome':		$('input#input-nome').val(),
			'email':	$('input#input-email').val(),
			'mensagem':	$('textarea#mensagem').val()

		}, afterLoad );


		return false;

	});


	/**
	 *
	 * Cria o contador de caracteres para a mensagem
	 *
	**/
	contador = '<p id="contador"><span id="quant">300</span> caracteres restantes</p>';
	$('form#envio-de-mensagens fieldset').append(contador);

	var textArea = $('textarea#mensagem');
	var position = textArea.position();
	var txHeight = textArea.outerHeight();

	$('p#contador').css(
	{
		position	: 'absolute',
		left		: 0,
		top			: position.top + txHeight,
		display		: 'block',
		width		: '180px',
		height		: '18px',
		lineHeight	: '18px',
		textAlign	: 'left',
		fontSize	: '70%',
		color		: '#333',
		margin		: 0,
		padding		: '0 0 0 20px',
		background	: 'url(../imagens/bg-contador-2.gif) no-repeat left'
	});

	if($.browser.msie && $.browser.version == '6.0' || $.browser.version == '7.0')
	{
		$('p#contador').css('top', position.top + txHeight + 2);
	}

	$('p#contador span#quant').css('color', '#54184b');


	// Contador de caracteres (textarea)
	$('textarea#mensagem').keyup(function()
	{
		var textoDigitado = $(this).val();
		var caracterAtual = 0;

		if(textoDigitado)
		{
			texto = textoDigitado.substr(0, 300);
			caracterAtual = texto.length;
		}

		var caracteresRestantes = 300 - caracterAtual;

		$('p#contador').html('<span id="quant">' + caracteresRestantes + '</span> caracteres restantes');

		$('p#contador span#quant').css('color', '#54184b');

		if(caracteresRestantes <= 0)
		{
			$(this).attr('value', textoDigitado.substr(0, 300));
			$('p#contador').html('0 caracteres restantes');

			return false;
		}

	});


	/**
	 *
	 * Ativa o botão do formulário
	 *
	 **/
	$('button#btn-enviar').removeAttr('disabled');


});