// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults

Event.observe(window, 'load', function() {
    $$(".hideme").each( function(el) { el.hide(); } );
});

function state_selected() {
    $("state_wait_icon").setStyle({display: "inline"});
    Effect.Fade("local_list", {queue: "end"});
}

function country_selected() {
    $("country_wait_icon").setStyle({display: "inline"});
}

function update_country_access_numbers(responseText) {
    eval("var data = " + responseText);

    $("country_wait_icon").hide();

    if (data.states) {
        var select_data = "";
        for (var i = 0; i < data.states.length; i++) {
            select_data += "<option value='" + data.states[i].id + "'>" + data.states[i].name + "</option>";
        }
        $('select_state').innerHTML += select_data;
    }

    if (data.numbers) {
        var numbers_data = "";
        for (var j = 0; j < data.numbers.length; j++) {
            numbers_data += "<li>" + data.numbers[j] + "</li>";
        }
        $('eight_hundred_list').innerHTML = numbers_data;
    }

}

function country_reset_all() {
    $('local_list').innerHTML='';
    $('eight_hundred_list').innerHTML='';
    $('select_state').selectedIndex=0;
    $('select_state').innerHTML='<option>------ Choose ------</option>';
}

function update_access_numbers(responseText) {  
    eval("var data = " + responseText);

    setTimeout( function() {
        $("state_wait_icon").hide();
        var insert = "";
        if (!responseText || !data || data.length == 0) {
            insert += "<li>No numbers found</li>";
        } else {
          for ( var i=0; i < data.length; i++ ) {
            insert += "<li>";
            if (data[i].city) {
              insert += "<span class='city'>" + data[i].city + " - </span>";
            }
            insert += "<span class='number'>" + data[i].number + "</span></li>";
          }
        }
        $("local_list").innerHTML = insert;
        Effect.Appear("local_list", {queue: "end"});
    }, 500);
}

function update_state_list(responseText) {
    $('country_wait_icon').hide();

    eval("var data = " + responseText);

    var select_data = "";
    for (var i = 0; i < data.length; i++) {
        select_data += "<option value='" + data[i].id + "'>" + data[i].name + "</option>";
    }
    $('state').innerHTML += select_data;

}