/* UserLogin */
UserLogin = {

	changeInfo : function(params){	
	
		switch(params.tp){
			case 'login':
				var nome = params.username;
				// Mantém apenas o primeiro nome
				var nomeParts = nome.split(" ");
				if (nomeParts.length > 1) {
					nome = nomeParts[0];
				}
			
				// Formata primeira maiúscula e o restante minúsculo
				var primeiraLetra = nome.substr(0, 1).toUpperCase();
				var restanteNome = nome.substr(1, (nome.length)-1).toLowerCase();
				nome = primeiraLetra + restanteNome;
				
				//jQuery('#sites_menu_info2').html('Olá <strong>'+ nome +'</strong> | <a href="javascript:enviaHome();javascript:UserLogin.logout();">Clique se você não for o(a) '+ nome +'</a>');	
				UserLogin.logado(true, nome);
				break;
			case 'logout':
			
				UserLogin.logado(false);
				//jQuery('#sites_menu_info2').html('<strong>Você não está logado: <a href="javascript:UserLogin.show()" class="fonte_vermelho">Login</a></strong>');
				break;
		}
	},	
	
	logout : function(){
		logout();
	},
	
	logout : function(){
		logout();
	},
	
	logado : function(varLogado, nome){
		
		if( varLogado == true ){
			exibirBoxAutenticado(nome);
		}else{
			exibirBoxAutenticar();
		}
	},
	
	show : function(params, senha, altera){				
	
		jQuery(window).resize();
		jQuery('#overlay').show();
		jQuery('#overlay_bg').show();				

		if( senha == true){
			if( altera == true ){
				UserLogin.initAlteraSenhaForm();
			}else{
				UserLogin.initSenhaForm();
			}
		}else{
			// Caso tiver passado parametros então repassa-los para a função initLoginForm
			if (params) {
				UserLogin.initLoginForm({cliente: params.cliente, login: params.login});
			} else {
				UserLogin.initLoginForm({cliente: 'cliente'});
			}
		}
	},
	
	hide : function(){
		jQuery('#overlay').hide();		
		jQuery('#overlay_bg').hide();		
		jQuery('#overlay').html('');
	},
	
	initSenhaForm : function(){
	
	var imagenTeclado = "/StaticFiles/prepago3g/teclado/";
		
	var caminho = "/StaticFiles/prepago3g/autenticacao/";

	var ct = '<link rel="stylesheet" href="'+caminho+'css/slide9.css" />'
	ct += '<script>'
	ct += 'function porvalor(n){'
	ct += 'document.getElementById(\'userlogin_form_errors\').innerHTML = \'\';'
	ct += '	ocampo = document.getElementById("campo");'
	ct += '	txtcampo = ocampo.value.toString();'
	ct += '	var tamanho = txtcampo.length;'
	ct += '	if (tamanho >= 8)'
	ct += '		{'
	ct += 'document.getElementById(\'userlogin_form_errors\').innerHTML = \'A senha deve ter no máximo 8 dígitos.\';'
	ct += '		}'
	ct += '	else'
	ct += '		{'
	ct += '		document.getElementById("campo").value=document.getElementById("campo").value+n;'
	ct += '		}'
	ct += '}'
	ct += 'function limpa(){'
	ct += '	document.getElementById("campo").value="";'
	ct += '}'
	ct += 'function acende(n) {'	
	ct += 'document.getElementById("img"+n).src="'+imagenTeclado+'img/pag9_"+n+"over.gif";'
	ct += '}'
	ct += 'function apaga(n) {'
	ct += 'document.getElementById("img"+n).src="'+imagenTeclado+'img/pag9_"+n+".gif";'
	ct += '}'
	ct += 'function fecha(item) {'
	ct += '	fechar = document.getElementById(item);'
	ct += '	fechar.style.display = \'none\';'
	ct += '}'
	ct += '</script>'
	ct += '<div class="pag9_centra"  id="pag9_senha">'
	ct += '<div class="pag9_pop">'
	
	
	ct += '<div class="pag9_senha" style="text-align: left"><img src="'+caminho+'img/pag9_senha.jpg" alt="" style="text-align: left" border=0/></div>'
	ct += '<div class="pag9_fecha"><a href="#"><img src="'+caminho+'img/pag9_userlogin_bt_fechar.gif" alt="" border=0 onClick="javascript:enviaHome();"/></a></div>'
	
	ct += '<div class="pag9_digite">Digite sua senha <input type="password" name = "##" disabled size = "28" id="campo" style="border: 1px solid gray; background: white;"/></div>'
	ct += '<div class="pag9_entrar"><input type="image" src="'+caminho+'img/pag9_entrar.jpg" onClick="loginCliente()" align="absmiddle"/></div>'
	
	
	ct += '<div id="userlogin_form_errors" class="pag9_aviso_padrao"></div>'
	
	
	
	ct += '<div class="pag9_teclado" style="text-align: left">'
	ct += '<span id="msg">Para sua segurança,<br/>utilize o teclado virtual.</span>'
	
	
	ct += '<CENTER><BR><BR><BR><BR><BR><TABLE border=0>'
	ct += '	<TR height="40">'
	ct += '		<TD onClick="porvalor(1)" onMouseOver="acende(1)" onMouseOut="apaga(1)"><img id="img1" src="'+imagenTeclado+'img/pag9_1.gif"</TD>'
	ct += '		<TD onClick="porvalor(2)" onMouseOver="acende(2)" onMouseOut="apaga(2)"><img id="img2" src="'+imagenTeclado+'img/pag9_2.gif"</TD>'
	ct += '		<TD onClick="porvalor(3)" onMouseOver="acende(3)" onMouseOut="apaga(3)"><img id="img3" src="'+imagenTeclado+'img/pag9_3.gif"</TD>'
	ct += '	</TR>'
	ct += '	<TR height="40">'
	ct += '		<TD onClick="porvalor(4)" onMouseOver="acende(4)" onMouseOut="apaga(4)"><img id="img4" src="'+imagenTeclado+'img/pag9_4.gif"</TD>'
	ct += '		<TD onClick="porvalor(5)" onMouseOver="acende(5)" onMouseOut="apaga(5)"><img id="img5" src="'+imagenTeclado+'img/pag9_5.gif"</TD>'
	ct += '		<TD onClick="porvalor(6)" onMouseOver="acende(6)" onMouseOut="apaga(6)"><img id="img6" src="'+imagenTeclado+'img/pag9_6.gif"</TD>'
	ct += '	</TR>'
	ct += '	<TR height="40">'
	ct += '		<TD onClick="porvalor(7)" onMouseOver="acende(7)" onMouseOut="apaga(7)"><img id="img7" src="'+imagenTeclado+'img/pag9_7.gif"</TD>'
	ct += '		<TD onClick="porvalor(8)" onMouseOver="acende(8)" onMouseOut="apaga(8)"><img id="img8" src="'+imagenTeclado+'img/pag9_8.gif"</TD>'
	ct += '		<TD onClick="porvalor(9)" onMouseOver="acende(9)" onMouseOut="apaga(9)"><img id="img9" src="'+imagenTeclado+'img/pag9_9.gif"</TD>'
	ct += '	</TR>'
	ct += '	<TR height="40">'
	ct += '		<TD>&nbsp;</TD>'
	ct += '		<TD onClick="porvalor(0)" onMouseOver="acende(0)" onMouseOut="apaga(0)"><img id="img0" src="'+imagenTeclado+'img/pag9_0.gif"</TD>'
	ct += '		<TD>&nbsp;</TD>'
	ct += '	</TR>'
	ct += '</TABLE></CENTER>'
	

	ct += '								</div>'
	
	
	
	var sel = document.getElementById("pag4_dd_text").value;
	
	
	if( sel == "Cliente Claro" || sel == "Banda Larga 3G" ){	
		ct += '		<div class="pag9_limpar"><a href="#" onClick="limpa()"><b><font color="#bf0015">Limpar</font></b></a><br/></div>'			
		ct += '		<div class="pag9_aviso" style="text-align: left"><a href="javascript:enviarSenha()"><b><font color="#bf0015">Enviar senha por Torpedo</font></b></a><br/>Se não souber sua senha, clique em “Enviar senha por Torpedo”. <br/>Após receber a senha, realize o login.</div>'
	}else{
		ct += '		<div class="pag9_limpar"><a href="#" onClick="limpa()"><b><font color="#bf0015">Limpar</font></b></a><br/></div>'			
		ct += '		<div class="pag9_aviso" style="text-align: left"><a href="javascript:enviarSenha()"><b><font color="#bf0015">Enviar senha por E-mail</font></b></a><br/>Se não souber sua senha, clique em “Enviar senha por E-mail”. <br/>Após receber a senha, realize o login.</div>'
	}
		
	

		

	ct += '	</div>'
	ct += '</div>'	
		
	jQuery('#overlay').html(ct);		
		
	},
	
initAlteraSenhaForm : function(){

	var imagenTeclado = "/StaticFiles/prepago3g/teclado/";
		
	var caminho = "/StaticFiles/prepago3g/autenticacao/";


	var ct = '<link rel="stylesheet" href="'+caminho+'css/slide9_2.css" />'
	

	ct += '<script>'
	ct += 'ocampo = null;'

	ct += 'function seleciona_campo (campo) {'
	ct += 'if (ocampo) {'
	ct += 'ocampo.style.borderColor = \'gray\';'
	ct += '}'
	ct += 'ocampo = campo;'
	ct += 'ocampo.style.borderColor = \'#bf0015\';'
	ct += '}'
	ct += 'function porvalor(n) {'
	ct += 'document.getElementById(\'userlogin_form_errors\').innerHTML = \'\';'
	ct += 'if (!ocampo) return;'
	ct += '	txtcampo = ocampo.value.toString();'
	ct += 'var tamanho = txtcampo.length;'
	ct += 'if (tamanho >= 8)'
	ct += '{'
	ct += 'document.getElementById(\'userlogin_form_errors\').innerHTML = \'A senha deve ter no máximo 8 dígitos.\';'
	ct += '}'
	ct += 'else'
	ct += '{'
	ct += 'ocampo.value=ocampo.value+n;'
	ct += '}'
	ct += '}'
	ct += 'function limpa(){'
	ct += 'if (ocampo) ocampo.value="";'
	ct += '}'
	ct += 'function acende(n) {'	
	ct += 'document.getElementById("img"+n).src="'+imagenTeclado+'img/pag9_"+n+"over.gif";'
	ct += '}'
	ct += 'function apaga(n) {'
	ct += 'document.getElementById("img"+n).src="'+imagenTeclado+'img/pag9_"+n+".gif";'
	ct += '}'
	
	ct += 'function fecha(item) {'
	ct += 'fechar = document.getElementById(item);'
	ct += 'fechar.style.display = \'none\';'
	ct += '}'
	ct += 'function bloqueia(campo)  '
	ct += '{  '
	ct += 'document.getElementById(\'mensagem\').style.visibility = \'visible\';'
	ct += 'document.getElementById(\'userlogin_form_errors\').innerHTML = \'Utilize o teclado virtual para digitar a sua senha.\';'
	ct += 'campo.value = \'\';'
	ct += '} '
	ct += '</script>'


	
	ct += '<div class="pag9_centra"  id="pag9_senha">'
	ct += '<div class="pag9_pop">'

	ct += '  <div class="pag9_senha" style="text-align: left"><img src="'+caminho+'img/pag9_senha.jpg" alt="" border=0/></div>'
    	ct += '    <div class="pag9_aviso1" style="text-align: left">A sua senha atual contém letras e números. Você deve atualizar <br>'
    	ct += '  a sua senha usando apenas números.</div>'
	ct += '  <div class="pag9_fecha"><a href="#"><img src="'+caminho+'img/pag9_userlogin_bt_fechar.gif" alt="" border=0 onClick="enviaHome();"/></a></div>'
    	ct += '  <div class="pag9_satual" style="text-align: left;">Senha atual:<input id="alteraSenhaAtual" type="password" name = "##" size = "28" onMouseDown="seleciona_campo(this)"/></div>'
    	ct += '  <div class="pag9_snova" style="text-align: left;">Nova senha:<input id="alteraNovaSenha" type="password" readonly="readonly" name = "##" size = "28"  onKeyDown="bloqueia(this);" onMouseDown="seleciona_campo(this)"/></div>'
    	ct += '  <div class="pag9_sconfirmar" style="text-align: left;">Confirmar nova senha:<input id="alteraConfirmaSenha" readonly="readonly" type="password" name = "##" size = "28"  onKeyDown="bloqueia(this);" onMouseDown="seleciona_campo(this)"/></div>'
		
	ct += '	<table border="0" cellpadding="2" cellspacing="0" style="display:;" id="mensagem" name="mensagem">'
	ct += '	<tr>'
	ct += '	<td align="center">'
	ct += '	<div id="ContaOnlineClaroCartao">'
	ct += '	<div id="miolo2">'
	ct += '		<div class="texto" id="msgAviso" style="color:#d14958;margin-top:165px;margin-left:-50px;">'
	ct += '		</div>'
	ct += '	</div>'
	ct += '	</div>'
	ct += '	</td></tr>'
	ct += '	</table>'
		
	ct += ' <div class="pag9_entrar"><input type="image" src="'+caminho+'img/pag9_entrar.jpg" onClick="alterarSenhaCliente()" alt="Ok" align="absmiddle"/></div>'

	
	ct += '<div id="userlogin_form_errors" class="pag9_aviso_padrao"></div>'


	ct += '  <div class="pag9_teclado">'
	ct += '	<span id="msg">Para sua seguran&ccedil;a,  <br>'

	ct += '	utiliza o  teclado virtual.<br/>'
	ct += '</span> '
	
	ct += '<CENTER><BR><BR><BR><BR><BR><TABLE border=0>'
	ct += '	<TR height="40">'
	ct += '		<TD onClick="porvalor(1)" onMouseOver="acende(1)" onMouseOut="apaga(1)"><img id="img1" src="'+imagenTeclado+'img/pag9_1.gif"</TD>'
	ct += '		<TD onClick="porvalor(2)" onMouseOver="acende(2)" onMouseOut="apaga(2)"><img id="img2" src="'+imagenTeclado+'img/pag9_2.gif"</TD>'
	ct += '		<TD onClick="porvalor(3)" onMouseOver="acende(3)" onMouseOut="apaga(3)"><img id="img3" src="'+imagenTeclado+'img/pag9_3.gif"</TD>'
	ct += '	</TR>'
	ct += '	<TR height="40">'
	ct += '		<TD onClick="porvalor(4)" onMouseOver="acende(4)" onMouseOut="apaga(4)"><img id="img4" src="'+imagenTeclado+'img/pag9_4.gif"</TD>'
	ct += '		<TD onClick="porvalor(5)" onMouseOver="acende(5)" onMouseOut="apaga(5)"><img id="img5" src="'+imagenTeclado+'img/pag9_5.gif"</TD>'
	ct += '		<TD onClick="porvalor(6)" onMouseOver="acende(6)" onMouseOut="apaga(6)"><img id="img6" src="'+imagenTeclado+'img/pag9_6.gif"</TD>'
	ct += '	</TR>'
	ct += '	<TR height="40">'
	ct += '		<TD onClick="porvalor(7)" onMouseOver="acende(7)" onMouseOut="apaga(7)"><img id="img7" src="'+imagenTeclado+'img/pag9_7.gif"</TD>'
	ct += '		<TD onClick="porvalor(8)" onMouseOver="acende(8)" onMouseOut="apaga(8)"><img id="img8" src="'+imagenTeclado+'img/pag9_8.gif"</TD>'
	ct += '		<TD onClick="porvalor(9)" onMouseOver="acende(9)" onMouseOut="apaga(9)"><img id="img9" src="'+imagenTeclado+'img/pag9_9.gif"</TD>'
	ct += '	</TR>'
	ct += '	<TR height="40">'
	ct += '		<TD>&nbsp;</TD>'
	ct += '		<TD onClick="porvalor(0)" onMouseOver="acende(0)" onMouseOut="apaga(0)"><img id="img0" src="'+imagenTeclado+'img/pag9_0.gif"</TD>'
	ct += '		<TD>&nbsp;</TD>'
	ct += '	</TR>'
	ct += '</TABLE></CENTER>'
			
	ct += '</div>'	
	ct += '<div id="userlogin_form_errors" class="pag9_aviso3"></div>';
	
	
	var sel = document.getElementById("pag4_dd_text").value;
	
	
	if( sel == "Cliente Claro" || sel == "Banda Larga 3G" ){	
		ct += '		<div class="pag9_limpar"><a href="#" onClick="limpa()"><b><font color="#bf0015">Limpar</font></b></a><br/></div>'			
		ct += '		<div class="pag9_aviso_3" style="text-align: left"><a href="javascript:enviarSenha()"><b><font color="#bf0015">Enviar senha por Torpedo</font></b></a><br/>Se não souber sua senha, clique em “Enviar senha por Torpedo”. <br/>Após receber a senha, realize o login.</div>'
	}else{
		ct += '		<div class="pag9_limpar"><a href="#" onClick="limpa()"><b><font color="#bf0015">Limpar</font></b></a><br/></div>'			
		ct += '		<div class="pag9_aviso_3" style="text-align: left"><a href="javascript:enviarSenha()"><b><font color="#bf0015">Enviar senha por E-mail</font></b></a><br/>Se não souber sua senha, clique em “Enviar senha por E-mail”. <br/>Após receber a senha, realize o login.</div>'
	}

		
	jQuery('#overlay').html(ct);		
		
	},
	
	initLoginForm: function(params){		
		var ct = '<div id="userlogin">';
  		ct += '<div id="userlogin_ct">';
   		ct += '<div class="bt_fechar"><a href="javascript:enviaHome();"><img src="/portal/imagens/userlogin_bt_fechar.gif" width="15" height="15"></a></div>';
		ct += '<h1><img src="/portal/imagens/userlogin_tit_facaseulogin.gif" width="115" height="20"></h1>';
		ct += '<img src="/portal/imagens/userlogin_tit_sep.jpg" width="263" height="1" class="block">';
   		ct += '<form id="userlogin_form" onsubmit="false">';
   		
		ct += '		<div class = "pag4_pop_2"><img src="/StaticFiles/prepago3g/login/img/pag4_oquee.png" border=0 alt=""/></div>'
		ct += '		<div class = "pag4_pop_2a">'
		ct += '			Para acessar os servi&ccedil;os no site da Claro, voc&ecirc; precisa fazer o seu login.<br />'
		ct += '			Dessa forma, voc&ecirc; poder&aacute; acessar as se&ccedil;&otilde;es exclusivas do site com<br /> muito mais seguran&ccedil;a e praticidade.'
		ct += '		</div>'
		ct += '		<div class = "pag4_pop_2"><img src="/StaticFiles/prepago3g/login/img/pag4_vantagens.png" alt="" border=0 /></div>'
		ct += '		<div class = "pag4_pop_2a">Quando voc&ecirc; faz o login no site voc&ecirc; pode:</div>'
		ct += '		<ul>'
		ct += '		<li>Utilizar serviços que necessitam de autenticação.</li>'
		ct += '		<li>Usar o Atendimento por E-mail para enviar seus comentários à Claro, com recebimento do protocolo de atendimento pelo cliente.</li>'
		ct += '		<li>Se cadastrar no serviço Fique Atualizado para receber as novidades da Claro, por e-mail e celular.</li>'
		ct += '		<li>A Claro atualiza constantemente o seu site com novos serviços exclusivos para quem está logado.</li>'
		ct += '		</ul>'
		
		ct += '</form>';
   		ct += '</div>';
		
		jQuery('#overlay').html(ct);		
			
	},
		
	initEditForm : function(params){

		var ct = '';
		if(params.cliente == 'cliente'){
			ct += '<div id="userlogin" class="bg2">';
		}else{
			ct += '<div id="userlogin" class="bg3">';
		}
  		ct += '<div id="userlogin_ct">';
    		ct += '<div class="bt_fechar"><a href="javascript:UserLogin.hide();"><img src="imagens/userlogin_bt_fechar.gif" width="15" height="15"></a></div>';
		ct += '<h1><img src="imagens/userlogin_tit_facaseulogin.gif" width="115" height="20"></h1>';
		ct += '<img src="imagens/userlogin_tit_sep.jpg" width="263" height="1" class="block">';
    		ct += '<form id="useredit_form">';
   		ct += '<p>Para acessar esta seção<br />você precisa fazer o login.</p>';
	  	ct += '<div class="spacer"></div>';
		ct += '<ul id="useredit_form_errors"></ul>';  	
		ct += '<p><strong>Você é:</strong></p><div class="spacer"></div><p><label><input disabled '+ ((params.cliente == 'cliente') ? 'checked' : '') +' type="radio" name="cliente" value="cliente" class="input-radio" style="_margin-left: -4px; margin-right:4px; _margin-right:2px; vertical-align:middle;" />Cliente</label>';
   		ct += '<label><input disabled '+ ((params.cliente == 'naoCliente') ? 'checked' : '') +' type="radio" name="cliente" value="naoCliente" class="input-radio" style="margin-left: 25px; _margin-left: 18px; margin-right:4px; _margin-right:2px; vertical-align:middle; " />Não Cliente</label>';
   		ct += '<label><input disabled '+ ((params.cliente == 'exCliente') ? 'checked' : '') +' type="radio" name="cliente" value="exCliente" class="input-radio" style="margin-left: 25px; _margin-left: 18px; margin-right:4px; _margin-right:2px; vertical-align:middle; " />Ex-Cliente</label></p>';
		ct += '<div class="spacer"></div>';
		
		if(params.cliente == 'cliente'){
			ct += '<p>';
			ct += '<label class="input-label">Celular:&nbsp;</label>';
			ct += params.celular;
			ct += '<div class="clear"></div>';
			ct += '</p>';
			ct += '<input type="hidden" name="celular" id="celular" value="'+params.celular+'" />';
		}else{		
			ct += '<p>';
			ct += '<label class="input-label">E-mail:&nbsp;</label>';
			ct += params.email;
			ct += '<div class="clear"></div>';
			ct += '</p>';
			ct += '<input type="hidden" name="email" id="email" value="'+params.email+'" />';
		}	

    		ct += '<p>';
		ct += '<label class="input-label">Senha:&nbsp;</label>';
		ct += '********************************'.substr(0, params.senha.length);
  		ct += '<div class="clear"></div>';
		ct += '</p>';
    		ct += '<div class="spacer"></div>';
		if(params.cliente == 'cliente'){
			ct += '<p>Olá '+ params.username +'</p>';		
			ct += '<div class="spacer"></div>';
			ct += '<input type="hidden" name="username" id="username" value="'+params.username+'" />';
		}		
		ct += '<p><strong>Altere sua senha</strong></p>';
		ct += '<div class="spacer"></div>';
		ct += '<p>';
		ct += '<label class="input-label">Nova senha*:</label>';
		ct += '<input type="password" name="senha" id="senha" value="" maxlength="10" class="input-text" style="width: 110px"/>';
  		ct += '<div class="clear"></div>';
		ct += '</p>';
		ct += '<div class="spacer"></div>';
		ct += '<p>';
		ct += '<label class="input-label">Re-digite a nova senha*:</label>';
		ct += '<input type="password" name="confirmacao" id="confirmacao" value="" maxlength="10" class="input-text" style="width: 110px"/>';
  		ct += '<div class="clear"></div>';
		ct += '</p>';
		ct += '<div class="spacer"></div>';		
		
		if(params.cliente == 'cliente'){
			ct += '<p>';
			ct += '<label class="input-label">E-mail*:</label>';
			ct += '<input type="text" name="email" id="email" value="" maxlength="100" class="input-text" style="width: 212px;"/>';
			ct += '<div class="clear"></div>';
			ct += '</p>';
			ct += '<div class="spacer"></div>';
		}else{
			ct += '<p>';
			ct += '<label class="input-label">Qual seu primeiro nome*:</label>';
			ct += '<input type="text" name="primeironome" id="primeironome" value="" maxlength="10" class="input-text" style="width: 110px;"/>';
			ct += '<div class="clear"></div>';
			ct += '</p>';
			ct += '<div class="spacer"></div>';
			
			if(params.cliente == 'naoCliente'){
				ct += '<p>';
				ct += '<label class="input-label">Qual sua operadora:</label>';
				ct += '<select name="operadora" id="operadora" class="input-select" style="width: 110px;">';
				ct += '<option>Nenhuma</option><option value="Amazônia Celular">Amazônia Celular</option><option value="Brasil Telecom">Brasil Telecom</option><option value="CTBC">CTBC</option><option value="Nextel">Nextel</option><option value="Oi">Oi</option><option value="Sercomtel">Sercomtel</option><option value="Telemig Celular">Telemig Celular</option><option value="Tim">Tim</option><option value="Vésper">Vésper</option><option value="Vivo">Vivo</option>';
				ct += '</select>';
				ct += '<div class="clear"></div>';
				ct += '</p>';
			}else if(params.cliente == 'exCliente'){
				ct += '<p>';
				ct += '<label class="input-label">Que tipo de Plano você tinha?</label>';
				ct += '<select name="tipoCliente" id="tipoCliente" class="input-select" style="width: 110px;">';
				// TODO :: CRIAR UMA FORMA DINAMICA
				ct += '<option value="1">Claro Cartão</option><option value="2">Claro Conta</option><option value="3">Claro SuperControle</option><option value="4">Claro Empresas</option><option value="5">Claro Empresa-Pequena e Média</option>';
				ct += '</select>';
				ct += '<div class="clear"></div>';
				ct += '</p>';
			}
			
			ct += '<div class="spacer"></div>';
			ct += '<p>';
			ct += '<label class="input-label">Celular:</label>';
			ct += '<span style="float: right">';
			ct += '<input type="text" name="celular_ddd" id="celular_ddd" value="" maxlength="2" class="input-text" style="width: 20px; margin-right: 5px; float: none; "/>';
			ct += '<input type="text" name="celular" id="celular" value="" maxlength="8" class="input-text" style="width: 64px; float: none;" />';
			ct += '</span>';
			ct += '<div class="clear"></div>';
			ct += '</p>';
			ct += '<div class="spacer"></div>';
		}					
		
		ct += '<p>';			
		ct += '<label class="input-label">Telefone de contato:</label>';
		ct += '<span style="float: right">';
		ct += '<input type="text" name="telefone_ddd" id="telefone_ddd" value="" maxlength="2" class="input-text" style="width: 20px; margin-right: 5px; float: none;" />';
		ct += '<input type="text" name="telefone" id="telefone" value="" maxlength="8" class="input-text" style="width: 64px; float: none;" />';
		ct += '</span>';
		ct += '<div class="clear"></div>';
		ct += '</p>';
		ct += '<div class="spacer"></div>';
		
		ct += '<p>Repita os caracteres no campo abaixo*:</p>';
		ct += '<div class="spacer"></div>';		
		ct += '<p>';
		ct += '<input type="text" name="codigo" id="codigo" value="" maxlength="4" class="input-text" style="width: 110px; margin-top: 7px;"/>';
		// INICIO :: Imagem do captcha
		ct += '<iframe frameborder="0"'; 
		ct += 'height="21px"'; 
		ct += 'width="75px"'; 
		ct += 'scrolling="no"'; 
		ct += 'id="ifrCaptcha"'; 
		ct += 'src="captcha/captcha.jsp">'; 
		ct += '</iframe>'; 
		// FIM :: Imagem do captcha
  		ct += '<div class="clear"></div>';
		ct += '</p>';
		ct += '<div class="spacer"></div>';		
		ct += '<input id="bt_enviar" class="input-image" type="image" src="imagens/userlogin_bt_confirme.gif" width="103" height="15" style="float:right; _margin-top: 2px;" />';		
		ct += '<div class="clear"></div>';
		ct += '<div class="spacer"></div>';		
		ct += '<p>* campos obrigatórios</p>';
		ct += '</form>';
   		ct += '</div>';
	 	ct += '</div>';
		
		jQuery('#overlay').html(ct);		
		
		// Inicializa validacoes do formulario
		if(params.cliente == 'cliente'){			
			jQuery.validator.addMethod("password_confirmation", function(value) { 													
				return jQuery('#useredit_form input[@name="senha"]').val() == jQuery('#useredit_form input[@name="confirmacao"]').val();
			}, '');	
			
			jQuery.validator.addMethod("senha_forte", function(value) { 		
				var senhaForte = new SenhaForte();
				return senhaForte.isSenhaForte(jQuery('#useredit_form input[@name="senha"]').val());
			}, '');
			
			jQuery.validator.addMethod("telefone_fixo", function(value) { 
				var txt = jQuery('#useredit_form input[@name="telefone"]').val();
				
				if (txt.substr(0, 1) == "7" || txt.substr(0, 1) == "8" || txt.substr(0, 1) == "9" || txt.substr(0, 1) == "0" || txt.substr(0, 1) == "1") {
					return false;
				} else {
					return true;
				}				
			}, '');	
			
			jQuery('#useredit_form').validate({
				errorPlacement: function(error, element) {	
					if ($(error).text() != $.validator.messages.required) {
	 						error.appendTo(element.parent());
					}else {
						return true;
					}
				},
				rules : {				
					senha : { minLength : 6, required : true, maxLength : 10, senha_forte : true },
					confirmacao : { password_confirmation: true, required : true },		
					email : { required : true, email: true },
					codigo : { required : true },
					telefone_ddd : { digits : true, minLength : 2 },
					telefone : { digits : true, minLength : 8, maxLength : 8, telefone_fixo: true },  
					primeironome : {required : true}
				}, 	
				messages: {    
					senha: {	
						required: 'O campo "Nova Senha" é obrigatório.',
						senha_forte: 'O campo "Nova Senha" deve ter pelo menos 2 dígitos numéricos.<br>O campo "Nova Senha" deve ter pelo menos 2 letras.<br>O campo "Nova Senha" não deve ter caracteres especiais. Utilize apenas letras e números.', 				    				
						minLength: 'O campo "Nova Senha" deve ter no mínimo 6 caracteres.',	
						maxLength: 'O campo "Nova Senha" deve ter no máximo 10 caracteres.'	
	     		},
					confirmacao: {
					required: 'O campo "Re-digite a nova senha" é obrigatório.',
  					password_confirmation: 'Re-digite corretamente a nova senha.'
     			},
					email: {					
    				required: 'O campo "E-mail" é obrigatório.',					
						email: 'Endereço inválido no campo "E-mail".'					
	     		},
					codigo: {					
    				required: 'O campo "Código" é obrigatório.'					
     			},
					primeironome: {					
    				required: 'O campo "Qual seu primeiro nome" é obrigatório.'					
     			},
     				telefone_ddd: {
     				required: 'O campo "(DDD) Telefone" é obrigatório, digite apenas 2 dígitos numéricos.',
					digits: 'O campo "(DDD) Telefone" aceita apenas números.',
					minLength: 'O campo "(DDD) Telefone" deve ter 2 dígitos numéricos.'	
	     		},
					telefone: {				
    				required: 'O campo "Telefone de contato" é obrigatório.',
    				digits: 'O campo "Telefone de Contato" aceita apenas números.', 
					minLength: 'O campo "Telefone de Contato" deve ter 8 dígitos numéricos.',	
					telefone_fixo: 'O campo "Telefone de Contato" deve ser preenchido com um telefone fixo.'
     			}
				},
				submitHandler: function(form) {		
					// Chama o método ajax para efetuar o cadastro do cliente
					cadastroCliente(form);
		   		}
			});			
		}else{
		
			jQuery.validator.addMethod("senha_forte", function(value) { 		
				var senhaForte = new SenhaForte();
				return senhaForte.isSenhaForte(jQuery('#useredit_form input[@name="senha"]').val());
			}, '');
		
			jQuery.validator.addMethod("password_confirmation", function(value) { 													
				return jQuery('#useredit_form input[@name="senha"]').val() == jQuery('#useredit_form input[@name="confirmacao"]').val();
			}, '');	
			
			jQuery.validator.addMethod("operadora_ddd", function(value) { 													
				return jQuery('#useredit_form select[@name="operadora"]').val() == "Nenhuma" || jQuery('#useredit_form input[@name="celular_ddd"]').val() != "";
			}, '');
			
			jQuery.validator.addMethod("operadora", function(value) { 													
				return jQuery('#useredit_form select[@name="operadora"]').val() == "Nenhuma" || jQuery('#useredit_form input[@name="celular"]').val() != "";
			}, '');
			
			if(params.cliente == 'naoCliente'){
				// Se for não cliente, não pode digitar telefone claro
				jQuery.validator.addMethod("ntc_claro", function(value) { 		
					var ntc = new NtcClaro();
					return !ntc.isClaro(jQuery('#useredit_form input[@name="celular_ddd"]').val(), jQuery('#useredit_form input[@name="celular"]').val());
				}, '');
			}else if(params.cliente == 'exCliente'){
				// Se for ex cliente, deve digitar o antigo telefone claro
				jQuery.validator.addMethod("ntc_claro", function(value) { 		
					var ntc = new NtcClaro();
					return ntc.isClaro(jQuery('#useredit_form input[@name="celular_ddd"]').val(), jQuery('#useredit_form input[@name="celular"]').val());
				}, '');
			}
			
			jQuery.validator.addMethod("telefone_fixo", function(value) { 
				var txt = jQuery('#useredit_form input[@name="telefone"]').val();
				
				if (txt.substr(0, 1) == "7" || txt.substr(0, 1) == "8" || txt.substr(0, 1) == "9" || txt.substr(0, 1) == "0" || txt.substr(0, 1) == "1") {
					return false;
				} else {
					return true;
				}				
			}, '');	
			
			jQuery('#useredit_form').validate({									
				errorPlacement: function(error, element) {	
					if ($(error).text() != $.validator.messages.required) {							
							switch(element.attr("name")){
								case "celular_ddd":
									error.appendTo(element.parent().parent());
								break;
								case "celular":
									error.appendTo(element.parent().parent());
								break;
								case "telefone_ddd":
									error.appendTo(element.parent().parent());
								break;
								case "telefone":
									error.appendTo(element.parent().parent());
								break;
								default:
									error.appendTo(element.parent());
								break;
							}
					}else {
						return true;
					}
				},
				rules : {			
					senha : { minLength : 6, required : true, maxLength : 10, senha_forte : true  },
					confirmacao : { password_confirmation: true, required : true },	
					celular_ddd : {	 operadora_ddd : true, digits : true, minLength : 2 },
					celular : {	 operadora : true, digits : true, minLength : 8, ntc_claro: true },
					telefone_ddd : { digits : true, minLength : 2 },
					telefone : { digits : true, minLength : 8, telefone_fixo: true },
					codigo : { required : true },
					primeironome : {required : true}
				}, 	
				messages: {     					   
					senha: {	
						required: 'O campo "Nova Senha" é obrigatório.',
						senha_forte: 'O campo "Nova Senha" deve ter pelo menos 2 dígitos numéricos.<br>O campo "Nova Senha" deve ter pelo menos 2 letras.<br>O campo "Nova Senha" não deve ter caracteres especiais. Utilize apenas letras e números.', 				    				
						minLength: 'O campo "Nova Senha" deve ter no mínimo 6 caracteres.',	
						maxLength: 'O campo "Nova Senha" deve ter no máximo 10 caracteres.'		
	     		},
					confirmacao: {					
					required: 'O campo "Re-digite a nova senha." é obrigatório.',
  					password_confirmation: ' O campo "Re-digite a nova senha'
     			},
					celular_ddd: {
						operadora_ddd: 'O campo "(DDD) Celular" é obrigatório, digite apenas 2 dígitos numéricos.',	
						digits: 'O campo "(DDD) Celular" aceita apenas números.',
						minLength: 'O campo "(DDD) Celular" deve ter 2 dígitos numéricos.'	
	     		},
					celular: {
    					operadora: 'O campo "Celular" é obrigatório.',								
						digits: 'O campo "Celular" aceita apenas números.',
						minLength: 'O campo "Celular" deve ter 8 dígitos numéricos.',
						ntc_claro : (params.cliente == 'naoCliente' ? 'O campo "Celular" aceita apenas números celulares de outras operadoras.':'Coloque o número antigo do seu celular Claro no campo "Celular".') 
	     		},
					telefone_ddd: {
						required: 'O campo "(DDD) Telefone" é obrigatório, digite apenas 2 dígitos numéricos.',
						digits: 'O campo "(DDD) Telefone" aceita apenas números.',
						minLength: 'O campo "(DDD) Telefone" deve ter 2 dígitos numéricos.'	
	     		},
					telefone: {			
						telefone_fixo: 'O campo "Telefone de Contato" deve ser preenchido com um telefone fixo.',
    				required: 'O campo "Telefone de contato" é obrigatório.',		
						digits: 'O campo "Telefone de Contato" aceita apenas números.',
						minLength: 'O campo "Telefone de Contato" deve ter 8 dígitos numéricos.'	
	     		},
					codigo: {					
    				required: 'O campo "Código" é obrigatório.'					
     			},
					primeironome: {					
    				required: 'O campo "Qual seu primeiro nome" é obrigatório.'					
     			}
				},
				submitHandler: function(form) {
					// Marca se é um ex-cliente ou não cliente
					var isExCliente = (params.cliente == 'exCliente');
					// Chama o método ajax para efetuar o cadastro do Prospect
					cadastroProspect(form, isExCliente);
		   		}
			});			
			
			$('#useredit_form #primeironome').autotab({ target: $('#useredit_form #operadora'), no_space: true, format: 'text' });
			$('#useredit_form #celular_ddd').autotab({ target: $('#useredit_form #celular'), format: 'numeric' });
			$('#useredit_form #celular').autotab({ target: $('#useredit_form #telefone_ddd'), format: 'numeric' });
			$('#useredit_form #telefone_ddd').autotab({ target: $('#useredit_form #telefone'), format: 'numeric' });
			$('#useredit_form #telefone').autotab({ target: $('#useredit_form #codigo'), format: 'numeric' });
		}
	}//,
	
	// TODO :: MANTER DESSE JEITO DEPOIS
	//enviaSenhaCliente : function(){
	//	if(jQuery('#userlogin_form').validate().element('#userlogin_form #celular_ddd')
	//	&& jQuery('#userlogin_form').validate().element('#userlogin_form #celular')){
	//		// TO DO: post	
	//	}		
	//},
	
	//enviaSenhaProspect : function(exCliente){
	//	if(jQuery('#userlogin_form').validate().element('#userlogin_form #email')){
	//		alert('Teste');
	//	}		
	//}
};

jQuery(document).ready(function(){
	jQuery(window).resize(function(){
		jQuery('#overlay').width((jQuery.browser.msie ? jQuery(window).width() : jQuery(window).width()-16));
		jQuery('#overlay_bg').width((jQuery.browser.msie ? jQuery(window).width() : jQuery(window).width()-16));
		
		jQuery('#overlay').height(jQuery(document).height());
		jQuery('#overlay_bg').height(jQuery(document).height());		
	});	
});
/* End UserLogin */