window.onload = initPage;
var usernameValid = false;
var passwordValid = false;


function initPage() {


  document.getElementById("username").onblur = checkUsername;  
 //document.getElementById("password1").onfocus = checkPassword;
 document.getElementById("register").disabled = true;
  document.getElementById("register").onclick = LoginUser;

       
}

function checkUsername() {
var theName = document.getElementById("username").value;

  if (theName.length>2) {
    usernameValid=true;
    passwordValid=true;
    document.getElementById("username").classname="approved";
     checkFormStatus();
     }
  else {
    
  usernameValid=false;
document.getElementById("username").classname="denied";
  }
}

function checkPassword() {
  var thePass = document.getElementById("password1").value;
  if (thePass.length>2) {
    passwordValid=true;
    document.getElementById("password1").classname="approved";
     checkFormStatus();
     }
  else {
    
   passwordValid=false;
document.getElementById("password1").classname="denied";
  }
  passwordValid=true;
}


function checkFormStatus() {

  if (usernameValid && passwordValid) {
    document.getElementById("register").disabled = false;
  } else {
    document.getElementById("register").disabled = true;
  }
}

function LoginUser() {
  t = setInterval("scrollImages()", 50);
  document.getElementById("register").value = "Processing...";
  loginRequest = createRequest();
  if (loginRequest == null) {
    alert("Unable to create request.");
  } else {
    var url = "home_login_result.php";
    var requestData = "username=" + 
      escape(document.getElementById("username").value) + "&password=" +
      escape(document.getElementById("password1").value) + "&groupid=" +
      escape(document.getElementById("groupid").value)
    loginRequest.onreadystatechange = LoginProcessed;
    
    loginRequest.open("POST", url, true);
    loginRequest.setRequestHeader("Content-Type",
      "application/x-www-form-urlencoded");
    loginRequest.send(requestData);
    
  }
}

function LoginProcessed() {
  if (loginRequest.readyState == 4) {
    if (loginRequest.status == 200) {
    showname();
    document.getElementById("register").value = "Submit";
      document.getElementById('pagetext').innerHTML =
        loginRequest.responseText;
        //alert("???");
        if (substr(loginRequest.responseText,"Unsuccessful")>0) {
        //alert("hi");
        document.getElementById('pagetext').innerHTML = "test(UNSUCCESSSFUL)";
        }
        else {
        //alert("bye");
        document.getElementById('shortlogin').innerHTML =
        loginRequest.responseText;
        
        }
      //document.getElementById('shortlogin').innerHTML=
      //  loginRequest.responseText;
    }
  }
}
function showname() {
  //alert("showname");
  nameRequest = createRequest();
  if (nameRequest == null) {
    alert("Unable to create request.");
  } else {
    var url = "home_login_name_result.php";
    var requestData = "username=" + 
      escape(document.getElementById("username").value) + "&password=" +
      escape(document.getElementById("password1").value) + "&groupid=" +
      escape(document.getElementById("groupid").value)
    nameRequest.onreadystatechange = ShowNameProcessed;
    nameRequest.open("POST", url, true);
    nameRequest.setRequestHeader("Content-Type",
      "application/x-www-form-urlencoded");
    nameRequest.send(requestData);
   
  }
}
function ShowNameProcessed() {
  if (nameRequest.readyState == 4) {
    if (nameRequest.status == 200) {
      document.getElementById('logind').innerHTML =
        nameRequest.responseText;
       if(nameRequest.responseText.length>4) {document.getElementById('shortlogin').innerHTML = "log in successful";       }
        
    }
  }
}

function scrollImages() {
  images = document.getElementsByTagName('img');
  for (i = 0; i < images.length; i++) {
    left = images[i].style.left.substr(0, images[i].style.left.length - 2);
    if (left <=  -86) {
      left = 532;
    }
    images[i].style.left = (left - 1) + 'px';
  }
}