trestle/lib/js/theme-jquery.js

/**
 * Trestle theme jQuery
 *
 * @since 1.0.0
 *
 * @package Trestle
 */

// Executes when the document is ready
jQuery(document).ready(function() {

	// Get PHP vars passed via wp_localize_script()
	trestleEqualColsBreakpoint = php_vars.trestle_equal_cols_breakpoint;
	trestleEqualHeightCols = php_vars.trestle_equal_height_cols

	// Remove .no-jquery body class
	jQuery('body').removeClass('no-jquery');
	
	// External Links
	var h = window.location.host.toLowerCase();
	jQuery('[href^="http"]').not('[href*="' + h + '"]').addClass('external-link').attr("target", "_blank");

	// Add classes to different types of links
	jQuery('a[href^="mailto:"]').addClass('email-link');
	jQuery('a[href*=".pdf"]').attr({"target":"_blank"}).addClass('pdf-link');
	jQuery('a[href*=".doc"]').attr({"target":"_blank"}).addClass('doc-link');
	jQuery('a').has('img').addClass('image-link');

	// Add classes to parts of lists
	jQuery('li:last-child').addClass('last');
	jQuery('li:first-child').addClass('first');
	jQuery('ul, ol').parent('li').addClass('parent');

	// Mobile navigation button
	jQuery('#menu-button').click(function() {
		var button = jQuery(this);
		button.toggleClass('open');
        jQuery('.nav-primary').slideToggle();
    });

    // Mobile navigation icons
    var closedIcon = '+';
    var openIcon = '-';

    jQuery('.nav-primary').find('.genesis-nav-menu .parent:not(.current-menu-item, .current_page_item, .current_page_parent, .current_page_ancestor) > a').after('<a class="sub-icon" href="javascript:void()">' + closedIcon + '</a>');
    jQuery('.nav-primary').find('.genesis-nav-menu .parent.current-menu-item > a, .genesis-nav-menu .parent.current_page_item > a, .genesis-nav-menu .parent.current_page_parent > a, .genesis-nav-menu .parent.current_page_ancestor > a').after('<a class="sub-icon" href="javscript: void()">' + openIcon + '</a>');
    
    // Mobile navigation expand/contract functionality
    jQuery('.sub-icon').click(function() {
		var icon = jQuery(this);
		icon.next('ul').slideToggle().toggleClass('open');
		if ( icon.text().indexOf( closedIcon ) !== -1 )
			icon.text(openIcon);
		else if ( icon.text().indexOf( openIcon ) !== -1 )
			icon.text(closedIcon);
    });

	// Equal height homepage cols
    jQuery('.equal-height-genesis-extender-cols .ez-home-container-area').each(function() {
    	jQuery(this).children('.widget-area').equalHeights(null,null,trestleEqualColsBreakpoint);
    });

    
}); /* end of as page load scripts */


// Executes when complete page is fully loaded, including all frames, objects, and images
jQuery(window).load(function() {

});


/**
 * Equal Heights Plugin
 * 
 * Equalize the heights of elements. Great for columns or any elements
 * that need to be the same size (floats, etc).
 *
 * Based on Rob Glazebrook's (cssnewbie.com) script
 *
 * Additions
 *  - ability to include a break point (the minimum viewport width at which the script does anything)
 *  - binds the script to run on load, orientation change (for mobile), and when resizing the window
 *
 * Usage: jQuery(object).equalHeights([minHeight], [maxHeight], [breakPoint]);
 * 
 * Example 1: jQuery(".cols").equalHeights(); Sets all columns to the same height.
 * Example 2: jQuery(".cols").equalHeights(400); Sets all cols to at least 400px tall.
 * Example 3: jQuery(".cols").equalHeights(100,300); Cols are at least 100 but no more
 * than 300 pixels tall. Elements with too much content will gain a scrollbar.
 * Example 4: jQuery(".cols").equalHeights(null, null,768); Only resize columns above 768px viewport
 * 
 */
(function(jQuery) {
     jQuery.fn.equalHeights = function(minHeight, maxHeight, breakPoint) {
         var items = this;
         breakPoint = breakPoint || 0;
 
         // Bind functionality to appropriate events
         jQuery(window).bind('load orientationchange resize', function() {
             tallest = (minHeight) ? minHeight : 0;
             items.each(function() {
                 jQuery(this).height('auto');
                 if(jQuery(this).outerHeight() > tallest) {
                     tallest = jQuery(this).outerHeight();
                 }
             });
 
             // Get viewport width (taking scrollbars into account)
             var e = window;
             a = 'inner';
             if (!('innerWidth' in window )) {
                 a = 'client';
                 e = document.documentElement || document.body;
             }
             width = e[ a+'Width' ];
 
             // Equalize column heights if above the specified breakpoint
             if ( width >= breakPoint ) {
                 if((maxHeight) && tallest > maxHeight) tallest = maxHeight;
                 console.log(tallest);
                 return items.each(function() {
                     jQuery(this).height(tallest);
                 });
             }
         });
     }
 
 })(jQuery);