/**
 * Used to populate city/state drop downs for mobile application if javascript is available.
 *
 * version $Id: mobile.js,v 1.1.2.3 2008/04/10 18:34:52 cschulze Exp $
**/

function convertToSelects() {
    //Do nothing if search form is not present
    if(!$('stateText') || !$('cityText')) {
        return false;
    }
    
    //State
    var sel = $E('select', {id: 'stateSelect', name: 'state' });
    $('stateField').removeChild($('stateText'));
    $('stateField').appendChild(sel);
    
    //City
    var sel = $E('select', {id: 'citySelect', name: 'city' });
    $('cityField').removeChild($('cityText'));
    $('cityField').appendChild(sel);
    
    populateLists();
    Event.safeObserve($('stateSelect'), 'change', updateCityList);
}

function populateLists() {
    var stateSelect = $('stateSelect');
    stateSelect.options.length = 0;
    $H(commBooks).each(function(state) {
        stateSelect.options[stateSelect.options.length]=new Option(state[0],state[0]);
    });
    updateCityList();
}

function updateCityList() {
    var state = $('stateSelect').value;
    
    var citySelect = $('citySelect');
    citySelect.options.length = 0;
    $H(commBooks[state]).each(function(cityBook){
        citySelect.options[citySelect.options.length]=new Option(cityBook.key,cityBook.key);
    });
}

Event.safeObserve(window, 'load', convertToSelects);