var reserva = {
	id_mesa : 	null,
	id_festa : null,
	voto2 :null,
	overlay_wrapper : 	null,
	overlay_panel   : 	null,
	mesas	: null,
	
	init:function(id,id_festa){
		this.id	= id;
		table = document.getElementById(id);
		table.style.display="none";
		this.table = table;
		this.id_festa =  id_festa;
		
		$.post("pegaReservas.php", { id_festa: id_festa },
			function(data){
				reserva.mesas = data;
				reserva.show_overlay();
			})
		
	},
	
	
	show_overlay:function(){
		if(!this.overlay_wrapper){
			this.append_overlay();
		}else{
			$("#flash-reserva").html("");
			this.montaFlash();
		}
		this.overlay_wrapper.fadeIn(700);
		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());
		this.montaFlash();
	},
	
	hide_overlay:function() {
		   if(this.id_mesa==null){
		    $j('#mostra5').html('<img src="imagens/img-alert2.gif" width="48" height="32" alt="" />   Ops! Selecione uma mesa".');	
			return false;
		  }else{
			   reserva2.init(this.id_mesa,this.id_festa);
			   this.overlay_wrapper.fadeOut(700);
			   $j('#mostra5').hide();
		   }
	},
		
	
	sair:function() {
		this.overlay_wrapper.fadeOut(700);
		this.id_mesa = null,
		$j('#mostra5').hide();
		table.style.display="block";
	},
	
	limpar:function() {
		$j('#nome_banda').val("");
		$j('#genero').val("");
		$j('#referencia').val("");
		$j('#cache').val("");
		$j('#mostra').hide();
	},
	
	montaFlash:function(){
		swfobject.embedSWF("reservas.swf?var_p="+this.mesas, "flash-reserva", "656", "559", "9.0.0");
	},
	
	getHTML:function(){
		var flash =  '<div id="corpo">\
		    	<div id="popup-form-reserva" class="newsletter">\
					<div class="head">\
						<p class="popup-head-news"><span>1&deg; ETAPA</span> - ESCOLHA A POSI&Ccedil;&Atilde;O DA SUA MESA<a href="javascript:void(0)" onclick="reserva.sair()" class="bt2-cancel">[ x ]</a></p>\
					<hr />\
						<p class="head2-news">\\\\ the cavern.<span> RESERVA DE MESAS</span></p>\
						<hr class="separador2" />\
					</div>\
					<div id="popup-conteudo">\
						<div id="flash-reserva">\
						</div>\
				        <ul>\
							<li id="titulo">LEGENDA:</li>\
							<li class="legenda" id="disp">dispon&iacute;vel</li>\
							<li class="legenda" id="rese">reservada</li>\
							<li class="legenda" id="sele">selecionada</li>\
						</ul>\
					</div>\
					<div id="popup-footer01">\
						<hr class="separador2" />\
						<div class="popup-mess-form">\
								<strong id="mostra5"></strong>\
								</p>\
						</div>\
						<div id="botoes">\
							<a href="javascript:void(0)" onclick="reserva.sair()" class="reserva-botao" id="bt-no">\\\\ N&Atilde;O</a>\
							<a href="javascript:void(0)" onclick="reserva.hide_overlay()" class="reserva-botao" id="bt-ok">\\\\ SIM</a>\
						</div>\
					</div>\
				</div>\
			</div>';
		return flash;
	},
	
	validaForm:function(){
		$j('#mostra').show();
		
		if(!this.validaCampo(this.nome_banda.val())){
			this.nome_banda.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.validaCampo(this.genero.val())){
			this.genero.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 "gênero".');	
			return false;
		}else if(!this.validaCampo(this.cache.val())){
			this.cache.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 "cachê".');	
			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;	
	},
	
	selecionarAjaxMesa:function(ids_mesa){
		this.id_mesa = ids_mesa;
		$j('#mostra5').html(' <p>Voc&ecirc; selecionou a mesa <span id="n-mesa">n<sup>o</sup>: '+ids_mesa+',</span> deseja avan&ccedil;ar com a reserva?</p>');	
		//this.hide_overlay(id_mesa);
	}
};