$(document).ready(function() {

    $('#locationSelectState').change(function() {
        $('#locationSelect option:eq(0)').attr('selected', 'selected');
        updateLocationSelect($(this).val());
    });
    $('#locationSelect').change(function() {
        $('#locationSubmit').click();
    });
    
    selectGroup = $('#locationSelect').children();
    
});

function updateLocationSelect(stateClass) {
    if(stateClass == 'ALL' || stateClass == '') {
        $('#locationSelect').append($(selectGroup));
        if($('#locationSelect option:eq(1)').attr('value') == '') {
            $('#locationSelect option:eq(1)').remove();
        }
    } else {
        $('#locationSelect option').remove();
        $('#locationSelect').append('<option value="">Gym...</option>');
        $(selectGroup).each(function() {
            if($(this).hasClass(stateClass)) {
                $('#locationSelect').append($(this));
            }
        });
    }
    $('#locationSelect option:eq(0)').attr('selected', 'selected');
}