/**
 * Custom JavaScript.
 */

( function( document, $ ) {
	'use strict';

	/**
	 * Append span to menu toggle.
	 */
	$( document ).ready( function() {
		$('.menu-toggle').append('<span></span>');
	} );

	/**
	 * Add shrink class to header on scroll.
	 */
	$( window ).scroll( function() {
		var scroll = $( window ).scrollTop();
		var header = $( '.site-header' ).outerHeight();
		if ( scroll >= header ) {
			$( '.site-header' ).addClass( 'shrink' );
		} else {
			$( '.site-header' ).removeClass( 'shrink' );
		}
	});

	/**
	 * Smooth scrolling.
	 */
	// Select all links with hashes
	$( 'a[href*="#"]' )

	// Remove links that don't actually link to anything
		.not( '[href="#"]' )
		.not( '[href="#0"]' )

		// Remove WooCommerce tabs
		.not( '[href*="#tab-"]' )
		.click( function( event ) {

			// On-page links
			if (
				location.pathname.replace( /^\//, '' ) ==
				this.pathname.replace( /^\//, '' ) &&
				location.hostname == this.hostname
			) {

				// Figure out element to scroll to
				var target = $( this.hash );
				target = target.length ?
					target :
					$( '[name=' + this.hash.slice( 1 ) + ']' );

				// Does a scroll target exist?
				if ( target.length ) {

					// Only prevent default if animation is actually gonna happen
					event.preventDefault();
					$( 'html, body' ).animate(
						{
							scrollTop: target.offset().top
						},
						1000,
						function() {

							// Callback after animation, must change focus!
							var $target = $( target );
							$target.focus();

							// Checking if the target was focused
							if ( $target.is( ':focus' ) ) {
								return false;
							} else {

								// Adding tabindex for elements not focusable
								$target.attr( 'tabindex', '-1' );

								// Set focus again
								$target.focus();
							}
						}
					);
				}
			}
		});
}( document, jQuery ) );