// JavaScript Document
//addEvent(window,'load',inicializarEventos,false);

function inicializarEventos()
{
  var ob;
  ob=document.getElementById('idLogin');
  addEvent(ob,'click',enviarDatos,false);
  var ob2;
  ob2=document.getElementById('idLogout');
  addEvent(ob2,'click',enviarDatos2,false);
}

function enviarDatos(e)
{
  if (window.event)
    window.event.returnValue=false;
  else
    if (e)
      e.preventDefault();
      presionOpcion();
}

function enviarDatos2(e)
{
  if (window.event)
    window.event.returnValue=false;
  else
    if (e)
      e.preventDefault();
      presionOpcion2();
}

function retornarDatos()
{
  var cad='';
  var inputUser = '';
  var inputPwd = '';
  var welcome = '';
  
  inputUser = document.getElementById('inputUser').value;
  inputPwd = document.getElementById('inputPwd').value;
  welcome = document.getElementById('welcome').value;
  

  cad ='inputUser='+encodeURIComponent(inputUser)
  cad = cad + '&inputPwd='+encodeURIComponent(inputPwd);
  cad = cad + '&welcome='+encodeURIComponent(welcome);
  return cad;

}

function retornarDatos2()
{
  var cad='';
  var inputUser = '';
  var inputPwd = '';
  
  inputUser = document.getElementById('inputUser').value;
  inputPwd = document.getElementById('inputPwd').value;
  

  cad ='inputUser='+encodeURIComponent(inputUser)
  cad = cad + '&inputPwd='+encodeURIComponent(inputPwd);
  return cad;

}


var conexion1;
function presionOpcion() 
{
  conexion1=crearXMLHttpRequest();
  conexion1.onreadystatechange = procesarEventos;
  conexion1.open("POST","../login/login.php", true);
  conexion1.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  conexion1.send(retornarDatos());  
}

var conexion2;
function presionOpcion2() 
{
  conexion2=crearXMLHttpRequest();
  conexion2.onreadystatechange = procesarEventos2;
  conexion2.open("POST","../login/logout.php", true);
  conexion2.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  conexion2.send(retornarDatos2());  
}


function procesarEventos() {
    var detalles = document.getElementById("message");
    var detallesWel = document.getElementById("messageWelcome");
    if(conexion1.readyState == 4) {
       detalles.innerHTML = "";
       detallesWel.innerHTML = "";
       OKmsg= conexion1.responseText.indexOf("OK"); //En este caso login tiene que retornar OK
       //detalles.innerHTML = conexion1.responseText;  /*test comentar*/
       if (OKmsg > 0) {                                                                      
                //window.alert("Updated");
                //location.reload();
            hideLogin();
            detallesWel.innerHTML = conexion1.responseText.substring(15,conexion1.responseText.length); 
       } else {
            //Si periodicity retorna algo distinto a OK (algun error)
            detalles.innerHTML = conexion1.responseText; 
       } 
       
    }
    else {
        detalles.innerHTML = "Loading";
        detalles.style.display='block';
    }
}

function procesarEventos2() {
    var detalles = document.getElementById("message");
    var detallesWel = document.getElementById("messageWelcome");
    if(conexion2.readyState == 4) {
       detalles.innerHTML = "";
       detallesWel.innerHTML = "";
       OKmsg= conexion2.responseText.indexOf("OK"); //En este caso login tiene que retornar OK
       //detalles.innerHTML = conexion1.responseText;  /*test comentar*/
       if (OKmsg > 0) {                                                                      
                //window.alert("Updated");
                //location.reload();
            cleanField();
            viewLogin();
            //location.reload();
            //detallesWel.innerHTML = conexion2.responseText.substring(15,conexion1.responseText.length); 
       } else {
            //Si periodicity retorna algo distinto a OK (algun error)
            detalles.innerHTML = conexion2.responseText; 
       } 
       cleanField();
       viewLogin();
       
    }
    else {
        detalles.innerHTML = "Loading";
        detalles.style.display='block';
    }
}

//***************************************
//Funciones comunes a todos los problemas
//***************************************
function addEvent(elemento,nomevento,funcion,captura)
{
  if (elemento.attachEvent)
  {
    elemento.attachEvent('on'+nomevento,funcion);
    return true;
  }
  else  
    if (elemento.addEventListener)
    {
      elemento.addEventListener(nomevento,funcion,captura);
      return true;
    }
    else
      return false;
}

function crearXMLHttpRequest() 
{
  var xmlHttp=null;
  if (window.ActiveXObject) 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  else 
    if (window.XMLHttpRequest) 
      xmlHttp = new XMLHttpRequest();
  return xmlHttp;
}

function submitForm(flag)  {
       document.getElementById('flag_idiom').value = flag;
       document.getElementById('formIdiom').submit(); 
}

/////////////////////////////////////////////////////////////////////////////////
//hasta aca lo de ajax 
/////////////////////////////////////////////////////////////////////////////////

function viewLogin(){
       document.getElementById('loginRow0').style.visibility ="hidden";
       document.getElementById('loginRow0').style.display = "none";
       
       document.getElementById('loginRow1').style.visibility ="visible";
       document.getElementById('loginRow1').style.display = "block";           
       document.getElementById('loginRow2').style.visibility ="visible";
       document.getElementById('loginRow2').style.display = "block";           
       document.getElementById('loginRow3').style.visibility ="visible";
       document.getElementById('loginRow3').style.display = "block";           
       document.getElementById('loginRow4').style.visibility ="visible";
       document.getElementById('loginRow4').style.display = "block";           
}

function hideLogin(){
       document.getElementById('loginRow0').style.visibility ="visible";
       document.getElementById('loginRow0').style.display = "block";
       
       document.getElementById('loginRow1').style.visibility ="hidden";
       document.getElementById('loginRow1').style.display = "none";           
       document.getElementById('loginRow2').style.visibility ="hidden";
       document.getElementById('loginRow2').style.display = "none";           
       document.getElementById('loginRow3').style.visibility ="hidden";
       document.getElementById('loginRow3').style.display = "none";           
       document.getElementById('loginRow4').style.visibility ="hidden";
       document.getElementById('loginRow4').style.display = "none";           
}

function cleanField(){
       document.getElementById('inputUser').value ="";
       document.getElementById('inputPwd').value = "";
       document.getElementById("message").value = "";
       document.getElementById("messageWelcome").value = "";
}