/**
 * File customizer.js.
 *
 * Theme Customizer enhancements for a better user experience.
 *
 * Contains handlers to make Theme Customizer preview reload changes asynchronously.
 */

( function( $ ) {
	// Site title and description.
	wp.customize( 'blogname', function( value ) {
		value.bind( function( to ) {
			$( '.site-title a' ).text( to );
		} );
	} );
	wp.customize( 'blogdescription', function( value ) {
		value.bind( function( to ) {
			$( '.site-description' ).text( to );
			$( '.hero-title' ).text( to );
		} );
	} );

	// Logo
	wp.customize( 'custom_logo', function( value ) {
		value.bind( function( to ) {
			if( to !== '' ) {
				$( '.custom-logo-link' ).removeClass( 'only-customizer' );
			}
			else {
				$( '.custom-logo-link' ).addClass( 'only-customizer' );
			}
		} );
	} );

	// Header text color.
	wp.customize( 'header_textcolor', function( value ) {
		value.bind( function( to ) {
			if ( 'blank' === to ) {
				$( '.site-title a, .site-description' ).css( {
					'clip': 'rect(1px, 1px, 1px, 1px)',
					'position': 'absolute'
				} );
			} else {
				$( '.site-title a, .site-description' ).css( {
					'clip': 'auto',
					'position': 'relative'
				} );
				$( '.site-title a, .site-description' ).css( {
					'color': to
				} );
			}
		} );
	} );

    // Header text color.
    wp.customize( 'background_color', function( value ) {
        value.bind( function( to ) {
        	if( to !== 'undefined'){
                $( 'body, .front-page-sidebar, .front-page-content, div.woocommerce-error, div.woocommerce-info, div.woocommerce-message, .woocommerce div.woocommerce-upsells-products').css('background',to);
			}
        } );
    } );

	// Header phone
	wp.customize( 'belise_contact_phone', function( value ) {
		value.bind( function( to ) {
			if( to !== '' ){
				$('.top-bar .bar-contact').removeClass('only-customizer');
			} else {
				$('.top-bar .bar-contact').addClass('only-customizer');
			}
			$('.top-bar .bar-contact a').html(to);
			var tel_string = 'tel:'+to;
			$('.top-bar .bar-contact a').attr('href', tel_string);
		} );
	} );

	// Footer e-mail
	wp.customize( 'belise_contact_email', function( value ) {
		value.bind( function( to ) {
			if( to !== '' ){
				$('.footer-bar .bar-contact').removeClass('only-customizer');
			} else {
				$('.footer-bar .bar-contact').addClass('only-customizer');
			}
			$('.footer-bar .bar-contact a').html(to);
			var email_string = 'mailto'+to;
			$('.footer-bar .bar-contact a').attr('href', email_string);
		} );
	} );

    // Front page title
   wp.customize( 'belise_front_page_title', function( value ) {
        value.bind( function( to ) {
            if( to !== '' ){
                $('#hero .front-page-title').removeClass('only-customizer');
            } else {
                $('#hero .front-page-title').addClass('only-customizer');
            }
            $('#hero .front-page-title').html(to);
        } );
    } );

    // Front page button text
    wp.customize( 'belise_front_page_button', function( value ) {
        value.bind( function( to ) {
            if( to !== '' ){
                $('#hero .hero-btn-container').removeClass('only-customizer');
            } else {
                $('#hero .hero-btn-container').addClass('only-customizer');
            }
            $('#hero .hero-btn-container').html(to);
        } );
    } );
} )( jQuery );