var news2 = {
	overlay_wrapper : 	null,
	overlay_panel   : 	null,
	nome		: 	null,
    email		:	null,
	ids_check	: 	[],
	marcado 	: 	[],
	
	init:function(nome,email){
		this.nome	= nome;
		this.email	= email;
		this.show_overlay();
	},
	
	show_overlay:function(){
	  if(!this.overlay_wrapper)
	    this.append_overlay();
	     this.overlay_wrapper.fadeIn(700);
	},
	
	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());
		this.getGeneros();
	},
	
	getGeneros:function(){
		$j('#mostra4').ajaxStart(function(){
			$j(this).show();
		});
		
		$j('#mostra4').ajaxStop(function(){});
		
		$j.get("pegaGeneros.php",function(data){
			if(data==0){
				$j('#mostra4').html('<img src="imagens/img-alert.gif"  height="32" width="48" alt=""/>   Erro ao efetuar cadastro!');
			}else{
				var json = eval('(' + data + ')');
				
				for(i=0;i<json.generos.length;i++){
					news2.marcado.push(0);
					news2.ids_check.push(json.ids[i]);
					if(i%2==0){
						$j("#id_ul").append('<li id="div_'+json.ids[i]+'" onclick="news2.checkar(\''+(json.ids[i])+'\',\''+i+'\')" class="genero-float"><img src="check_0.gif" id="img_check_news_'+(json.ids[i])+'" />.'+json.generos[i]+'</li>');
					}else{
						$j("#id_ul").append('<li id="div_'+json.ids[i]+'" onclick="news2.checkar(\''+(json.ids[i])+'\',\''+i+'\')"><img src="check_0.gif" id="img_check_news_'+(json.ids[i])+'"/>.'+json.generos[i]+'</li>');
					}
				}
			}
		 });
	},
	
	hide_overlay:function() {
		news3.init();
		this.overlay_wrapper.fadeOut(700);
		$j('#mostra4').hide();
	},
	
	checkar:function(id_genero,posicao){
	    if(news2.marcado[posicao] == 0){
	      news2.marcado[posicao] = 1;
	    }else{
	      news2.marcado[posicao] = 0;
	    }
	    $j("#img_check_news_"+id_genero).attr("src","check_"+news2.marcado[posicao]+".gif");
	},
	
	sair:function() {
		this.overlay_wrapper.fadeOut(700);
		news1.overlay_wrapper.fadeOut(700);
		table = document.getElementById('flicker');
		table.style.display="block";
	},
	
	voltar:function() {
		news1.init('flicker');
		this.overlay_wrapper.fadeOut(700);
		$j('#mostra4').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>2&deg; ETAPA</span> - ESCOLHA SEU ESTILO<a href="javascript:void(0)" onclick="news2.sair()" class="bt-cancel">[ x ]</a></p>\
				      </div>\
				      <div id="popup-conteudo">\
						      <p class="title2-news">Escolha na lista abaixo os g&ecirc;neros musicais que mais lhe interessam.</p>\
						      <div class="lista-genero">\
							      <ul id="id_ul">\
							      </ul>\
							      <div class="genero-mess">\
								      <strong id="mostra4"></strong>\
							      </div>\
						  </div>\
				      </div>\
				      <div id="popup-footer-news">\
					      <a href="javascript:void(0)" onclick="news2.voltar()" class="botao1-form" id="ok"><span>\\\\ VOLTAR</span></a>\
					      <a href="javascript:void(0)" onclick="news2.finalizar()" class="botao1-form" id="enviar"><span id="bt2">\\\\ FINALIZAR</span></a>\
				      </div>\
			      </div>\
		      </div>';
		return flash;
	},

	validaGeneroNews:function(){
	    var string = "";
	    for(i=0;i<this.marcado.length;i++){
	      if(this.marcado[i] == 1){
		string += this.ids_check[i]+",";
	      }
	    }
	    return string;
	},

	finalizar:function(){
	  var variaveis = this.validaGeneroNews();
	  if(variaveis==""){
	      $j('#mostra4').html('<img src="imagens/img-alert.gif"  height="32" width="48" alt=""/>   Ops! Você não está esquecendo de nada, não? Selecione algum "genero musical".');
	  }else{
	          $j.get("salvarContatoNews.php",{nome:this.nome,email:this.email,todos_ids:variaveis},function(response){
				   if(response==1){
				        news3.init();
						this.overlay_wrapper.fadeOut(700);
						$j('#mostra4').hide();
				   }else if(response==2){
				       $j('#mostra4').html('<img src="imagens/img-alert.gif"  height="32" width="48" alt=""/>   Ops! Seu e-mail já está cadastrado em nossa newsletter".');
				   }else{
				        $j('#mostra4').html('<img src="imagens/img-alert.gif"  height="32" width="48" alt=""/>   Ops! Erro ao enviar cadastro".');
				   }
	           });
	  }
	},
		
	hide_overlay:function() {
		this.overlay_wrapper.fadeOut(700);
		$j('#nome_cont').val("");
		$j('#fone2').val("");
		$j('#email2').val("");
		$j('#site').val("");
		$j('#blog').val("");
		$j('#myspace').val("");
		$j('#observacao').val("");
		$j('#mostra2').hide();
	},
	
	voltar:function() {
		news1.init('flicker');
		this.overlay_wrapper.fadeOut(700);
	},
	
	validaForm:function(){
		$j('#mostra2').show();
		
		if(!this.validaCampo(this.nome_cont.val())){
			this.nome_cont.focus();
			$j('#mostra2').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 "contato".');	
			return false;
		}else if(!this.validaCampo(this.fone2.val())){
			this.fone2.focus();
			$j('#mostra2').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 "fone".');	
			return false;
		}else{
			$j('#mostra2').html('<img src="imagens/img-alert.gif"  height="32" width="48" alt=""/>   Enviando Cadastro!.');
			//this.desabilitaBotoes();
			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;	
	}
};