// Author : Sandeep
// Date : 22nd oct

var usernameCheckerTimer;


function usernameChecker() {
    //alert('in usernameChecker');
    var username = document.getElementById("ctl00_ContentPlaceHolder1_txtLogin").value;  // 5th Nov  //modified 12th Nov
    var spanAvailability = document.getElementById("ctl00_ContentPlaceHolder1_spanAvailability"); //5th Nov
    //alert("in usernameChecker");
    clearTimeout(usernameCheckerTimer);
    if (username.length == 0 )//|| username==" ")
        spanAvailability.innerHTML = "";
    else {
        spanAvailability.innerHTML = "<span style='color: #ccc;'>checking...</span>";
        usernameCheckerTimer = setTimeout("checkUsernameUsage('" + username + "');", 750);
    }
}

function checkUsernameUsage(username) {
    // initiate the ajax pagemethod call
    // upon completion, the OnSucceded callback will be executed
    
    PageMethods.IsUserAvailable(username, OnSucceeded);
}

// Callback function invoked on successful completion of the page method.
function OnSucceeded(result, userContext, methodName) {
    var spanAvailability = document.getElementById("ctl00_ContentPlaceHolder1_spanAvailability");  //5th Nov
    if (methodName == "IsUserAvailable") {
        if (result == true)
            spanAvailability.innerHTML = "<span style='color: DarkGreen;'>Available</span>";
        else
            spanAvailability.innerHTML = "<span style='color: Red;'>Unavailable</span>";
    }
}