/* global blogDisplay, postDetails */

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

( function( $ ) {
	// Blog Display
	wp.customize( 'jetpack_content_blog_display', function( value ) {
		if ( 'content' === blogDisplay.display ) {
			$( '.jetpack-blog-display.jetpack-the-excerpt' ).css( {
				'clip': 'rect(1px, 1px, 1px, 1px)',
				'position': 'absolute'
			} );
			$(  '.jetpack-blog-display.jetpack-the-content' ).css( {
				'clip': 'auto',
				'position': 'relative'
			} );
		} else if ( 'excerpt' === blogDisplay.display ) {
			$( '.jetpack-blog-display.jetpack-the-content' ).css( {
				'clip': 'rect(1px, 1px, 1px, 1px)',
				'position': 'absolute'
			} );
			$( '.jetpack-blog-display.jetpack-the-excerpt' ).css( {
				'clip': 'auto',
				'position': 'relative'
			} );
		} else if ( 'mixed' === blogDisplay.display ) {
			$( '.jetpack-blog-display.jetpack-the-content.output-the-content' ).css( {
				'clip': 'auto',
				'position': 'relative'
			} );
			$( '.jetpack-blog-display.jetpack-the-excerpt.output-the-content' ).css( {
				'clip': 'rect(1px, 1px, 1px, 1px)',
				'position': 'absolute'
			} );
			$( '.jetpack-blog-display.jetpack-the-content.output-the-excerpt' ).css( {
				'clip': 'rect(1px, 1px, 1px, 1px)',
				'position': 'absolute'
			} );
			$( '.jetpack-blog-display.jetpack-the-excerpt.output-the-excerpt' ).css( {
				'clip': 'auto',
				'position': 'relative'
			} );
		}
		value.bind( function( to ) {
			if ( 'content' === to ) {
				$( '.jetpack-blog-display.jetpack-the-excerpt' ).css( {
					'clip': 'rect(1px, 1px, 1px, 1px)',
					'position': 'absolute'
				} );
				$(  '.jetpack-blog-display.jetpack-the-content' ).css( {
					'clip': 'auto',
					'position': 'relative'
				} );
			} else if ( 'excerpt' === to ) {
				$( '.jetpack-blog-display.jetpack-the-content' ).css( {
					'clip': 'rect(1px, 1px, 1px, 1px)',
					'position': 'absolute'
				} );
				$( '.jetpack-blog-display.jetpack-the-excerpt' ).css( {
					'clip': 'auto',
					'position': 'relative'
				} );
			} else if ( 'mixed' === to ) {
				$( '.jetpack-blog-display.jetpack-the-content.output-the-content' ).css( {
					'clip': 'auto',
					'position': 'relative'
				} );
				$( '.jetpack-blog-display.jetpack-the-excerpt.output-the-content' ).css( {
					'clip': 'rect(1px, 1px, 1px, 1px)',
					'position': 'absolute'
				} );
				$( '.jetpack-blog-display.jetpack-the-content.output-the-excerpt' ).css( {
					'clip': 'rect(1px, 1px, 1px, 1px)',
					'position': 'absolute'
				} );
				$( '.jetpack-blog-display.jetpack-the-excerpt.output-the-excerpt' ).css( {
					'clip': 'auto',
					'position': 'relative'
				} );
			}
			if ( blogDisplay.masonry ) {
				$( blogDisplay.masonry ).masonry();
			}
		} );
	} );

	// Post Details: Date.
	wp.customize( 'jetpack_content_post_details_date', function( value ) {
		value.bind( function( to ) {
			if ( false === to ) {
				$( postDetails.date ).css( {
					'clip': 'rect(1px, 1px, 1px, 1px)',
					'height': '1px',
					'overflow': 'hidden',
					'position': 'absolute',
					'width': '1px'
				} );
				$( 'body' ).addClass( 'date-hidden' );
			} else {
				$( postDetails.date ).css( {
					'clip': 'auto',
					'height': 'auto',
					'overflow': 'auto',
					'position': 'relative',
					'width': 'auto'
				} );
				$( 'body' ).removeClass( 'date-hidden' );
			}
		} );
	} );

	// Post Details: Categories.
	wp.customize( 'jetpack_content_post_details_categories', function( value ) {
		value.bind( function( to ) {
			if ( false === to ) {
				$( postDetails.categories ).css( {
					'clip': 'rect(1px, 1px, 1px, 1px)',
					'height': '1px',
					'overflow': 'hidden',
					'position': 'absolute',
					'width': '1px'
				} );
				$( 'body' ).addClass( 'categories-hidden' );
			} else {
				$( postDetails.categories ).css( {
					'clip': 'auto',
					'height': 'auto',
					'overflow': 'auto',
					'position': 'relative',
					'width': 'auto'
				} );
				$( 'body' ).removeClass( 'categories-hidden' );
			}
		} );
	} );

	// Post Details: Tags.
	wp.customize( 'jetpack_content_post_details_tags', function( value ) {
		value.bind( function( to ) {
			if ( false === to ) {
				$( postDetails.tags ).css( {
					'clip': 'rect(1px, 1px, 1px, 1px)',
					'height': '1px',
					'overflow': 'hidden',
					'position': 'absolute',
					'width': '1px'
				} );
				$( 'body' ).addClass( 'tags-hidden' );
			} else {
				$( postDetails.tags ).css( {
					'clip': 'auto',
					'height': 'auto',
					'overflow': 'auto',
					'position': 'relative',
					'width': 'auto'
				} );
				$( 'body' ).removeClass( 'tags-hidden' );
			}
		} );
	} );

	// Post Details: Author.
	wp.customize( 'jetpack_content_post_details_author', function( value ) {
		value.bind( function( to ) {
			if ( false === to ) {
				$( postDetails.author ).css( {
					'clip': 'rect(1px, 1px, 1px, 1px)',
					'height': '1px',
					'overflow': 'hidden',
					'position': 'absolute',
					'width': '1px'
				} );
				$( 'body' ).addClass( 'author-hidden' );
			} else {
				$( postDetails.author ).css( {
					'clip': 'auto',
					'height': 'auto',
					'overflow': 'auto',
					'position': 'relative',
					'width': 'auto'
				} );
				$( 'body' ).removeClass( 'author-hidden' );
			}
		} );
	} );

	// Post Details: Comment link.
	wp.customize( 'jetpack_content_post_details_comment', function( value ) {
		value.bind( function( to ) {
			if ( false === to ) {
				$( postDetails.comment ).css( {
					'clip': 'rect(1px, 1px, 1px, 1px)',
					'height': '1px',
					'overflow': 'hidden',
					'position': 'absolute',
					'width': '1px'
				} );
				$( 'body' ).addClass( 'comment-hidden' );
			} else {
				$( postDetails.comment ).css( {
					'clip': 'auto',
					'height': 'auto',
					'overflow': 'auto',
					'position': 'relative',
					'width': 'auto'
				} );
				$( 'body' ).removeClass( 'comment-hidden' );
			}
		} );
	} );
} )( jQuery );