/**
 * 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( $ ) {

	//Update site accent color in real time...
	wp.customize( 'accent_color', function( value ) {
		value.bind( function( newval ) {		
			$('.post-title a:hover').css('color', newval );
			$('.main-menu .current-menu-item:before').css('color', newval );
			$('.main-menu .current_page_item:before').css('color', newval );
			$('.post-content blockquote:before').css('color', newval );
			$('.navigation .section-inner,.navigation').css('background', newval );
		} );
	} );
	
} )( jQuery );

( function( $ ) {

	//Update site accent color in real time...
	wp.customize( 'header_color', function( value ) {
		value.bind( function( newval1 ) {
			$('.header-wrapper').css('background-color', newval1 );
		} );
	} );
	
} )( jQuery );

( function( $ ) {

	//Update site accent color in real time...
	wp.customize( 'read_color', function( value ) {
		value.bind( function( newval2 ) {
			$('.read-more').css('background-color', newval2 );
		} );
	} );
	
} )( jQuery );