/**
 * This file adds some LIVE to the Theme Customizer live preview. To leverage
 * this, set your custom settings to 'postMessage' and then add your handling
 * here. Your javascript should grab settings from customizer controls, and 
 * then make any necessary changes to the page using jQuery.
 */

( function( $ ) {

    wp.customize( 'text_color', function( value ) {
        value.bind( function( newval ) {
            $('html').css('color', newval );
        } );
    } );

    wp.customize( 'text_primary_color', function( value ) {
        value.bind( function( newval ) {
            $('.uk-text-primary').css('color', newval );
        } );
    } );
    
    wp.customize( 'text_muted_color', function( value ) {
        value.bind( function( newval ) {
            $('.uk-text-muted').css('color', newval );
        } );
    } );

    wp.customize( 'textlink_color', function( value ) {
        value.bind( function( newval ) {
            $('a, .uk-link, .uk-nav-side ul a, .uk-nav-dropdown ul a, .uk-nav-navbar ul a, .uk-navbar-content > a:not([class]), .uk-subnav > * > a, .uk-subnav > * > :focus, .uk-subnav > .uk-active > * , .uk-tab > li > a, .uk-button-link').css('color', newval );
        } );
    } );

    wp.customize( 'textlink_color_hover', function( value ) {
        value.bind( function( newval ) {
            $('a:hover, .uk-link:hover, .uk-nav-side ul a:hover, .uk-nav-dropdown ul a:hover, .uk-nav-navbar ul a:hover, .uk-navbar-content > a:not([class]):hover, .uk-subnav > * > :hover,.uk-subnav > * > :focus, .uk-subnav > .uk-active > *, .uk-tab > li > a:hover, .uk-button-link:hover').css('color', newval );
        } );
    } );

    wp.customize( 'bgd_color', function( value ) {
        value.bind( function( newval ) {
            $('html').css('backgroundcolor', newval );
        } );
    } );

    wp.customize( 'box_bgd', function( value ) {
        value.bind( function( newval ) {
            $('.uk-panel-box').css('backgroundcolor', newval );
        } );
    } );

    wp.customize( 'box_txt', function( value ) {
        value.bind( function( newval ) {
            $('.uk-panel-box').css('color', newval );
        } );
    } );

    wp.customize( 'box_title', function( value ) {
        value.bind( function( newval ) {
            $('.uk-panel-box .uk-panel-title, .uk-panel-box .uk-article-meta').css('color', newval );
        } );
    } );

    wp.customize( 'box_primary_bgd', function( value ) {
        value.bind( function( newval ) {
            $('.uk-panel-box-primary').css('backgroundcolor', newval );
        } );
    } );

    wp.customize( 'box_primary_txt', function( value ) {
        value.bind( function( newval ) {
            $('.uk-panel-box-primary').css('color', newval );
        } );
    } );

    wp.customize( 'box_primary_title', function( value ) {
        value.bind( function( newval ) {
            $('.uk-panel-box-primary .uk-panel-title').css('color', newval );
        } );
    } );

    wp.customize( 'button_bgd', function( value ) {
        value.bind( function( newval ) {
            $('.uk-button').css('backgroundcolor', newval );
        } );
    } );

    wp.customize( 'button_bgd_hover', function( value ) {
        value.bind( function( newval ) {
            $('.uk-button:hover, .uk-button:focus').css('backgroundcolor', newval );
        } );
    } );

    wp.customize( 'primary_button_bgd', function( value ) {
        value.bind( function( newval ) {
            $('.uk-button-primary, .uk-pagination > .uk-active > span, .uk-contrast .uk-button-primary, .uk-pagination > .uk-active > span').css('backgroundcolor', newval );
        } );
    } );

    wp.customize( 'primary_button_bgd_hover', function( value ) {
        value.bind( function( newval ) {
            $('.uk-button-primary:hover, .uk-button-primary:focus, .uk-contrast .uk-button-primary:hover, .uk-contrast .uk-button-primary:focus').css('backgroundcolor', newval );
        } );
    } );

    wp.customize( 'icon_button_bgd', function( value ) {
        value.bind( function( newval ) {
            $('.uk-icon-button').css('backgroundcolor', newval );
        } );
    } );

    wp.customize( 'icon_button_bgd_hover', function( value ) {
        value.bind( function( newval ) {
            $('.uk-icon-button:hover, .uk-icon-button:focus').css('backgroundcolor', newval );
        } );
    } );

    wp.customize( 'navbar_bgd', function( value ) {
        value.bind( function( newval ) {
            $('.uk-navbar').css('backgroundcolor', newval );
        } );
    } );

    wp.customize( 'navbar_bgd_hover', function( value ) {
        value.bind( function( newval ) {
            $('.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a, .uk-navbar-nav > li.uk-active > a, .uk-nav-navbar > li > a:hover').css('backgroundcolor', newval );
        } );
    } );

    wp.customize( 'navbar_bgd_active', function( value ) {
        value.bind( function( newval ) {
            $('.uk-navbar-nav > li.uk-active > a').css('backgroundcolor', newval );
        } );
    } );

    wp.customize( 'navbar_bgd_dropdown', function( value ) {
        value.bind( function( newval ) {
            $('.uk-dropdown, .uk-dropdown-navbar').css('backgroundcolor', newval );
        } );
    } );

} )( jQuery );