<?php
/**
 * Sample implementation of the Custom Header feature
 * http://codex.wordpress.org/Custom_Headers
 *
 * You can add an optional custom header image to header.php like so ...

    <?php if ( get_header_image() ) : ?>
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
        <img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="">
    </a>
    <?php endif; // End header image check. ?>

 *
 * @package sparkling
 */

/**
 * Setup the WordPress core custom header feature.
 *
 * @uses sparkling_header_style()
 * @uses sparkling_admin_header_style()
 * @uses sparkling_admin_header_image()
 *
 */
function sparkling_custom_header_setup() {
    add_theme_support(
        'custom-header', apply_filters(
            'sparkling_custom_header_args', array(
                'default-image'          => '',
                'default-text-color'     => 'dadada',
                'width'                  => 300,
                'height'                 => 76,
                'flex-height'            => true,
                'flex-width'             => true,
                'wp-head-callback'       => 'sparkling_header_style',
                'admin-head-callback'    => 'sparkling_admin_header_style',
                'admin-preview-callback' => 'sparkling_admin_header_image',
            )
        )
    );
}
add_action( 'after_setup_theme', 'sparkling_custom_header_setup' );

if ( ! function_exists( 'sparkling_header_style' ) ) :
    /**
     * Styles the header image and text displayed on the blog
     *
     * @see sparkling_custom_header_setup().
     */
    function sparkling_header_style() {
        $header_text_color = get_header_textcolor();
        ?>
        <style type="text/css">
        <?php
        // Has the text been hidden?
        if ( 'blank' === $header_text_color ) :
        ?>
            .site-name,
            .site-description {
                position: absolute;
                clip: rect(1px, 1px, 1px, 1px);
            }
        <?php
        // If the user has set a custom color for the text use that
        else :
        ?>
            .navbar > .container .navbar-brand {
                color: #<?php echo esc_attr( $header_text_color ); ?>;
            }
        <?php endif; ?>
        </style>
        <?php
    }
endif; // sparkling_header_style

if ( ! function_exists( 'sparkling_admin_header_style' ) ) :
    /**
     * Styles the header image displayed on the Appearance > Header admin panel.
     *
     * @see sparkling_custom_header_setup().
     */
    function sparkling_admin_header_style() {
        ?>
        <style type="text/css">
        .appearance_page_custom-header #headimg {
            border: none;
        }
        #headimg h1,
        #desc {
        }
        #headimg h1 {
        }
        #headimg h1 a {
        }
        #desc {
        }
        #headimg img {
        }
        </style>
        <?php
    }
endif; // sparkling_admin_header_style

if ( ! function_exists( 'sparkling_admin_header_image' ) ) :
    /**
     * Custom header image markup displayed on the Appearance > Header admin panel.
     *
     * @see sparkling_custom_header_setup().
     */
    function sparkling_admin_header_image() {
        $style = sprintf( ' style="color:#%s;"', esc_attr( get_header_textcolor() ) );
        ?>
        <div id="headimg">
            <h1 class="displaying-header-text"><a id="name"<?php echo $style; ?> onclick="return false;" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
            <div class="displaying-header-text" id="desc"<?php echo $style; ?>><?php bloginfo( 'description' ); ?></div>
            <?php if ( get_header_image() ) : ?>
                <img src="<?php header_image(); ?>" alt="">
            <?php endif; ?>
        </div>
        <?php
    }
endif; // sparkling_admin_header_image
?>