var TIME_TABLE_SHOW_ALL = "all";

$( document ).ready(function(){

    $( "#timetable_filter" ).change(function(){
        var filterVal = $( this ).val();
        var timetableElements = $( ".timetable_block" );
        if ( filterVal == TIME_TABLE_SHOW_ALL )
        {
            timetableElements.show();
        }
        else
        {
            timetableElements.each(function(){
                var elementTitle = $.trim( $( this ).find( ".timetable_header:first-child" ).html() );
                if ( elementTitle != filterVal )
                {
                    $( this ).hide();
                }
                else
                {
                    $( this ).show();
                }
            });
        }
    });
    
    InitSelect( $( "#timetable_filter" ), $( "#timetable_select_surface" ) );
});