/////////////////////////////////////////////////////////////////////////////////////////////// // PLUGINS // /////////////////////////////////////////////////////////////////////////////////////////////// /** * hoverIntent is similar to jQuery's built-in "hover" function except that * instead of firing the onMouseOver event immediately, hoverIntent checks * to see if the user's mouse has slowed down (beneath the sensitivity * threshold) before firing the onMouseOver event. * * hoverIntent r6 // 2011.02.26 // jQuery 1.5.1+ * * * hoverIntent is currently available for use in all personal or commercial * projects under both MIT and GPL licenses. This means that you can choose * the license that best suits your project, and use it accordingly. * * // basic usage (just like .hover) receives onMouseOver and onMouseOut functions * $("ul li").hoverIntent( showNav , hideNav ); * * // advanced usage receives configuration object only * $("ul li").hoverIntent({ * sensitivity: 7, // number = sensitivity threshold (must be 1 or higher) * interval: 100, // number = milliseconds of polling interval * over: showNav, // function = onMouseOver callback (required) * timeout: 0, // number = milliseconds delay before onMouseOut function call * out: hideNav // function = onMouseOut callback (required) * }); * * @param f onMouseOver function || An object with configuration options * @param g onMouseOut function || Nothing (use configuration options object) * @author Brian Cherne brian(at)cherne(dot)net */ (function($) { $.fn.hoverIntent = function(f,g) { // default configuration options var cfg = { sensitivity: 7, interval: 100, timeout: 150 }; // override configuration options with user supplied object cfg = $.extend(cfg, g ? { over: f, out: g } : f ); // instantiate variables // cX, cY = current X and Y position of mouse, updated by mousemove event // pX, pY = previous X and Y position of mouse, set by mouseover and polling interval var cX, cY, pX, pY; // A private function for getting mouse position var track = function(ev) { cX = ev.pageX; cY = ev.pageY; }; // A private function for comparing current and previous mouse position var compare = function(ev,ob) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); // compare mouse positions to see if they've crossed the threshold if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) { $(ob).unbind("mousemove",track); // set hoverIntent state to true (so mouseOut can be called) ob.hoverIntent_s = 1; return cfg.over.apply(ob,[ev]); } else { // set previous coordinates for next time pX = cX; pY = cY; // use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs) ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval ); } }; // A private function for delaying the mouseOut function var delay = function(ev,ob) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); ob.hoverIntent_s = 0; return cfg.out.apply(ob,[ev]); }; // A private function for handling mouse 'hovering' var handleHover = function(e) { // copy objects to be passed into t (required for event object to be passed in IE) var ev = jQuery.extend({},e); var ob = this; // cancel hoverIntent timer if it exists if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); } // if e.type == "mouseenter" if (e.type == "mouseenter") { // set "previous" X and Y position based on initial entry point pX = ev.pageX; pY = ev.pageY; // update "current" X and Y position based on mousemove $(ob).bind("mousemove",track); // start polling interval (self-calling timeout) to compare mouse coordinates over time if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );} // else e.type == "mouseleave" } else { // unbind expensive mousemove event $(ob).unbind("mousemove",track); // if hoverIntent state is true, then call the mouseOut function after the specified delay if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );} } }; // bind the function to the two event listeners return this.bind('mouseenter',handleHover).bind('mouseleave',handleHover); }; })(jQuery); /* * jQuery Easing v1.1 - http://gsgd.co.uk/sandbox/jquery.easing.php * * Uses the built in easing capabilities added in jQuery 1.1 * to offer multiple easing options * * Copyright (c) 2007 George Smith * Licensed under the MIT License: * http://www.opensource.org/licenses/mit-license.php */ jQuery.easing={easein:function(x,t,b,c,d){return c*(t/=d)*t+b},easeinout:function(x,t,b,c,d){if(t *
  • Home
    • *
  • Plant a tree
    • *
  • Travel
    • *
  • Ride an elephant
    • * * * Once you have included the style sheet that comes with the plugin, you will have to include * a reference to jquery library, easing plugin(optional) and the LavaLamp(this) plugin. * * Use the following snippet to initialize the menu. * $(function() { $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700}) }); * * Thats it. Now you should have a working lavalamp menu. * * @param an options object - You can specify all the options shown below as an options object param. * * @option fx - default is "linear" * @example * $(".lavaLamp").lavaLamp({ fx: "backout" }); * @desc Creates a menu with "backout" easing effect. You need to include the easing plugin for this to work. * * @option speed - default is 500 ms * @example * $(".lavaLamp").lavaLamp({ speed: 500 }); * @desc Creates a menu with an animation speed of 500 ms. * * @option click - no defaults * @example * $(".lavaLamp").lavaLamp({ click: function(event, menuItem) { return false; } }); * @desc You can supply a callback to be executed when the menu item is clicked. * The event object and the menu-item that was clicked will be passed in as arguments. */ (function($) { $.fn.lavaLamp = function(o) { o = $.extend({ fx: "linear", speed: 500, click: function(){} }, o || {}); return this.each(function() { var me = $(this), noop = function(){}, $back = $('
    • ').appendTo(me), $li = $("> ul > li", this), curr = $("li.selected", this)[0] || $($li[0]).addClass("selected")[0]; $li.not(".back").hover(function() { move(this); }, noop); $(this).hover(noop, function() { move(curr); }); $li.click(function(e) { setCurr(this); return o.click.apply(this, [e, this]); }); setCurr(curr); function setCurr(el) { $back.css({ "left": el.offsetLeft+"px", "width": el.offsetWidth+"px" }); curr = el; }; function move(el) { $back.each(function() { $(this).dequeue(); } ).animate({ width: el.offsetWidth, left: el.offsetLeft }, o.speed, o.fx); }; }); }; })(jQuery); // make sure the $ is pointing to JQuery and not some other library (function($){ // add a new method to JQuery $.fn.equalHeight = function() { // find the tallest height in the collection // that was passed in (.column) tallest = 0; this.each(function(){ thisHeight = $(this).height(); if( thisHeight > tallest) tallest = thisHeight; }); // set each items height to use the tallest value found this.each(function(){ $(this).height(tallest); }); } })(jQuery); /////////////////////////////////////////////////////////////////////////////////////////////// // DOC READY // /////////////////////////////////////////////////////////////////////////////////////////////// jQuery(function(){ //browser check if ( jQuery.browser.msie ) { jQuery("body").addClass("explorer" + parseInt(jQuery.browser.version) ); } if ( jQuery.browser.opera ) { jQuery("body").addClass("opera" + parseInt(jQuery.browser.version) ); } if ( jQuery.browser.webkit ) { jQuery("body").addClass("webkit"); } if ( jQuery.browser.mozilla ) { jQuery("body").addClass("firefox"); } //remove the no-js class from the body to prove that javascript has loaded jQuery("body").removeClass('no-js'); //clear all the floats that wreck the layouts jQuery(".button,.buttonRight").append("
    "); //do the menus //cache hNav nav var hNav = jQuery(".hNav"); jQuery("#mainNav .hNav > div").lavaLamp({ fx: "backout", speed: 700 }); //add indicators and hovers to submenu parents hNav.find("li").each(function() { if (jQuery("ul",this).length > 0) { //jQuery("ul",this).wrap('
    ') //show subnav on hover jQuery(this).hoverIntent(function() { jQuery("ul:first",this).stop(true, true).slideDown('fast'); jQuery(this).closest('li').addClass('selected'); },function() { jQuery("ul:first",this).stop(true, true).slideUp('fast'); jQuery(this).closest('li').removeClass('selected'); }); } }); //cache vNav nav var vNav = jQuery(".vNav"); //add indicators and hovers to submenu parents vNav.find("li").each(function() { if (jQuery("ul",this).length > 0) { jQuery("").text(" ").appendTo(jQuery(this).children(":first")); //show subnav on hover jQuery(this).hoverIntent(function() { jQuery("ul:first",this).stop(true, true).slideDown(); jQuery(this).closest('li').addClass('selected'); },function() { jQuery("ul:first",this).stop(true, true).slideUp(); jQuery(this).closest('li').removeClass('selected'); }); } }); jQuery(".equalHeight").equalHeight(); }); /////////////////////////////////////////////////////////////////////////////////////////////// // WINDOW LOAD // /////////////////////////////////////////////////////////////////////////////////////////////// jQuery(window).load(function(){ //loads when everything has finished loading - including iframe external pages and images });