/*
 * jQuery do Site
 *
 */
 
 /*
  * JanelaInformativa
  * Monta uma janela ToolTip Informativa para mostrar mensagem ao usuário quando executa uma açao
  * @objRef    -> Objeto referencia para posicionar o quadro
  * @posicao   -> Local onde será carregado a janela 
  *              [tl]: Padrao -> Top Esquerda
  *              [tr]: Top Direita
  *              [bl]: Baixo Esquerda
  *              [br]: Baixo Direita              
  * @msg       -> Texto que será exibido dentro da janela
  * @w_box     -> Tamanho da janela
  */
 function JanelaInformativa(objRef, posicao, msg, w_box)
 {
	 
	 //Cria e Aparece a janela
	 $('<div id="janMensagem"><\/div>')
	   .removeClass('fechado')
	   .addClass('aberto')
	   .css({width:  w_box+'px'})
	   .append('<span class="msg"><\/span>')
	   .fadeIn('slow')
	   .appendTo('body');
	 
	 //Insere a Mensagem
	 $('#janMensagem .msg').html(msg);
	 
	 var p_l = $(objRef).offset().left;
	 var p_t = $(objRef).offset().top;
	 var p_r = $(objRef).width();
	 var h_obj = $(objRef).height();
	 var h_box = $('#janMensagem').outerHeight();
	 
	 //Posiçoes da janela
	 var pos_top_cima  = p_t-12-h_box;
	 var pos_top_baixo = p_t+h_obj+12;
	 var pos_left_esq  = p_l-19;
	 var pos_left_dir  = p_l-w_box+70;
	 
	 //Posiçoes da Seta
	 var pos_top_cima_s  = pos_top_cima+h_box-1;
	 var pos_top_baixo_s = pos_top_baixo-14;
	 var pos_left_esq_s  = pos_left_esq+30;
	 var pos_left_dir_s  = p_l+12;   
	
	// Define posiçoes de Janela e Seta
	 switch(posicao)
	 {
		 case 'bl':
		   //Janela
		   var t_jan = pos_top_baixo;
		   var l_jan = pos_left_esq;
		   //Seta
		   var t_set = pos_top_baixo_s;
		   var l_set = pos_left_esq_s;
		 break;
		 case 'br':
		   //Janela
		   var t_jan = pos_top_baixo;
		   var l_jan = pos_left_dir;
		   //Seta
		   var t_set = pos_top_baixo_s;
		   var l_set = pos_left_dir_s;
		 break;
		 case 'tr':
		   //Janela
		   var t_jan = pos_top_cima;
		   var l_jan = pos_left_dir;
		   //Seta
		   var t_set = pos_top_cima_s;
		   var l_set = pos_left_dir_s;
		 break;
		 case 'tl':
		   //Janela
		   var t_jan = pos_top_cima;
		   var l_jan = pos_left_esq;
		   //Seta
		   var t_set = pos_top_cima_s;
		   var l_set = pos_left_esq_s;
		 break;
	 }
	
	// Posiciona a Janela
	$('#janMensagem')
	  .css({
		top:  t_jan+'px',
		left: l_jan+'px'
	  });
	  
	//Cria e posiciona a seta
	 $('<div id="'+Seta(posicao)+'"><\/div>')
	   .css({top: t_set+'px',left: l_set+'px'})
	   .fadeIn('slow')
	   .appendTo('body');
 }
 
 /*
  * Seta
  * Funçao que define qual Seta
  * @posicao   -> Estilo da seta 
  *              [tl]: janSetaTL
  *              [tr]: janSetaTR
  *              [bl]: janSetaBL
  *              [br]: janSetaBR 
  */
  function Seta(posicao)
  {
	switch(posicao)
	{
		case 'bl': var seta = 'janSetaBL'; break;
		case 'br': var seta = 'janSetaBR'; break;
		case 'tl': var seta = 'janSetaTL'; break;
		case 'tr': var seta = 'janSetaTR'; break;
	}
	return seta;
  }
  
 /*
  * ToolTip
  * @tempo  -> Tempo que a janela ficará aberta
  * @obj    -> Objeto Foco onde abrirá a janela
  * @jan    -> Posiçao da Janela
  * @msg    -> Texto dentro da jenela
  * @box    -> Largura da janela
  */
  function Tooltip(tempo, obj, jan, msg, box)
  {
	  if($('#janMensagem').hasClass('fechado') || ($('#janMensagem').hasClass('fechado') == false && $('#janMensagem').hasClass('aberto') == false))
	  {
	      JanelaInformativa(obj, jan, msg, box);
		  setTimeout(function()
		  { 
			   remJanela('#janMensagem, #'+ Seta(jan));
		  }, tempo);
	  }
  }
 
 /*
  * remJanela
  * Remove qualquer janela aberta no site
  * @janela    -> Objeto janela que será removido
  */
 function remJanela(janela)
 {
	 $(janela)
		.fadeOut('slow', function(){
		  $(this).remove();
		});
 }
 
$(function()
{
	var site = $('#Site').val();
	
	/*
	 * Preload de Imagens
	 * Carrega as imagens antes de usar para nao ter delay
	 */
	 $('body').append('<img src="'+site+'img/boxJanela/bl.png" style="display:none" />');
	 $('body').append('<img src="'+site+'img/boxJanela/br.png" style="display:none" />');
	 $('body').append('<img src="'+site+'img/boxJanela/tl.png" style="display:none" />');
	 $('body').append('<img src="'+site+'img/boxJanela/tr.png" style="display:none" />');
	
	/* 
	 * Cadastra News
	 * Comportamento da janela de informaçao
	 * -> Ao clicar no botao Enviar (#nEnviar) iniccia a validaçao
	 * -> Se o nome nao for preenchido, entao retorna mensagem de erro (JanelaInformativo)
	 * -> Se o e-mail nao estiver correto, entao retorna erro (JanelaInformativo)
	 * -> se OK, limpa os campos e retorna sucesso (JanelaInformativo)
	 */
	 var CadastraNews = function ()
	 {
		 //$('#nEnviar').unbind('click');
		 var jan = 'tl';
		 var box = '190';
		 var msg1= '&Eacute; necess&aacute;rio digitar o seu nome para concluir o cadastro.';
		 var msg2= '&Eacute; necess&aacute;rio digitar o seu e-mail para concluir o cadastro.';
		 var msg3= 'O e-mail digitado n&atilde;o &eacute; v&aacute;lido. Por favor, digite um e-mail v&aacute;lido.';
		 var msg4= 'O e-mail digitado j&aacute; consta em nosso banco de dados.';
		 var msg5= 'Cadastro efetuado com sucesso!';
		 
		 
		// if($('#nNome').val() != '' && $('#nNome').val() != null)
		// {
			 if($('#nEmail').val() != '' && $('#nEmail').val() != null)
			 {
				 
				 
				 $.get(site+'inc/funcNews.php',
				       {
						   envia: 'ok',
						   nNome: '', //$('#nNome').val(),
						   nEmail:$('#nEmail').val()
					   },
					   function(r)
					   {
						  if(r=='msg3')
						  {
							  Tooltip(7000, '#nEmail', jan, msg3, box);
							  $('#nEmail').focus();
						  }
						  else if(r=='msg4')
					      {
							  Tooltip(7000, '#nEmail', jan, msg4, box);
							  $('#nEmail').focus();
						  }
						  else if(r=='msg5')
						  {
							  Tooltip(6000, '#btOkNews', 'tr', msg5, box);
							  $('#nNome').val('');
							  $('#nEmail').val('');
						  }
					   }
				 );
				 
			 }
			 else
			 {
				Tooltip(6000, '#nEmail', jan, msg2, box); 
				$('#nEmail').focus();
			 }
		 /*}
		 else
	     {
			 Tooltip(6000, '#nNome', jan, msg1, box);
			 $('#nNome').focus();
		 }
		 */
	 }
	 
	 $('#btOkNews').bind('click', CadastraNews);
	 	
});