function GetCities()
{
    var state = $("#state").val();
    
    $("#city").empty();
    $("#school_id").empty();
    
    $("#divLoadData").css("display", "");
    $.ajax({
            async: false,
            type: "POST",
            url: "/c/Lookup",
            data: "state=" + state,
            dataType: "json",
            success: function(json){
            processJSONCity( json );
           }
        });
    $("#divLoadData").css("display", "none");
    
    return true;
}

function enableButton()
{
    if($("#state").val() == "" || $("#city").val() == "" || $("#school_id").val() == "" )
    {
        $("#disabledSubmit").css("display", "inline");
        $("#submit").css("display", "none");
    }
    else
    {
        $("#disabledSubmit").css("display", "none");
        $("#submit").css("display", "inline");
    }
}

function processJSONCity( json )
{
    var response = json.response;
    
    $("#disabledSubmit").css("display", "");
    $("#submit").css("display", "none");
   
    for( var i = 0 ; i < response["city_list"].length ; i++ )
        document.getElementById("city").options[i] = new Option( response["city_list"][i].city,
                                       response["city_list"][i].city );
}

function GetSchools()
{
    var state = $("#state").val();
    var city = $("#city").val();
    
    if( state == "" || city == "")
    {
        return false;
    }
    else
    {
        $("#divLoadData").css("display", "");
        $.ajax({
                   async: false,
                   type: "POST",
                   url: "/c/Lookup",
                   data: "state=" + state + "&city=" + city,
                   dataType: "json",
                   success: function(json){
                   processJSONSchools( json );
               }
             });
        $("#divLoadData").css("display", "none");
    }

    return true;
}

function processJSONSchools( json )
{
    var response = json.response;
  
    $("#school_id").empty();
    
    $("#disabledSubmit").css("display", "");
    $("#submit").css("display", "none");

    for( var i = 0; i < response["eligible_school"].length ; i++ )
        document.getElementById("school_id").options[i] = new Option( response["eligible_school"][i].school_name,
                                response["eligible_school"][i].school_id );
}