var news1 = {
	nomenews  :	null,
	emailnews	:	null,
	overlay_wrapper : 	null,
	overlay_panel   : 	null,

	init:function(id){
		this.id	  = 	id;
		table = document.getElementById(id);
		table.style.display="none";
		this.table	  = 	table;
		this.show_overlay();
	},
	
	
	show_overlay:function(){
		if(!this.overlay_wrapper) 
			this.append_overlay();
    	this.overlay_wrapper.fadeIn(700);		
		this.nomenews = $j('#nomenews');
		this.emailnews  = 	$j('#emailnews');
		this.abilitaBotoes();
	},
	
	append_overlay:function(){
		this.overlay_wrapper = $j('<div id="overlay" class="spaco"></div>').appendTo($j('BODY'));
		this.overlay_panel = $j('<div id="overlay-panel"></div>').appendTo(this.overlay_wrapper);
		this.overlay_panel.html(this.getHTML());
	},
	
	hide_overlay:function() {
		news2.init($j('#nomenews').val(),$j('#emailnews').val());
		this.overlay_wrapper.fadeOut(700);
		$j('#mostra').hide();
	},
	
	sair:function() {
		this.overlay_wrapper.fadeOut(700);
		$j('#nomenews').val("");
		$j('#emailnews').val("");
		$j('#mostra').hide();
		table.style.display="block";
	},
	
	limpar:function() {
		$j('#nomenews').val("");
		$j('#emailnews').val("");
		$j('#mostra').hide();
	},
	
	getHTML:function(){
		var flash =  '<div id="corpo">\
						<div id="container-popup">\
							<div id="popup-form-contato" class="newsletter">\
								<div class="head">\
									<p class="popup-head-news"><span>1&deg; ETAPA</span> - PREENCHA SEUS DADOS <a href="javascript:void(0)" onclick="news1.sair()" class="bt-cancel">[ x ]</a></p>\
								</div>\
									<form action="" method="post">\
										<p class="title-news">Receba as novidades do bar no seu e-mail.</p>\
											<fieldset>\
											<span class="input-title">NOME COMPLETO:</span>\
											<input type="text" name="nomenews" id="nomenews" class="entrada" />\
											</fieldset>\
											<fieldset>\
											<span class="input-title">E-MAIL:</span>\
											<input type="text" name="emailnews" id="emailnews" class="entrada" />\
											</fieldset>\
										<br /><br />\
										<div class="popup-mess-form">\
											  <strong id="mostra"></strong>\
											</p>\
										</div>\
									</form>\
									<div id="popup-footer-news">\
										<a href="javascript:void(0)" onclick="news1.limpar()" class="botao1-form" id="ok"><span>\\\\ LIMPAR</span></a>\
										<a href="javascript:void(0)" onclick="news1.validaForm()" class="botao1-form" id="enviar"><span id="bt2">\\\\ AVAN&Ccedil;AR</span></a>\
									</div>\
							</div>\
						</div>\
			</div>';
		return flash;
	},
	
	requestAjaxEmail:function(){
		$j('#mostra').ajaxStart(function(){
			$j(this).show();
		});
		
		$j('#mostra').ajaxStop(function(){});
		
		$j.get("nomeLista.php",{id_festa:this.id_festa,nome:this.nomelist.val(),email:this.emaillist.val(),fone:this.fonelist.val()},function(data){
			if(data==1){
				//$j('#mostra3').html('<img src="imagens/img-alert.gif"  height="32" width="48" alt=""/>   Cadastro efetuado com sucesso!');
				$j('#nomelist').val("");
				$j('#emaillist').val("");
				$j('#fonelist').val("");
				nomeLista2.init();
			}else{
				$j('#mostra3').html('<img src="imagens/img-alert.gif"  height="32" width="48" alt=""/>   Erro ao efetuar cadastro...');
			}
		});
	},
	
	validaForm:function(){
		$j('#mostra').show();
		
		if(!this.validaCampo(this.nomenews.val())){
			this.nomenews.focus();
			$j('#mostra').html('<img src="imagens/img-alert.gif"  height="32" width="48" alt=""/>   Ops! Você não está esquecendo de nada, não? Preencha o campo "nome".');	
			return false;
		}else if(!this.validaEmail(this.emailnews.val())){
			this.emailnews.focus();
			$j('#mostra').html('<img src="imagens/img-alert.gif"  height="32" width="48" alt=""/>   Ops! Você não está esquecendo de nada, não? Preencha o campo "email".');	
			return false;
		}else{
			this.hide_overlay();
		}
	},
	
	desabilitaBotoes:function(){
		$j('#enviar').removeClass("e");
		$j('#enviar').addClass("e-fecha");
		$j('#fechar').removeClass("f");
		$j('#fechar').addClass("f-fecha");
	},
	
	abilitaBotoes:function(){
		$j('#enviar').removeClass("e-fecha");
		$j('#enviar').addClass("e");
		$j('#fechar').removeClass("f-fecha");
		$j('#fechar').addClass("f");
		
	},
	
	validaCampo:function(valor){
		return valor.length>0?true:false;	
	},
	
	validaEmail:function(email){
		var regmail = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
		return regmail.test(email)?true:false;	
	}
};
