$(document).ready(function() {
    
    $('#featured-staff-label').show();
	$("#featured-staff").carousel({ slideSpeed: "slow", dispItems: 4 , nextBtn: '<img src="' + MEDIA_URL + 'static/images/small-arrow-right.png" alt="next" />', prevBtn: '<img src="' + MEDIA_URL + 'static/images/small-arrow-left.png" alt="prev" />', loop: true });
        
    var curr_sel = $('#id_province').val();
    $('#id_province').html('');
    //$('#id_province').show();
   
    update_provinces();
    
    $('#id_country').change(function(e){
        update_provinces();
    });
    
});

function update_provinces() {
    var country_id = $('#id_country').val();
    if (!country_id) {
        country_id = '';
    }
    $.getJSON('/geography/states?country=' + country_id, function(data) {
        var options = '';
        for (var i = 0; i < data.length; i++) {
            options += "<option value='" + data[i]['pk'] + "' ";
            if (data[i]['pk'] == curr_sel)
                options += " selected "
            options += ">" + data[i]['fields']['name'] + "</option>";
        }
        $('#id_province').html(options);
        
        if (options != ''){
            $('#id_province').show();
            $('#id_province_label').show();
        } else {
            $('#id_province').hide();
            $('#id_province_label').hide();
        }
    });        
}