jQuery( document ).ready( function( $ ) {

    /**
     * Shortcut to show/hide an arbitrary element.  Duplicated from the settings.js version.
     * 
     * @param {string} selector The CSS selector of the elements to show/hide
     * @param {boolean} show Indicates whether the element should be shown or hidden
     */
    function display_element( selector, show )
    {
        if ( show ) $( selector ).removeClass( 'hidden' );
        else        $( selector ).addClass( 'hidden' );
    }

    //
    //  METABOX: Header
    //

    /**
     * Show/hide the slider list/notice if the slider option is selected.
     */
    var header_type_elements = $( 'input[name=bpq_popt_header_type]' );
    if ( header_type_elements.length > 0 ) {

        //  Update display when page is initially loaded.
        var selected_header_type_elements = $( 'input[name=bpq_popt_header_type]:checked' );
        if ( selected_header_type_elements.length > 0 ) {
            
            $.each( selected_header_type_elements, function( index, value ) {

                var metabox = $( value ).closest( '#metabox_header' );
                var is_slider_type_selected = ( $( value ).val() == 'slider' );
                display_element( metabox.find( '.container-bpq_popt_header_slider_list' ), is_slider_type_selected );
                display_element( metabox.find( '.container-bpq_popt_header_slider_notice' ), is_slider_type_selected );

            });
            
        }

        //  Update display when a new value is selected.
        header_type_elements.on( 'change', function( e ) {
            
            var metabox = $( this ).closest( '#metabox_header' );
            var is_slider_type_selected = ( $( this ).val() == 'slider' );
            display_element( metabox.find( '.container-bpq_popt_header_slider_list' ), is_slider_type_selected );
            display_element( metabox.find( '.container-bpq_popt_header_slider_notice' ), is_slider_type_selected );

        });
    }

});