var timer;
var altura_janela = 184;
var largura_janela = 480;

var estiloIE =	'<style type="text/css">'+
				'.colunaPopupMeio{'+
				'	width:325px;'+
				'	font-family:Arial, Helvetica, sans-serif;'+
				'	font-size:12px;'+
				'	font-weight:bold;'+
				'	color:#FFFFFF;'+
				'	background-image:none;'+				
				'	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+www_url+'img/popup.fd.png, sizingMethod=\'scale\');'+
				'}'+
				'.colunaPopupFinal{'+
				'	width:23px;'+
				'	background-image:none;'+				
				'	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+www_url+'img/popup.direita.png, sizingMethod=\'scale\');'+
				'}'+
				'.colunaPopupLogin{'+
				'	width:132px;'+
				'	background-image:none;'+				
				'	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+www_url+'img/popup.usuario.png, sizingMethod=\'scale\');'+
				'}'+
				'</style>'

var estiloFF =	'<style type="text/css">'+
				'.colunaPopupMeio{'+
				'	width:325px;'+
				'	font-family:Arial, Helvetica, sans-serif;'+
				'	font-size:12px;'+
				'	font-weight:bold;'+
				'	color:#FFFFFF;'+
				'}'+
				'.colunaPopupFinal{'+
				'	width:23px;'+
				'}'+
				'.colunaPopupLogin{'+
				'	width:132px;'+
				'}'+
				'</style>'

				
if(navigator.appName == 'Microsoft Internet Explorer')
{
	bg_fundo_login 		= '';
	bg_esquerda_login 	= '';
	bg_direita_login 	= '';
	
	//Escrevendo o Estilo para a janela
	document.write(estiloIE);
	
}else if(navigator.appName == 'Netscape'){
	
	bg_fundo_login 		= 'background="'+www_url+'img/popup.fd.png"';
	bg_esquerda_login 	= 'background="'+www_url+'img/popup.usuario.png"';
	bg_direita_login 	= 'background="'+www_url+'img/popup.direita.png"';
	
	//Escrevendo o Estilo para a janela
	document.write(estiloFF);
}

function fecharLogin(){

	habilitarCombos();
	
	if(document.getElementById('divlogin')) {
		
		objDivFundo  = document.getElementById('fundoEscuro');
		objDivDentro = document.getElementById('divlogin');
		objDivFundo.style.display  = 'none';
		objDivDentro.style.display = 'none';
	
		clearTimeout(timer);
	}
}

function alinharLogin(){

	objDivFundo  = document.getElementById('fundoEscuro');
	objDivDentro = document.getElementById('divlogin');

	objDivFundo.style.top   = document.body.scrollTop;
	objDivFundo.style.left  = document.body.scrollLeft;
	objDivDentro.style.top  = (document.body.clientHeight/2) + document.body.scrollTop;
	objDivDentro.style.left = (document.body.clientWidth/2)  + document.body.scrollLeft;

	timer = setTimeout('alinharLogin()', 100);
}

function loginPopup(){

	fecharPopup();
	
	desabilitarCombos();
	objDivFundo  = document.getElementById('fundoEscuro');
	objDivDentro = document.getElementById('divlogin');
	

	if(objDivFundo == null)
	{
		objDivFundo  = document.createElement('DIV');
		objDivFundo.setAttribute('id','fundoEscuro');
		document.body.appendChild(objDivFundo);
	}

	if(objDivDentro == null)
	{
		objDivDentro = document.createElement('DIV');
		objDivDentro.setAttribute('id','divlogin');
		document.body.appendChild(objDivDentro);
	}
	
	exibe_fechar_login = '<img onClick="fecharLogin();" style="cursor:pointer;" src="'+www_url+'img/popup.fechar.png" alt="Fechar Login" title="Fechar Login" width="16" height="17">';
	
	corpoMensagem = ''+ 
	'<table width="480" border="0" cellspacing="0" cellpadding="0">'+
	'  <tr>'+
	'	<td width="132" height="184" '+bg_esquerda_login+' class="colunaPopupLogin">&nbsp;</td>'+
	'	<td width="325" align="center" valign="top" '+bg_fundo_login+' class="colunaPopupMeio"><table width="100%" border="0" cellspacing="0" cellpadding="0">'+
	'	  <tr>'+
	'		<td height="50" align="right"><table width="100%" border="0" cellspacing="0" cellpadding="0">'+
	'		  <tr>'+
	'			<td height="25" align="right" valign="bottom">'+exibe_fechar_login+'</td>'+
	'		  </tr>'+
	'		</table></td>'+
	'	  </tr>'+
	'	  <tr>'+
	'		<td width="100%"><table width="100%" border="0" cellspacing="0" cellpadding="10">'+
	'		  <tr>'+
	'			<td><table width="276" border="0" cellspacing="0" cellpadding="0">'+
	'			  <tr>'+
	'				<td width="138" class="tx-mensagem-pequeno">E-mail</td>'+
	'				<td width="8" class="tx-mensagem-branco">&nbsp;</td>'+
	'				<td width="130" class="tx-mensagem-pequeno">Senha</td>'+
	'			  </tr>'+
	'			  <tr>'+
	'				<td width="138"><input id="varEmail" type="text" class="campo-login" value=""></td>'+
	'				<td width="8">&nbsp;</td>'+
	'				<td width="130"><input id="varSenha" type="password" class="campo-login" value"123456"></td>'+
	'			  </tr>'+
	'			  <tr>'+
	'				<td height="20" colspan="3">'+
	'				<table width="100%" border="0" cellpadding="3" cellspacing="0">'+
	'				  <tr>'+
	'				    <td><input name="Submit32" type="submit" class="botao" value="Entrar" onClick="controleAcao(\'login\');">'+
	'				        &nbsp;&nbsp;&nbsp;<input name="Submit222" type="submit" class="botao" value="Cancelar" onClick="fecharLogin();"></td>'+
	'				  </tr>'+
	'				</table>'+
	'				</td>'+
	'			  </tr>'+
	'			  <tr>'+
	'				<td height="2" colspan="3"></td>'+
	'			  </tr>'+
	'			  <tr>'+
	'				<td height="20" colspan="3">'+
	'				<table width="100%" border="0" cellpadding="3" cellspacing="0">'+
	'				  <tr>'+
	'				    <td width="50%" align="left"><a href="'+www_url+'cliente/cadastro/cadastro.php?novo=1" class="tx-mensagem-pequeno">AINDA NÃO SOU CLIENTE</a></td>'+
	'				    <td width="50%" align="right"><a href="'+www_url+'cliente/cadastro/lembrarSenha.php" class="tx-mensagem-pequeno">ESQUECI MINHA SENHA</a></td>'+
	'				  </tr>'+
	'				</table>'+
	'				</td>'+
	'			  </tr>'+
	'			  <tr>'+
	'				<td id="msglogin" height="30" colspan="3" class="tx-mensagem-branco"></td>'+
	'			  </tr>'+
	'			</table></td>'+
	'		  </tr>'+
	'		</table></td>'+
	'	  </tr>'+
	'	</table></td>'+
	'	<td width="23" valign="top" '+bg_direita_login+' class="colunaPopupFinal">&nbsp;</td>'+
	' </tr>'+
	'</table>';
		
	objDivDentro.innerHTML = corpoMensagem;
	
	alinharLogin();

	objDivFundo.style.display  = 'block';
	objDivDentro.style.display = 'block';
}