$(document).ready(function(){
    $('select#id_country').change(function(){
        updateState();
    });
    updateState();
});


function updateState()
{
    $('select#id_state option:not(:first-child)').remove();
    
    var states = countries[$('select#id_country').val()];
    if ( typeof(states) != 'undefined' ) {
        for (indexState in states) {
            //ie bug fix
            if (indexState != 'indexOf')
                $('select#id_state').append('<option value="'+states[indexState]+'"'+ (idSelectedCountry == states[indexState] ? ' selected="selected' : '') + '">'+indexState+'</option>');
        }
        $('p.id_state:hidden').slideDown('slow');
    } else {
        $('p.id_state').slideUp('fast');
    }
}