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

( function( $, api ) {

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

	// Header text color.
	api( '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, .main-navigation a, .sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after' ).css( {
					'color': to
				} );
			}
		} );
	} );


	// Post Meta
	api( 'post_date', function( value ) {
		value.bind( function( to ) {
			if ( true === to ) {
				$( '.entry-meta .posted-on' ).css( {
					'display': 'inline-block'
				} );
			} else {
				$( '.entry-meta .posted-on' ).css( {
					'display': 'none'
				} );
			}
		} );
	} );

	api( 'post_author', function( value ) {
		value.bind( function( to ) {
			if ( true === to ) {
				$( '.entry-meta .byline' ).css( {
					'display': 'inline-block'
				} );
			} else {
				$( '.entry-meta .byline' ).css( {
					'display': 'none'
				} );
			}
		} );
	} );

	api( 'post_cat', function( value ) {
		value.bind( function( to ) {
			if ( true === to ) {
				$( '.entry-footer .cat-links' ).css( {
					'display': 'inline-block'
				} );
			} else {
				$( '.entry-footer .cat-links' ).css( {
					'display': 'none'
				} );
			}
		} );
	} );

	api( 'post_tag', function( value ) {
		value.bind( function( to ) {
			if ( true === to ) {
				$( '.entry-footer .tags-links' ).css( {
					'display': 'inline-block'
				} );
			} else {
				$( '.entry-footer .tags-links' ).css( {
					'display': 'none'
				} );
			}
		} );
	} );

	api( 'author_display', function( value ) {
		value.bind( function( to ) {
			if ( true === to ) {
				$( '.author-info' ).css( {
					'display': 'inline-block'
				} );
			} else {
				$( '.author-info' ).css( {
					'display': 'none'
				} );
			}
		} );
	} );

	api( 'footer_image', function( value ) {
		value.bind( function( to ) {
			$( '.footer-image' ).css( {
				'background-image': 'url(' + to + ')'
			} );
		} );
	} );

	api( 'theme_designer', function( value ) {
		value.bind( function( to ) {
			if ( true === to ) {
				$( '.site-designer' ).css( {
					'display': 'block'
				} );
			} else {
				$( '.site-designer' ).css( {
					'display': 'none'
				} );
			}
		} );
	} );

	api( 'primary_color', function( value ){
		value.bind( function( to ) {
			$( '#primary-color' ).text(
				ArcticBlackCustomizerl10n.primary_color_background + '{background-color:'+ to +'}' +
				ArcticBlackCustomizerl10n.primary_color_border + '{border-color:'+ to +'}' +
				ArcticBlackCustomizerl10n.primary_color_text + '{color:'+ to +'}' );
		} );
	} );

	api( 'secondary_color', function( value ){
		value.bind( function( to ) {
			$( '#secondary-color' ).text(
				ArcticBlackCustomizerl10n.secondary_color_background + '{background-color:'+ to +'}' +
				ArcticBlackCustomizerl10n.secondary_color_text + '{color:'+ to +'}' );
		} );
	} );

    api.selectiveRefresh.bind( 'sidebar-updated', function( sidebarPartial ) {

        if ( 'sidebar-4' === sidebarPartial.sidebarId ) {

			if ( jQuery().slick ) {

				$( '#quaternary .instagram-pics' ).not('.slick-initialized').slick({
					infinite: true,
					dots: false,
					adaptiveHeight: false,
					slidesToShow: 8,
					slidesToScroll: 1,
					autoplay: true,
					autoplaySpeed: 5000,
					arrows: false,
					responsive: [
						{
							breakpoint: 960,
							settings: {
								slidesToShow: 6
							}
						},
						{
							breakpoint: 768,
							settings: {
								slidesToShow: 4
							}
						},
						{
							breakpoint: 480,
							settings: {
								slidesToShow: 2
							}
						}
					]
				});

				$( window ).resize();

			}
        }

    } );

} )( jQuery, wp.customize );