var reserva2 = {
	id_mesa :null,
	nome3: null,
	email3 : null,
	telefone3 : null,
	overlay_wrapper : 	null,
	overlay_panel   : 	null,
	
	init:function(id_mensa,id_festa){
		this.id_festa	 = id_festa;
		this.id_mesa	 = id_mensa;
		this.show_overlay();
	},

	show_overlay:function(){
		if(!this.overlay_wrapper) 
			this.append_overlay();
    	this.overlay_wrapper.fadeIn(700);
		this.nome3 = $j('#nome3');
		this.email3 = $j('#email3');
		this.telefone3 = $j('#telefone3');
		//this.abilitaBotoes();
	},
	
	append_overlay:function(){
		this.overlay_wrapper = $j('<div id="overlay"></div>').appendTo($j('BODY'));
		this.overlay_panel = $j('<div id="overlay-panel"></div>').appendTo(this.overlay_wrapper);
		this.overlay_panel.html(this.getHTML());
	},
	
	
	sair:function() {
		this.overlay_wrapper.fadeOut(700);
		reserva.overlay_wrapper.fadeOut(700);
		$j('#nome3').val("");
		$j('#email3').val("");
		$j('#telefone3').val("");
		$j('#mostra6').hide();
		table = document.getElementById('flicker');
		table.style.display="block";
	},
	
	hide_overlay:function() {
		reserva3.init();
		this.overlay_wrapper.fadeOut(700);
		$j('#nome3').val("");
		$j('#email3').val("");
		$j('#telefone3').val("");
		$j('#mostra2').hide();
	},
	
	getHTML:function(){
		var flash = '<div id="corpo">\
		       <div id="popup-form-reserva" class="newsletter">\
					<div class="head">\
						<p class="popup-head-news"><span>2&deg; ETAPA</span> - PREENCHA SEUS DADOS<a href="javascript:void(0)" onclick="reserva2.sair()" class="bt2-cancel">[ x ]</a></p>\
						<hr class="separador2" />\
						<p class="head2-news">\\\\ the cavern.<span> RESERVA DE MESAS</span></p>\
						<hr class="separador2" />\
					</div>\
					<div id="conteudo-tela2">\
						<p class="head2-news">Para confirmar a reserva, preencha seus dados e confirme.</p>\
						<p id="mesa">MESA ESCOLHIDA:<span>'+this.id_mesa+'</span></p>\
						<form action="" method="post">\
							<div class="dados" id="nomeC">\
									<fieldset>\
									<span class="input-title">NOME COMPLETO:</span>\
									<input type="text" name="nome" id="nome3" class="nome3" />\
									</fieldset>\
							</div>\
							<div class="dados" id="mail">\
									<fieldset>\
									<span class="input-title">E-MAIL:</span>\
									<input type="text" name="email3" id="email3" />\
									</fieldset>\
							</div>\
							<div class="dados" id="fone">\
									<fieldset>\
									<span class="input-title">TELEFONE:</span>\
									<input type="text" name="telefone3" id="telefone3" />\
									</fieldset>\
							</div>\
						</form>\
						<div class="mess2-form">\
							   <strong id="mostra6"></strong>\
						</div>\
					</div>\
					<div id="popup-footer01">\
					<hr class="separador2" />\
						<div id="botoes2">\
							<a href="javascript:void(0)" onclick="reserva2.sair()" class="botao" id="bt2-no">\\\\ cancelar</a>\
							<a href="javascript:void(0)" onclick="reserva2.validaForm()" class="botao" id="bt-ok">\\\\ CONFIRMAR RESERVA</a>\
						</div>\
					</div>\
			</div>\
		<div>';
		return flash;
	},
	
	requestAjaxEmail:function(){
		$j('#mostra6').ajaxStart(function(){
			$j(this).show();
		});
		
		$j('#mostra6').ajaxStop(function(){});
		
		$j.get("salvaReserva.php",{id_festa:this.id_festa,id_mesa:this.id_mesa,nome:this.nome3.val(),email:this.email3.val(),telefone:this.telefone3.val()},function(data){
			if(data==1){
				reserva2.hide_overlay();
			}else{
				$j('#mostra6').html('<img src="imagens/img-alert.gif"  height="32" width="48" alt=""/>   Erro ao efetuar sua reserva...');
			}
		});
	},
	
	validaForm:function(){
		$j('#mostra6').show();
		
		if(!this.validaCampo(this.nome3.val())){
			this.nome3.focus();
			$j('#mostra6').html('<img src="imagens/img-alert2.gif" width="48" height="32" alt="" />   Ops! Você não está esquecendo de nada, não? Preencha o campo "nome".');	
			return false;
		}else if(!this.validaEmail(this.email3.val())){
			this.email3.focus();
			$j('#mostra6').html('<img src="imagens/img-alert2.gif" width="48" height="32" alt="" />   Ops! Você não está esquecendo de nada, não? Preencha o campo "email".');	
			return false;
		}else if(!this.validaCampo(this.telefone3.val())){
			this.telefone3.focus();
			$j('#mostra6').html('<img src="imagens/img-alert2.gif" width="48" height="32" alt="" />  Ops! Você não está esquecendo de nada, não? Preencha o campo "telefone".');	
			return false;
		}else{
			$j('#mostra6').html('<img src="imagens/img-alert2.gif" width="48" height="32" alt="" /> Efetuando a reserva...');
			this.requestAjaxEmail();
		}
	},

	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;	
	}
};