// Archivo JScript
var bLog = false;
var ancho, alto;

function validarUsuario()
{
    $(document).keyup(function(event) {
      if (event.keyCode == 113)
        verLog();
      else if (event.keyCode == 27)
        ocultarLog();
    });  

    $('#ctl00_txtUserName').keyup(function(event) {
      if (event.keyCode == 13)
        comprobarUsuario();
      else
        $("#errorLogin").hide();
    });  
    
    $('#ctl00_txtPassword').keyup(function(event) {
      if (event.keyCode == 13) 
        comprobarUsuario();
      else
        $("#errorLogin").hide();
    });            
}

function comprobarUsuario()
{
    var usu = $("#ctl00_txtUserName").val();
    var pwd = $("#ctl00_txtPassword").val();

    $.ajax({
       type: "GET",
       url: "valUsuario.aspx",
       data: "usu=" + usu + "&pass=" + pwd,
       success: function(res){
         if(res == "1")
            __doPostBack('ctl00$lnkValidarUsuario','');
         else
         {
            $("#errorLogin").show();
            $("#ctl00_txtUserName").focus();
         }
       }
     });
}

function verLog(doc)
{
    var contenido = $("#log");
    var fondo = $("#fondoLog");
    var video = $("#videos");
    
     // Ocultamos el video porque se queda encima del div de fondo.
    if(video != null) 
    {
        video.css("visibility", "hidden");
    }
    fondo.show("normal");
    contenido.show("normal");
    $("#ctl00_txtUserName").focus();
    bLog = true;     
}

function ocultarLog()
{
    var contenido = $("#log");
    var fondo = $("#fondoLog");
    var video = $("#videos");
    
     // Ocultamos el video porque se queda encima del div de fondo.
    if(video != null) 
    {
        video.css("visibility", "");
    }
    fondo.hide("normal");
    contenido.hide("normal");
    
    $("#errorLogin").hide();
    
    bLog = false;        
} 

function posicionarLog()
{
    if (bLog)
    {
        var capa = $("#log");
        var capaFondo = $("#fondoLog");
    
        capaFondo.css("width", "100%");
        capaFondo.css("height", "140%");
        capaFondo.css("left", "0px");
        capaFondo.css("top", "0px");
        capaFondo.css("margin", "auto");
        
        posX = (document.documentElement.clientWidth - ancho) / 2;
        posY = (document.documentElement.clientHeight - alto) / 2;
        
        capa.css("left", posX + "px");
        capa.css("top", posY + "px");
    } 
}