<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Login - Tivel</title>
    <link rel='shortcut icon' href='/favicon.ico'>
    <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'>

            <!--CSS's necessários para o template-->
                    <!--0-->
                                <!--default-->
                                                                                            <link href="/css/main.css?bd=060218-2" rel="stylesheet" type="text/css" media="all" />
                                                            	

    <!--Código XAJAX-->
    
<script type="text/javascript" charset="UTF-8">
/* <![CDATA[ */
try { if (undefined == xajax.config) xajax.config = {}; } catch (e) { xajax = {}; xajax.config = {}; };
xajax.config.requestURI = "/index.xajax.php";
xajax.config.statusMessages = false;
xajax.config.waitCursor = false;
xajax.config.version = "xajax 0.5";
xajax.config.legacy = false;
xajax.config.defaultMode = "asynchronous";
xajax.config.defaultMethod = "POST";
/* ]]> */
</script>
<script type="text/javascript" src="/xajax_js/xajax_core.js" charset="UTF-8"></script>
<script type="text/javascript" charset="UTF-8">
/* <![CDATA[ */
window.setTimeout(
 function() {
  var scriptExists = false;
  try { if (xajax.isLoaded) scriptExists = true; }
  catch (e) {}
  if (!scriptExists) {
   alert("Error: the xajax Javascript component could not be included. Perhaps the URL is incorrect?\nURL: /xajax_js/xajax_core.js");
  }
 }, 2000);
/* ]]> */
</script>

<script type='text/javascript' charset='UTF-8'>
/* <![CDATA[ */
xajax_ErroClientSide = function() { return xajax.request( { xjxfun: 'ErroClientSide' }, { parameters: arguments } ); };
xajax_IndexXajax = function() { return xajax.request( { xjxfun: 'IndexXajax' }, { parameters: arguments } ); };
xajax_KeepAlive = function() { return xajax.request( { xjxfun: 'KeepAlive' }, { parameters: arguments } ); };
xajax_EsqueceuSenha = function() { return xajax.request( { xjxfun: 'EsqueceuSenha' }, { parameters: arguments } ); };
/* ]]> */
</script>

	
	<script language="javascript">

	// tratamento de erros padrão
	var maxErros = 1;
	var numErros = 0;
	var template = '/home/tivel/public_html/smarty/templates/include/header.inc.tpl'; // template principal chamado pelo smarty (esta variável será atualizada no template que inclui este)

	var bVersaoParaImpressao = false;

	var bPaginaTemVersaoParaImpressao = false;

	

	/**
	* TRATAMENTO GENÉRICO DE ERROS
	* utilizar throw new Error(msg)
	* ref: http://help.dottoro.com/ljfhismo.php
	*/
	window.onerror=function(msg, url, linenumber){

		// não reporta erros do IE (é o jeito...)
		if(navigator.appName.indexOf('Microsoft') != -1)
			return;

		tempoMaxDivLoadingNaTela = 40000; //10s

		numErros++;
		if(numErros > maxErros)
			return false;

		// reporta caminho até o erro: rotina > inc > tpl
		
		path = document.location.href + ' >  > ? > header.inc.tpl';
        template = 'header.inc.tpl';
		

		//montra a string do caminho do erro
		if(template != '' && ! (template.indexOf('header.inc.tpl') >= 0))
			path += ' > ' + template;

		if(url != '')
			path += ' > ' + url;
				
		err = Array();
		err['description'] = msg;
		err['fileName'] = path;
		err['lineNumber'] = linenumber;

        /**
         * @link http://stackoverflow.com/questions/5913978/cryptic-script-error-reported-in-javascript-in-chrome-and-firefox
         */
        if (msg.match(/^Script Error\.$/i)) return;

        /**
         * New Relic gera um javascript [https://docs.newrelic.com/docs/browser/new-relic-browser/getting-started/troubleshooting-page-view-monitoring] que, aparentemente, gera um erro client side
		 * Qdo isso ocorre na tela de login, a requisição para reportar o erro client side chega no servidor sem que o usuário esteja logado, o que abre outro prompt de login (que, por sua vez, faz a mesma coisa)
		 */
		if(window.name == 'LOGIN')
			return;

		//reporta o erro por ajax
                if (typeof xajax_ErroClientSide != 'undefined')
                    xajax_ErroClientSide(msg,err, template);

		if(dumpErro)
                    alert('Erro: ' + msg + '<br>File: ' + path + '<br>Line: ' + linenumber);

		return true;

	}
		
	

	var rotina = '';
	var rotinaConteudo = '';

	// propriedades da Janela
	// FK: não é possível setar o nome do frame pois FRM_CONTEUDO deve ser apenas o iframe da janela principal, já que há diversos links apontando (target) para ele
	//window.name='PRINCIPAL';
	//window.id='PRINCIPAL';

	var dumpErro = '';

	</script>
	<!--JS's necessários para o template-->
                                        <!--0-->
                                                                                            <!--default-->
                                        
                                                                        <script type="text/javascript" src="/js/principal.js?bd=280326"></script>
                                            
                                                                        <script type="text/javascript" src="/js/tooltip.js?bd=280518"></script>
                                            
                                                                        <script type="text/javascript" src="/js/rollover.js"></script>
                                                                                                                    
            <script type="text/javascript">
                
            </script>
        

    <!-- flag do metronic no js -->
    
    <script type="text/javascript">
        
    if (typeof bMetronic !== 'undefined') {
        
        var bMetronic = 0;
    }
    
    var bLayoutNovo = false;
    
    </script>
    
	
	<!-- MSGS ONLOAD! -->
	<!-- MochiKit -->
	<script type="text/javascript" src="/js/MochiKit/MochiKit.js"></script>
	<script type="text/javascript" src="/js/MochiKit/Signal.js"></script>	
	<script type='text/javascript' src='/js/TransparentMessage.js?bd=150518'></script>
	<script language='javascript'>
	var msgOnloadErro = '';
		var msgOnloadWarning = '';
var msgOnloadOk = '';

	</script>
	        
        <div style="position: absolute; top: 5px; right: 30px; width: 1px; z-index: 1000;" id="div_opcoes_fixa" name="div_opcoes_fixa">
            <nobr>
                
                            </nobr>
        </div>


<script src="/js/jquery-1.9.1.js"></script> 

<script>
    if (document.getElementById('load_conteudo'))
        document.getElementById('load_conteudo').style.display = 'none';

    if (parent.document.getElementById('load_conteudo'))
        parent.document.getElementById('load_conteudo').style.display = 'none';
</script>


<script type="text/javascript" src="/js/jquery-1.6.2.js"></script>
<script type="text/javascript" src="/js/login.js?bd=050617"></script>



    <style>

                html {
                background: url(/imagens/blurred_bg.jpg) no-repeat center center fixed;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }

            #logoTivel {
                position: fixed;
                bottom: 20;
                left: 5;
            }

            #loginSimultaneoTitulo{
                color: red;
                border: 0px;
                font-weight: bold;
                font-size: 14px;
            }

            #loginSimultaneoConteudo{
                font-size: 12px;
            }

            html>body #loginSimultaneo {
                width: 270px; /* ie5win fudge ends */
            }
           

    </style>

    <script  type="text/javascript">
        /**
         * Este código é referente a possibilidade de acontecer algum problema com a sessão e o usuário não ser expulso imediatamente ( por exemplo, intervalo entre um keepalive e outro) do sistema e ficando com o frame principal aberto, ao clicar em qualquer rotina será chamado o login.tpl e será feito o reload.
         */

        // adiciona o nome a janela
        window.name = 'LOGIN';
        window.id = 'LOGIN';

        // verifica se há o frame Principal, qualquer chamada para o login.tpl que tenha o frame Principal deve ser feito um reload na página imediatamente.
        if (window.parent.name == 'PRINCIPAL') {
            // desativa a pergunta para sair da página
            window.parent.onbeforeunload = null;
            // executa o reload()
            window.parent.location.reload();
        }
    </script>


</head>
    <body style="padding: 15%; margin: 0px;" onload="Onload();">

        <span><div id="rc_notify"></div></span>
    <center>
        <!--- div de contenção, para evitar quebras e ocilação na tela em virtude dos efeitos de javascript -->
        <div style='height: 80%'>
            <div id='frmAutentica' style="width: 240px; height: 220px; padding: 5px; background: rgba(255,255,255,1); border: solid 2px #009999; " align="center" >
                <table width="100%" class="texto_11" cellspacing="5">
                    <tr>
                        <td colspan="3" align="center">
                            <img src="/img?img=logo" style="vertical-align: middle; margin: 10px;" border="0" title="Bem-vindo ao <strong>Tivel</strong>">
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                            Usuário
                        </td>
                        <td>
                            <input type="text" class="boxform" name="u" id="u" style="width: 140px; height: 20px;" onkeyup="if (event.keyCode == 13) EnviaLogin();">
                        </td>
                        <td width="20">
                            <img src="/imagens/usuario_16.png" border="0" title="Nome de Usuário">
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                            Senha
                        </td>
                        <td>
                            <input type="password" class="boxform" name="s" id="s" style="width: 140px; height: 20px;" onkeyup="if (event.keyCode == 13) EnviaLogin();">
                        </td>
                        <td width="20">
                            <img src="/imagens/admin_16.png" border="0" title="Senha pessoal">
                        </td>
                    </tr>
                    <tr>
                        <td style="text-align: right;">
                            <input type="checkbox" value="1" name="gravaCookie" id="gravaCookie">
                        </td>
                        <td colspan="2" style="height: 20px;">
                            <label for="gravaCookie" title="Salvar o login nesta máquina?<br><label style='color: red;'>Atenção: só faça isso se este for um computador pessoal</label>" style="vertical-align: top; cursor: pointer;">
                                                                    Mantenha-me logado
                                                            </label>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" align="center">
                            <input type="button" value="Login" id='btnLogin' name='btnLogin' style="width: 100px; height: 40px; " onclick="EnviaLogin()">
                        </td>
                    </tr>
                    <tr>
                        <td align="right" colspan="3">
                            <a href='#' id='esqueciMinhaSenha' title="Clique se não lembra sua senha pessoal">
                                Esqueceu sua senha?
                            </a>
                        </td>
                    </tr>
                </table>
            </div><br>

            <div id="titulo_usu_online" style="display: none;">
                <label class="texto_12"><strong>Usuários online</strong></label>
            </div>

            <iframe name="usuariosOnline" style="width: 300px; height: 250px; padding: 5px; background: rgba(255,255,255,1); border: solid 2px #009999; display: none;">
                            </iframe>

            <!--- Sistem em manutenção -->

            
            <!--- Esqueceu sua senha -->

            <div id='frmEnviaSenha' style="width: 240px; height: 220px; padding: 5px; background: rgba(255,255,255,1); border: solid 2px #009999;" align="center" >
                <table width="100%" class="texto_11" cellspacing="5">
                    <tr>
                        <td colspan="3" align="center">
                            <img src="/img?img=logo" style="vertical-align: middle; margin: 10px;" border="0" title="Bem-vindo ao <strong>Tivel</strong>">
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                            Usuário ou Email
                        </td>
                        <td>
                            <input type="text" class="boxform" name="esqueceuSenha" id="esqueceuSenha" style="width: 140px; height: 20px;" >
                        </td>
                        <td width="20">
                            <img src="/imagens/usuario_16.png" border="0" title="Nome de Usuário">
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                        </td>
                        <td>
                        </td>
                        <td width="20">
                        </td>
                    </tr>
                    <tr>
                        <td align="center" colspan="3" style="height: 20px;">
                            <label>
                                Informe seu nome de usuário
                            </label>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" align="center">
                            <input id='esqueceuSenhaEnviar' name='esqueceuSenhaEnviar' type="button" value="Enviar link" style="width: 100px; height: 40px;">
                        </td>
                    </tr>
                    <tr>
                        <td align="right" colspan="3">
                            <a href='javascript:void(0)' id='autentica' title="Voltar para login">
                                << Voltar
                            </a>
                        </td>
                    </tr>
                </table>
            </div>

            <div id="frmloginSimultaneo" style="width: 250px; padding: 5px; padding-bottom: 10px; background: rgba(255,255,255,1); border: solid 2px #009999;" align="center">
                <div id='loginSimultaneoTitulo'> <label class="texto_11"> Acesso Simultâneo </label> </div>
                <br />
                <div id='loginSimultaneoConteudo'> 
                    <label class="texto_11" style="color: red"> Este usuário esta logado no sistema desde <span id='loginSimultaneoDados'></span>. </label>
                    <br />
                    <br />
                    <label class="texto_11">  Para acessar o sistema, você precisa derrubá-lo. Deseja continuar ? </label>
                </div>
                <br />
                <label title="<i>Excluir cookie de autenticação da outra máquina onde este Usuário está conectado (será necessário informar a senha no próximo login)</i>" style="vertical-align: top;">
                    <input type="checkbox" name="excluiCookie" id="excluiCookie" value="1" checked="true" style="vertical-align: middle;">
                    <label class="texto_11"> Excluir Cookies </label> 
                </label>
                <br />
                <br />
                <input id='btnLoginSimultaneoSim' type='button' value='Sim' style="width: 50px; height: 32px">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input id='telaTimeoutTimer' type='text' style='border:none;color:black;size:14px;font-weight:bold;' size='2' value='30'>
                &nbsp;&nbsp;
                <input id='btnLoginSimultaneoNao' type='button' value='Não' style="width: 50px; height: 32px">
                <input type='hidden' id='autenticadoCookie' name='autenticadoCookie' value='0' />
            </div>

            <div id="frmAutenticadoViaCookie" style="width: 250px; height: 200px; padding: 5px; background-color: #FFFFFF; border: solid 2px black; display:none;" align="center">
                <div id='loginSimultaneoTitulo'> Autenticação </div>
                <br />
                <div id='loginSimultaneoConteudo'>
                    Para acessar o sistema clique no botão entrar.
                    <br /><br /><br />
                    <input id='btnAutenticadoViaCookieEntrar' style='font-size:19px;' type='button' value='Entrar'>
                    <br /><br />
                    <input id='btnAutenticadoViaCookieSair' style='fonte-size:11px;' type='button' value='Sair'>
                    <br /><br />
                </div>
            </div>

            
            

            
                            <div id="frmCookieIntranet" class='texto_12' style="width: 240px; padding: 5px; margin-top: 10px; display:none;" align="center">
                    <div id='contentCookieIntranet'>
                        <span id='loginSimultaneoDados'>Atenção, certifique-se de que ninguém mais tem acesso a essa máquina, pois o seu perfil de acesso ao Tivel será gravado</span>
                        <br/>
                        <input id='btnCookieIntranet' type='button' value='OK' style="width: 60px; height: 28px; margin-top: 5px;">
                    </div>
                </div>
            
            
        </div>
    </center>

    
    
    <a id="logoTivel" href="http://www.teck.com.br/tivel/?ref=escala" target="_blank">
        <img src="/imagens/icone_tivel_130x45_transp.png" onmouseover="this.src = '/imagens/logo_tivel_130x45_transp.png'" onmouseout="this.src = '/imagens/icone_tivel_130x45_transp.png'">
    </a>
</body>
</html>