/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

// JavaScript Document
function submitLogin(){
    if(document.getElementById("username").value == null || (document.getElementById("username").value == "")){
        document.getElementById("errMess").innerHTML = "<font color = 'red'>Username cannot be empty.</font>";
        //alert("<font color = 'red'>Username cannot be empty.</font>");
        document.getElementById("username").focus();
        return false;

    }else if(document.getElementById("pass").value == null || (document.getElementById("pass").value == "")){
        document.getElementById("errMess").innerHTML = "<font color = 'red'>Password cannot be empty.</font>";
        //alert("<font color = 'red'>Username cannot be empty.</font>");
        document.getElementById("pass").focus();
        return false;
    }else{
        document.getElementById("errMess").innerHTML = "<font color = 'blue'>Please wait...</font>";
        showLoader();
    }
}
function showLoader(){
    document.getElementById('errMess').innerHTML = "";
    this.disabled=true;
    var el = document.getElementById('buttons');
    //el.style.display = 'none';
    //this.form.submit();
    //disable the input fields
    var el1 = document.getElementById('pass');
    var el2 = document.getElementById('username');
    var el3 = document.getElementById('forgotPass');
    el3.style.visibility = 'hidden';
    el1.disabled = true; el2.disabled = true;
    el.innerHTML = "<div style='text-align: center;'><b>Authenticating...</b><br/><img src='resources/loading.gif' border='0' /></div>";
		
    checkLogin(el2.value, el1.value);

    return false;
}
	
function sendreply(type){
    //		alert("I got here...");
    var el = document.getElementById('buttons');
    var el3 = document.getElementById('forgotPass');
    //el3.style.display = 'visible';
    var el1 = document.getElementById('pass');
    var el2 = document.getElementById('username');
		
    el1.disabled = false; el2.disabled = false;
		
    if(type == 1){
        document.getElementById('errMess').innerHTML = "<font color='#FF0000'>User does not exist!</font>";
        el.innerHTML = "<label class=''></label><input value='Login' name='login' id='login' onclick='return submitLogin();' class='inputsubmit' type='submit'>";
        el3.style.visibility = 'visible';
    }else if(type == 2){
        document.getElementById('errMess').innerHTML = "<font color='#FF0000'>Invalid username or password!</font>";
        el.innerHTML = "<label class=''></label><input value='Login' name='login' id='login' onclick='return submitLogin();' class='inputsubmit' type='submit'>";
        el3.style.visibility = 'visible';
    }else if(type == 3){
        document.location = "Member.jsp";
    }else if(type == 4){
        document.location = "Admin.jsp";
    }else if(type == 5){
        document.location = "changePass.jsp";
    }else if(type == 6){
        document.location = "changePass.jsp";
    }else {
        document.getElementById('errMess').innerHTML = "<font color='#FF0000'>Error communicating with server</font>";
        el.innerHTML = "<label class=''></label><input value='Login' name='login' id='login' onclick='return submitLogin();' class='inputsubmit' type='submit'>";
        el3.style.visibility = 'visible';
    } 
                 
}
function checkLogin(user, pass)  {
	
    var xmlHttp;
  
    try    {
        // Firefox, Opera 8.0+, Safari
        xmlHttp=new XMLHttpRequest();
    }
    catch (e)
    {
        // Internet Explorer
        try
        {
            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            try
            {
                xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e)
            {
        	alert("Your browser does not support AJAX!");
        	return false;
            }
        }
    }
    
    xmlHttp.onreadystatechange=function() {
        if(xmlHttp.readyState==4)
        {
            var result = xmlHttp.responseText;
            result = result.trim();
            if(result == "NO_ID"){
                setTimeout("sendreply('1')", 3000);
            }
                
            else if(result == "NO_PASSWORD"){
                setTimeout("sendreply('2')", 3000);
            }
                
            else if(result == "MEMBER"){
                setTimeout("sendreply('3')", 3000);
            }
                
            else if(result == "ADMIN"){
                setTimeout("sendreply('4')", 3000);
            }
            else if(result == "NEW_MEMBER"){
                setTimeout("sendreply('5')", 3000);
            }
            else if(result == "CHANGE_MEMBER"){
                setTimeout("sendreply('6')", 3000);
            }
            else
                setTimeout("sendreply('7')", 3000);
        }	
    }
    xmlHttp.open('POST','loginUtil.jsp?action=login&id='+user+'&pass='+pass,true);
    xmlHttp.send(null);
}
String.prototype.trim = function() { 
    sInString = this.replace( /^\s+/g, "" );// strip leading
    return sInString.replace( /\s+$/g, "" );// strip trailing
		
};