<?php ob_start(); @session_start(); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>E-TIcons, Empresa de tecnologia</title>
<link rel="stylesheet" href="jquery/skin.css" media="screen" />
<link rel="stylesheet" href="css/cssCliente.css" media="screen"/>
<script type="text/javascript" src="jquery/jquery-1.8.2.js"></script>
<script type="text/javascript" src="jquery/jquery-ui-1.9.1.custom.min.js"></script>
<script type="text/javascript" src="jquery/jquery-themeswitchertool.js"></script>
<script type="text/javascript" src="jquery/jquery-clientes.js"></script>
</head>
<body>
<div class="tudo">
  <div class="topoAdmin">
    <div class="topo_int"> <img src="imagens/bg_topo_esq_preto.png" align="left"/>
      <div class="opcoes_topo"></div>
      <!-- opcoes_topo -->
      <div class="logomarca"><img src="imagens/areacliente.png"/></div>
      <img src="imagens/bg_topo_dir_preto.png" align="right"/> </div>
    <!-- topo_int --> 
  </div>
  <!-- topo -->
  <div class="menu_sup">
    <ul id="menu_sup" class="ui-menu-horizontal"><li><a href="http://www.e-ticons.com.br"><span class="ui-icon ui-icon-home"></span>E-TIcons</a></li>
    	<li><a href="usuario.php"><span class="ui-icon ui-icon-contact"></span>Cadastre-se!</a></li></ul>
    <div class="titulo_pagina">
      <div class="ui-widget ui-corner-top"><span class="ui-icon ui-icon-locked"></span><span class="titulo">Login</span></div>
    </div>
  </div>
  <!-- menu_sup -->
  <div class="conteudo"> 
    <script type="text/javascript">
			$(function() {
				$('#dialogInfo').dialog({autoOpen: false, width: 400, modal:true,buttons: {
					"ok": function() { $(this).dialog("close"); }} });
			});	
            function verificaCampos(){
                var login = $('#login').val();
                var senha = $('#senha').val();
                if(login != "" && senha != ""){
                    return true;
                } else {
					$('#dialogInfo').dialog('open');
                    return false;
                }
            }
			var isNN = (navigator.appName.indexOf("Netscape")!=-1);
			function proximoCampo(novocampo, event){
				var enter=(isNN) ? event.which : event.keyCode;
				if (enter == 13){
					document.getElementById(novocampo).focus();
					return false;
				}
				return true;
			}
        </script>
    <div class="login">
      <div class="formulario ui-widget ui-widget-content ui-corner-all">
        <form onsubmit="return verificaCampos()" action="Servico.php" method="post">
          <input type="hidden" name="metodo" value="GerenciadorUsuario.logar"/>
          <table width="100%">
            <tr>
              <td align="right"><strong>Seu Login</strong></td>
              <td align="right"><input type="text" name="login" id="login" class="ui-widget ui-widget-content ui-corner-all campoLogin"/></td>
            </tr>
            <tr>
              <td align="right"><strong>Sua Senha</strong></td>
              <td align="right"><input type="password" name="senha" id="senha" autocomplete="off" class="ui-widget ui-widget-content ui-corner-all campoLogin"/></td>
            </tr>
            <tr>
              <td><a href="solicitarsenha.html" class="textoMini">Esqueci minha senha!</a></td>
              <td align="right"><input type="submit" value="Acessar" class="ui-button ui-widget ui-widget-header ui-corner-all"/></td>
            </tr>
          </table>
        </form>
      </div>
      <?php
		  	if(!empty($_SESSION['message'])){
				echo '<div class="msg msginfo ui-corner-all" id="mensagemGlobal"><span class="ui-icon ui-icon-info"></span><b>&nbsp;</b><div>'.utf8_encode($_SESSION['message']['msg']).'</div></div>';
				session_destroy();
			} else { echo "&nbsp;"; }
		  ?>
    </div>
    <div id="dialogInfo" title="Atenção">
      <p>Campos obrigatórios não preenchidos!</p>
    </div>
  </div>
  <!-- conteudo -->
  <div class="rodape" id="rodape">&copy; 2008 E-Ticons, Todos os direitos reservados
    <div align="center">- www.e-ticons.com.br, fone/fax: (83) 3241-9973 -</div>
  </div>
  <span id="log" class="ajaxStatus"><img src="imagens/ajaxload.gif"/></span> </div>
<!-- tudo --> 
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-27091929-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
</body>
</html>
