/*
 * Frontend JS
 *
 * @package Esotera
 */

/*
 * DOCUMENT.READY()
 */
jQuery( document ).ready( function() {

	// preloader needs to be on window.ready and on window.load
	jQuery(window).load( function() {
		cryoutPreloader();
	});

	jQuery( ".lp-boxes-animated.lp-boxes" ).mousedir( ".lp-boxes-animated.lp-boxes:not(.lp-boxes-animated2) .lp-box" );

	cryoutLpBoxesRatios();
	cryoutMobileMenuInit();
	cryoutFixedMobileMenu();
	cryoutInitNav('#mobile-menu');
	cryoutMenuAnimate();
	cryoutBackToTop();
	cryoutSearchFormAnimation();
	cryoutSocialTitles();
	cryoutBodyClasses();
	cryoutTabsWidget();
	cryoutPortfolioFilter();
	cryoutHeaderParallax();
	cryoutBurgerMenu();
	cryoutRemoveFocus('#access a, #site-title a, button');
	cryoutSliderTitleBreakUp();

	if ( ( (cryout_theme_settings.fitvids == 2) && (cryout_theme_settings.is_mobile == 1) ) || ( cryout_theme_settings.fitvids == 1 ) ) {
		jQuery( ".entry-content" ).fitVids();
	}

	if ( cryout_theme_settings.autoscroll == 1 ) {
		cryoutAutoScroll();
	}

	if ( jQuery( this ).scrollTop() > 30 ) {
		jQuery( "#nav-fixed" ).addClass( "nav-fixed-show" );
	} else {
		jQuery( "#nav-fixed" ).removeClass( "nav-fixed-show" );
	}

	/* Animate articles */
	if ( cryout_theme_settings.articleanimation ) {
		animateScroll( "#content-masonry > article", "animated-onscroll" );
	}

	/* Animate landing page elements */
	animateScroll( ".lp-block, .lp-box, .lp-text, .lp-port, .lp-tt, .lp-section-title, .lp-section-desc", "animated-onscroll-lp" );

}); /* document.ready */

/*
 * WINDOW.LOAD()
 */
jQuery( window ).load( function() {

	/* trigger scroll on load */
	jQuery( window ).trigger( "scroll" );
	cryoutMasonry();
	cryoutPortfolioMasonry();

}); /* window.load */


/*
 * FUNCTIONS
 */

/* Site preloader */
function cryoutPreloader() {
	if ( ! jQuery('.cryout-preloader').length ) return;
	jQuery('.cryout-preloader').fadeOut(700, function() {
		jQuery(this).remove();
	});
} /* cryoutPreloader() */

/* Burger menu */
function cryoutBurgerMenu() {
	if ( ! jQuery('.hamburger').length ) return;
	$activeElements = jQuery('.hamburger, .site-header-top, #site-wrapper, .site-header-bottom-fixed, #mobile-menu');
	var fixedHeader = false; /* check to see if header menu was fixed so we know to put it back later*/

	jQuery('.hamburger, .top-section-close').click(function(e){
		$activeElements.toggleClass('is-active');
		if (jQuery('.site-header-bottom').hasClass('header-fixed')) {
			jQuery('.site-header-bottom').removeClass('header-fixed');
			fixedHeader = true;
		}
		e.stopPropagation();
	});

	jQuery(document).click(function(e) {
		if (!jQuery('.site-header-top').is(e.target) && jQuery('.site-header-top').has(e.target).length === 0 && jQuery("#site-wrapper").hasClass('is-active') ) {
			$activeElements.removeClass('is-active');
			if ( true === fixedHeader ) {
				jQuery('.site-header-bottom').addClass('header-fixed');
				fixedHeader = false;
			}
		}
	});

}

/* Force LP boxes images ratios */
function cryoutLpBoxesRatios() {
	for (index = 1; index <= cryout_theme_settings.lpboxratios.length; ++index) {
		jQuery( '.lp-boxes-'+index+' .lp-box-image, .lp-boxes-static:not(.lp-boxes-static2).lp-boxes-'+index+' .lp-box-content' ).keepRatio( cryout_theme_settings.lpboxratios[index-1] );
	}
} /* cryoutLpBoxesRatios() */

/* Menu animation */
function cryoutMenuAnimate() {
	jQuery( "#access > .menu ul li > a:not(:only-child)" ).attr( "aria-haspopup", "true" );/* IE10 mobile Fix */

	jQuery( "#access li" ).hover( function() {
		jQuery( this ).addClass('menu-hover');
	}, function() {
		jQuery( this ).removeClass('menu-hover');
	});

	jQuery('#access ul').find('a').on( 'focus', function() {
		jQuery( this ).parents( '.menu-item, .page_item' ).addClass( 'menu-hover' );
	});

	jQuery('#access ul').find('a').on( 'blur', function() {
		jQuery( this ).parents( '.menu-item, .page_item' ).removeClass( 'menu-hover' );
	});
} /* cryoutMenuAnimate() */

/* Static Slider Title Letter break */
function cryoutSliderTitleBreakUp() {
	/* If not landing page or static slider not active - exit */
	if ( ! jQuery( "body" ).hasClass( "esotera-landing-page" ) || ! jQuery('.lp-staticslider.animated-title').length ) return;

	/* And for improved performance, if static slider not in view - no animation */
	jQuery( window ).on( {'scroll': function( e ) {
			var el = jQuery( '.lp-staticslider.animated-title .staticslider-caption' );
			if ( ! isInViewport( el ) ) {
				el.hide();
			} else {
				el.show();
			}
	}});

	var $location = jQuery( ".staticslider-caption-title > span" );
	var oldStr = $location.html(); /* new string for processing, complete with HTML tags */
	var clearStr = $location.text().split(' ').join(''); /* text only string for keys */
	var newStr = "<em class='caption-title-word'>";
	var delay = 0.2;
	var nrOfAnimatedLetters = ( Math.floor( clearStr.length / 8 ) > 2) ? Math.floor( clearStr.length / 8) : 2;
	var interval = 3000 + nrOfAnimatedLetters * 200;
	var animatedLetters = []; /* array for the random letters that are going to be animated */

	for ( var i = 0; i < oldStr.length; i++ ) {
		if ( oldStr[i] == '<') { /* if tag starts skip everything until tag ends */
			substring = oldStr.substring(i);
			substring = substring.match(/(.*?)(<([^>]+)>)/ig);
			substring = substring[0];
			newStr += substring;
			i+= substring.length - 1;
		} else if ( oldStr[i] != ' ' ) {
			newStr += "<span><span class='cry-single'>" + oldStr[i] + "</span><span class='cry-double'>" +  oldStr[i] + "</span></span>";
		} else { /* spaces must be inside words for proper flow on new lines */
			newStr += "<span>&nbsp;</span></em><em class='caption-title-word'>";
		}
	}
	newStr += '</em>';

	/* Out with the old, in with the new... string */
	$location.html( newStr );

	function titleAnimation() {
		jQuery( ".staticslider-caption-title > span .cry-single, .staticslider-caption-title > span .cry-double" ).removeClass( 'animated-letter' ).css( 'animation-delay', 0 );
		for ( var i = 0; i < nrOfAnimatedLetters; i++ ) {
			animatedLetters[i] = Math.floor( Math.random() * clearStr.length ); /* get a random key from the new array of letters*/
			jQuery( ".staticslider-caption-title > span .cry-single" ).eq( animatedLetters[i] ).addClass( 'animated-letter' ).css( 'animation-delay', i * delay + 's' );
			jQuery( ".staticslider-caption-title > span .cry-double" ).eq( animatedLetters[i] ).addClass( 'animated-letter' ).css( 'animation-delay', i * delay + 's' );;
		}
	}

	setTimeout( titleAnimation, 1000 ); /* run once after one second */
	window.setInterval( titleAnimation, interval); /* run forever with set interval */

} /* cryoutSliderTitleBreakUp() */

/* Back to top button animation */
function cryoutBackToTop() {
	jQuery( window ).scroll( function() {
		if ( jQuery( this ).scrollTop() > 500 ) {
			jQuery( "#toTop" ).addClass('toTop-show');
		} else {
			jQuery( "#toTop" ).removeClass('toTop-show');
		}

		if ( jQuery( this ).scrollTop() > 100 && (! jQuery('.site-header-top').hasClass('is-active') )) {
			jQuery( ".esotera-fixed-menu .site-header-bottom" ).addClass( "header-fixed" );
		} else {
			jQuery( ".esotera-fixed-menu .site-header-bottom" ).removeClass( "header-fixed" );
		}

	});
	jQuery( "#toTop" ).click( function( event ) {
		event.preventDefault();
		jQuery( "html, body" ).animate( { scrollTop: 0 }, 500 );
		return false;
	});

} /* cryoutBackToTop() */

/* Search form animation */
function cryoutSearchFormAnimation() {
	var searchIcon = jQuery( "#access .menu-search-animated > a" );
	var searchForm = jQuery( ".menu-search-animated .searchform, .menu-main-search .icon-cancel" );
	var searchInput = jQuery( "#access .menu-search-animated .s" );

	searchIcon.on( 'click focus', function( event ) {
		event.preventDefault();
		searchForm.fadeIn( 200, function() {
			searchInput.focus();
			searchInput.css('outline', 'none');
		});
		searchInput.addClass( 'is-active' );
		event.stopPropagation();
	});

	searchForm.click( function( event ){
		event.stopPropagation();
	});

	searchInput.blur( function() {
		searchInput.removeClass( 'is-active' );
		searchForm.fadeOut( 200 );
	});

	jQuery('.hamburger').click( function( ) {
		jQuery('.site-header-top .top-section-close').focus().blur();
	});

	jQuery('.topmenu').blur( function() {

	});

} /* cryoutSearchFormAnimation() */

/* Mobile Menu */
function cryoutMobileMenuInit() {

	jQuery("#nav-toggle").click(function(e){
		e.stopPropagation();
		jQuery("#site-wrapper").addClass('is-active');
		jQuery("#mobile-menu").show(0).addClass('mobile-show');
		jQuery('body').addClass("noscroll");
	});

	jQuery("#nav-cancel").click(function(e){
		e.stopPropagation();
		jQuery("#mobile-menu").removeClass('mobile-show').hide(500);
		jQuery("#site-wrapper").removeClass('is-active');
		jQuery('body').removeClass("noscroll");
	});

	/* Remove animated class from mobile menu */
	jQuery("#mobile-menu .menu-main-search").removeClass("menu-search-animated");

	jQuery( "#mobile-menu > div" ).append( jQuery( "#branding" ).clone() );
	jQuery( "#mobile-menu #branding" ).attr( "id", "bmobile");

} /* cryoutMobileMenuInit() */

/* Add fixed mobile menu functionality */
function cryoutFixedMobileMenu(){
	
	/* only run if fixed menu is enabled */
	if (cryout_theme_settings.menustyle != 1) return;

	var c, currentScrollTop = 0,
	navbar = jQuery( '.site-header-bottom' ),
	body = jQuery( 'body' );

	jQuery(window).scroll(function () {
		var a = jQuery(window).scrollTop();
		var b = jQuery(document).height();
		var viewport = jQuery(window).height();
		var navbarHeight = navbar.height();

		currentScrollTop = a;
		currentScrollBottom = b;

		if (c < currentScrollTop && a > navbarHeight + navbarHeight) {
			/* scrolling down */
			body.removeClass('mobile-fixed');
		} else if (currentScrollTop > viewport && (currentScrollTop < currentScrollBottom - viewport*2) && c > currentScrollTop && !(a <= navbarHeight)) {
			/* scrolling up */
			body.addClass('mobile-fixed');
		}

		c = currentScrollTop;

		/* always clear fixed class when returning to the top */
		if ( currentScrollTop <= navbarHeight ) {
			body.removeClass('mobile-fixed');
		}

	});
} /* cryoutFixedMobileMenu() */

/* Add submenus toggles to the primary navigation */
function cryoutInitNav(selector) {

	container = jQuery(selector);

	/* Add dropdown toggle that display child menu items. */
	container.find( '.menu-item-has-children > a' ).after( '<button class="dropdown-toggle" aria-expanded="false"></button>' );
	container.find( '.page_item_has_children > a' ).after( '<button class="dropdown-toggle" aria-expanded="false"></button>' );

	/* Toggle buttons and submenu items with active children menu items. */
	container.find( '.current-menu-ancestor > button, .current-page-ancestor > button' ).addClass( 'toggle-on' );
	container.find( '.current-menu-ancestor > .sub-menu, .current-page-ancestor > .sub-menu, .current-menu-ancestor .children, .current-page-ancestor .children' ).show(0).addClass( 'toggled-on' );

	container.find( '.dropdown-toggle' ).click( function( e ) {
		var _this = jQuery( this );
		e.preventDefault();
		_this.toggleClass( 'toggle-on' );
		if ( _this.hasClass( 'toggle-on') ) {
			_this.next( '.children, .sub-menu' ).show(0).addClass( 'toggled-on' );
			_this.prev("a").addClass( "toggled-on" );
		}
		else {
			_this.next( '.children, .sub-menu' ).removeClass( 'toggled-on' );
			_this.next( '.children, .sub-menu' ).find( '.children, .sub-menu' ).removeClass( 'toggled-on' );
			_this.next( '.children, .sub-menu' ).find( 'a' ).removeClass( 'toggled-on' );
			_this.next( '.children, .sub-menu' ).find( '.dropdown-toggle' ).removeClass( 'toggled-on' );
			_this.prev("a").removeClass( "toggled-on" );

			setTimeout(function() {
				_this.next( '.children, .sub-menu' ).hide(0);
				_this.next( '.children, .sub-menu' ).find( '.children, .sub-menu' ).hide(0);
			},600)
		}

		/* _this.parent().find( 'a' ).toggleClass( 'toggled-on' ); */
		_this.attr( 'aria-expanded', _this.attr( 'aria-expanded' ) === 'false' ? 'true' : 'false' );
	} );

	/* Close mobile menu on click/tap */
	jQuery('body').on('click','#mobile-nav a', function() {
		jQuery('#nav-cancel i').trigger('click');
	});

} /* cryoutInitNav() */

/* LP Boxes Keep aspect ratio*/
jQuery.fn.keepRatio = function( ratio ) {

	var $this = jQuery( this );
	var nh = $this.width() / ratio;
	$this.css( "height", nh + "px" );
	jQuery( window ).resize( function() {
		var nh = $this.width() / ratio;
		$this.css( "height", nh + "px" );
	});

}; /* keepRatio() */

/* LP Box Mouse direction overlay animation */
jQuery.fn.mousedir = function( el ) {
	if ( ! jQuery( "body" ).hasClass( "esotera-landing-page" ) ) return;

	var $this = jQuery( this ),
		$el = jQuery( el ),
		last_position = {},
		$output = "direction-down";

	jQuery( document ).on( "mousemove", function (event) {

	    if ( typeof( last_position.x ) != "undefined" ) {
	        var deltaX = last_position.x - event.offsetX,
	            deltaY = last_position.y - event.offsetY;
	        if ( Math.abs( deltaX ) > Math.abs( deltaY ) && deltaX > 0 ) {
	            $output = "direction-left";
	        } else if ( Math.abs( deltaX ) > Math.abs( deltaY ) && deltaX < 0 ) {
	            $output = "direction-right";
	        } else if ( Math.abs( deltaY ) > Math.abs( deltaX ) && deltaY > 0 ) {
	            $output = "direction-up";
	        } else if ( Math.abs( deltaY ) > Math.abs( deltaX ) && deltaY < 0 ) {
	            $output = "direction-down";
	        } else {
				$output = "direction-down";
			}
		}
		last_position = {
	    	x : event.offsetX,
	    	y : event.offsetY
		};

	});

	$el.on( "mouseenter", function() {
		jQuery( this ).removeClass( "in-direction-left in-direction-right in-direction-up in-direction-down out-direction-left out-direction-right out-direction-up out-direction-down" );
		jQuery( this ).addClass( "in-" + $output );
		return;
	});
	$el.on( "mouseleave", function() {
		jQuery( this ).removeClass( "in-direction-left in-direction-right in-direction-up in-direction-down out-direction-left out-direction-right out-direction-up out-direction-down" );
		jQuery( this ).addClass( "out-" + $output );
		return;
	});

}; /* mouseDir() */

/* Check if element is visible in browser window */
function isInViewport(el) {
	var elementTop = jQuery(el).offset().top;
	var elementBottom = elementTop + jQuery(el).outerHeight();

	var viewportTop = jQuery(window).scrollTop();
	var viewportBottom = viewportTop + jQuery(window).height() - 150;

	return elementBottom > viewportTop && elementTop < viewportBottom;
} /* isInViewport() */

/* Animate on scroll */
function animateScroll( $articles, $class ) {

	var $articles = jQuery( $articles );

	$articles.each( function( i, el ) {
		  jQuery(el).addClass( $class );
	});

	jQuery( window ).on({
	    'scroll': function( e ) {
			$articles.each( function( i, el ) {
				if ( isInViewport(el) ) {
					jQuery(el).removeClass( $class );
				}
			});
	    }
	});

} /* animateScroll() */

/* Header image paralax effect and opacity, animate header titles */
function cryoutHeaderParallax() {
	cur_op = parseFloat(jQuery('#header-overlay').css('opacity'));
	/* Parallax on scroll */
	jQuery( window ).scroll( function() {
		var scrolled = jQuery( window ).scrollTop();

		jQuery( '#masthead .header-image' ).each( function( index, element ) {

			/* skip animations if element is not currently visible */
			if ( jQuery( element ).css('display') == 'none' ) return true;

		    var initY = jQuery( element ).offset().top;
		    var height = jQuery( element ).height();

		    var visible = isInViewport( jQuery( element ) );
		    if( visible ) {
				var diff = scrolled - initY;
				var ratio = Math.round( ( diff / height ) * 100 );
				jQuery( element ).css( 'opacity', 1);
				jQuery( element ).css( 'background-position','center ' + (50 + parseInt( ratio )) + '%' );
				if ( ( parseInt( ratio ) > 0 ) ) {
					jQuery( '#header-overlay' ).css( 'opacity', ( cur_op - ( parseInt( ratio ) * cur_op / 100 ) ) );
				}
			}
		})
	})
} /* cryoutHeaderParallax()

/*  Add Social Icons titles */
function cryoutSocialTitles() {

	jQuery( ".socials a" ).each(function() {
		jQuery( this ).attr( "title", jQuery( this ).children().html() );
		jQuery( this ).html( "" );
	});

} /* cryoutSocialTitles() */

/* Add body classes */
function cryoutBodyClasses() {
	/* Detect and apply custom class for Safari */
	if ( navigator.userAgent.indexOf( "Safari" ) != -1 && navigator.userAgent.indexOf( "Chrome" ) == -1) {
		jQuery( "body" ).addClass( "safari" );
	}
	/* Add body class if masonry is used on page */
	if ( jQuery( "#content-masonry" ).length > 0 ) {
		jQuery( "body" ).addClass( "esotera-with-masonry" );
	}
} /* cryoutBodyClasses() */

/* Remove all off-canvas states */
function cryoutRemoveFocus( selector ) {
	jQuery( selector ).on('mouseup mousedown', function() {
		jQuery( this ).blur();
	});
	jQuery( 'input, textarea, select, button' ).on('mouseup mousedown', function() {
		jQuery( this ).css('outline', 'none');
	})
} /* cryoutRemoveFocus() */

/*  Tabs widget */
function cryoutTabsWidget() {
		var tabsNav       = jQuery('.cryout-wtabs-nav'),
			tabsNavLis    = tabsNav.children('li'),
			tabsContainer = jQuery('.cryout-wtabs-container');

		tabsNav.each(function() {
			var localthis = jQuery(this);
			localthis.next().children('.cryout-wtab').stop(true, true).children('li').hide().parent().siblings( localthis.find('a').attr('href') ).children('li').show();
			localthis.children('li').first().addClass('active').stop(true, true).show();
		});

		tabsNavLis.on('click', function(e) {
			var localthis = jQuery(this);

			localthis.siblings().removeClass('active').end().addClass('active');
			var tabs_duration = 200;
			localthis.parent().next().children('.cryout-wtab').stop(true, true).children( 'li' ).hide().parent().siblings( localthis.find('a').attr('href') ).children('li').each( function(index){
				jQuery(this).fadeIn(tabs_duration*(index+1));
			});
			e.preventDefault();
		}).children( window.location.hash ? 'a[href="' + window.location.hash + '"]' : 'a:first' ).trigger('click');

} /* cryoutTabsWidget() */

/* Blog Masonry */
function cryoutMasonry() {
	if ( ( cryout_theme_settings.masonry == 1 ) && ( cryout_theme_settings.magazine != 1 ) && ( typeof jQuery.fn.masonry !== 'undefined' ) ) {
		jQuery('#content-masonry').masonry({
			itemSelector: 'article',
			columnWidth: 'article',
			percentPosition: true,
			isRTL: cryout_theme_settings.rtl,
		});
	}
} /* cryoutMasonry() */

/* Jetpack Portfolio Masonry */
function cryoutPortfolioMasonry() {
	if ( ( cryout_theme_settings.masonry == 1 ) && ( typeof jQuery.fn.masonry !== 'undefined' ) ) {
		jQuery('#lp-portfolio .jetpack-portfolio-shortcode').masonry({
			itemSelector: '.portfolio-entry',
			columnWidth: '.portfolio-entry:not(.hidey)',
			percentPosition: true,
			isRTL: cryout_theme_settings.rtl,
		});
	}
} /* cryoutPortfolioMasonry() */

/* Portfolio filtering */
function cryoutPortfolioFilter() {
	jQuery('body').on('click', '#portfolio-filter > a', function(e) {
		e.preventDefault();
		jQuery('#portfolio-filter > a').removeClass('active');
		jQuery(this).addClass('active');
		var filter = jQuery(this).attr('data-slug');
		jQuery('#portfolio-masonry .portfolio-entry').each( function(i,elm) {
			if (filter == 'all') {
				jQuery(elm).removeClass('hidey').fadeIn('fast');
			} else {
				if ( !jQuery(elm).hasClass('type-'+filter) ) {
					jQuery(elm).addClass('hidey').fadeOut('fast');
				} else {
					jQuery(elm).removeClass('hidey').fadeIn('fast');
				}
			}
		}).promise().done( function() {
			cryoutPortfolioMasonry();
			/*jQuery('.jetpack-portfolio-shortcode').masonry();*/
		});
		return false;
	});
} /* cryoutPortfolioFilter() */

/* FitVids 1.1*/
;(function( $ ){

  'use strict';

  $.fn.fitVids = function( options ) {
    var settings = {
      customSelector: null,
      ignore: null
    };

    if(!document.getElementById('fit-vids-style')) {
      /* appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js */
      var head = document.head || document.getElementsByTagName('head')[0];
      var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';
      var div = document.createElement("div");
      div.innerHTML = '<p>x</p><style id="fit-vids-style">' + css + '</style>';
      head.appendChild(div.childNodes[1]);
    }

    if ( options ) {
      $.extend( settings, options );
    }

    return this.each(function(){
      var selectors = [
        'iframe[src*="player.vimeo.com"]',
        'iframe[src*="youtube.com"]',
        'iframe[src*="youtube-nocookie.com"]',
        'iframe[src*="kickstarter.com"][src*="video.html"]',
        'object',
        'embed'
      ];

      if (settings.customSelector) {
        selectors.push(settings.customSelector);
      }

      var ignoreList = '.fitvidsignore, .wp-block-embed__wrapper';

      if(settings.ignore) {
        ignoreList = ignoreList + ', ' + settings.ignore;
      }

      var $allVideos = $(this).find(selectors.join(','));
      $allVideos = $allVideos.not('object object'); /* SwfObj conflict patch */
      $allVideos = $allVideos.not(ignoreList); /* Disable FitVids on this video. */

      $allVideos.each(function(){
        var $this = $(this);
        if($this.parents(ignoreList).length > 0) {
          return; /* Disable FitVids on this video. */
        }
        if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
        if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width'))))
        {
          $this.attr('height', 9);
          $this.attr('width', 16);
        }
        var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
            width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
            aspectRatio = height / width;
        if(!$this.attr('name')){
          var videoName = 'fitvid' + $.fn.fitVids._count;
          $this.attr('name', videoName);
          $.fn.fitVids._count++;
        }
        $this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');
        $this.removeAttr('height').removeAttr('width');
      });
    });
  };

  /* Internal counter for unique video names. */
  $.fn.fitVids._count = 0;

/* Works with either jQuery or Zepto */
})( window.jQuery || window.Zepto );

/* IE .closest() fix */
if (window.Element && !Element.prototype.closest) {
    Element.prototype.closest =
    function(s) {
        var matches = (this.document || this.ownerDocument).querySelectorAll(s),
            i,
            el = this;
        do {
            i = matches.length;
            while (--i >= 0 && matches.item(i) !== el) {};
        } while ((i < 0) && (el = el.parentElement));
        return el;
    };
}

/**
 * Scroll to anchors
 */
function cryoutAutoScroll(document, history, location) {
	document = window.document;
	history = window.history;
	location = window.location;
	var HISTORY_SUPPORT = !!(history && history.pushState);
	var anchorScrolls = {
		ANCHOR_REGEX: /^#[^ ]+$/,
		OFFSET_HEIGHT_PX: jQuery('.esotera-fixed-menu #site-header-main').height()+40,

		/**
		* Establish events, and fix initial scroll position if a hash is provided.
		*/
		init: function() {
			this.scrollToCurrent();
			jQuery(window).on('hashchange', jQuery.proxy(this, 'scrollToCurrent'));
			jQuery('body').on('click', '.main a, nav ul li a', jQuery.proxy(this, 'delegateAnchors'));
		},

		/**
		* Return the offset amount to deduct from the normal scroll position.
		* Modify as appropriate to allow for dynamic calculations
		*/
		getFixedOffset: function() {
			return this.OFFSET_HEIGHT_PX;
		},

		/**
		* If the provided href is an anchor which resolves to an element on the
		* page, scroll to it.
		* @param  {String} href
		* @return {Boolean} - Was the href an anchor.
		*/
		scrollIfAnchor: function(href, pushToHistory) {
			var match, anchorOffset;

			if(!this.ANCHOR_REGEX.test(href)) {
				return false;
			}

			match = document.getElementById(href.slice(1));

			if(match && ! isInViewport( match )) {
				anchorOffset = jQuery(match).offset().top - this.getFixedOffset();
				jQuery('html, body').animate({ scrollTop: anchorOffset});

				/* Add the state to history as-per normal anchor links */
				if(HISTORY_SUPPORT && pushToHistory) {
					history.pushState({}, document.title, location.pathname + href);
				}
			}

			return !!match;
		},

		/**
		* Attempt to scroll to the current location's hash.
		*/
		scrollToCurrent: function(e) {
			if(this.scrollIfAnchor(window.location.hash) && e) {
				e.preventDefault();
			}
		},

		/**
		* If the click event's target was an anchor, fix the scroll position.
		*/
		delegateAnchors: function(e) {
			var elem = e.target.closest('a');

			if(this.scrollIfAnchor(elem.getAttribute('href'), true)) {
				e.preventDefault();
			}
		}
	};

	jQuery(document).ready(jQuery.proxy(anchorScrolls, 'init'));
}

/* FIN */
