/**
 * jquery.LavaLamp v1.3.5 - light up your menus with fluid, jQuery powered animations.
 *
 * Requires jQuery v1.2.3 or better from http://jquery.com
 * Tested on jQuery 1.4.4, 1.3.2 and 1.2.6
 *
 * http://nixbox.com/projects/jquery-lavalamp/
 *
 * Copyright (c) 2008, 2009, 2010 Jolyon Terwilliger, jolyon@nixbox.com
 * Source code Copyright (c) 2008, 2009, 2010
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 * credits to Guillermo Rauch and Ganeshji Marwaha (gmarwaha.com) for previous editions
 *
 * Version: 1.0 - adapted for jQuery 1.2.x series
 * Version: 1.1 - added linum parameter
 * Version: 1.2 - modified to support vertical resizing of elements
 * Version: 1.3 - enhanced automatic <li> item hi-lighting - will attempt to
 *          lock onto li > a element with href closest to selected
 *          window.location
 *         - click always returns 'true' by default, for standard link follow through.
 *
 * Version: 1.3.1 - verified for use with jQuery 1.3 - should still work with 1.2.x series
 *        - changed linum parameter to startItem for clarity
 *        - improved slide-in accuracy for .back elements with borders
 *        - changed .current class to .selectedLava for clarity and improved
 *          support
 *        - appended 'Lava' to all internal class names to avoid conflicts
 *        - fixed bug applying selectedLava class to elements with matching
 *          location.hash
 *        - now supports jquery.compat plugin for cross-library support
 *        - performance improvements
 *        - added new options:
 *        autoReturn: true - if set to false, hover will not return to last selected
 *                  item upon list mouseout.
 *        returnDelay: 0 - if set, will delay auto-return feature specified # of
 *                  milliseconds.
 *        setOnClick: true - if set to false, hover will return to default element
 *                  regardless of click event.
 *        homeLeft: 0, homeTop: 0 - if either set to non zero value, absolute
 *                  positioned li element with class .homeLava is 
 *                  prepended to list for homing feature.
 *        homeWidth: 0, homeHeight: 0 - if set, are used for creation of li.homeLava
 *                  element.
 *        returnHome: false - if set along with homeLeft or homeTop, lavalamp hover
 *                  will always return to li.home after click.
 *
 * Version: 1.3.2 - fixed: stray $ references inside the plugin to work with
 *          jQuery.noConflict() properly - thanks Colin.
 *
 * Version: 1.3.3 - fixed: added closure with null passed argument for move() command in
 *           returnDelay to fix errors some were seeing - thanks to Michel and 
 *          Richard for noticing this.
 *
 *          fixed: changed mouseover/out events to mouseenter/leave to fix jerky
 *          animation problem when using excessive margins instead of padding.  
 *          Thanks to Thomas for the solution and Chris for demonstrating the problem.
 *          * requires jQuery 1.3 or better
 *
 *          enhanced: added 'noLava' class detection to prevent LavaLamp effect
 *          application to LI elements with this class. This feature allows you to
 *          create submenus - for details, see examples at
 *          http://nixboxdesigns.com/demos/jquery-lavalamp-demos.html
 *
 *          enhanced: modified to better automatically find default location for 
 *          relative links. Thanks to Harold for testing and finding this bug.
 *
 * Version: 1.3.4 - major overhaul on practically everything:
 *          enhanced: added autoResize option; see examples below.
 *          enhanced: better automatic default item selection and URI resolution,
 *          better support for returnHome and returnDelay, refined internal variable
 *          usage and test to be as lean as possible
 *          fixed: backLava hover element now exactly covers the destination LI dimensions.
 *          fixed: changed use of mouseleave/mouseenter to bind events so will work with
 *              jQuery 1.2.2 onward.
 *          fixed: proper closure on instance - should finally play nice with other libraries
 *          fixed: proper quotes around all object element labels.
 *          enhanced: behaves more like a plugin should and now automatically adds proper
 *               position and display CSS tags to the backLava element and parent container
 *              if absent.
 *
 * Version: 1.3.5 - new options:
 *             target: 'li' - plain element to target to receive hover events.
 *            container: '' - plain element to create for the hover .backLava and .homeLava
 *              elements. If left blank (default) same value as target option is used.
 *            includeMargins: false - set to true to expand the hover element dimensions to 
 *              include the margins of the target element.
 *            changed: the backLava hover element now has all margins and padding manually set to 
 *              zero to allow proper resizing of hover when used with custom target, container  
 *               and includeMargins options. While this workaround has no effect with the site
 *              demos, it potentially may affect your current implementation. If you do 
 *              experience problems try re-adjusting the CSS padding and margins for 
 *              your target elements.
 *
 *
 * Examples and usage:
 *
 * The HTML markup used to build the menu can be as simple as...
 *
 *       <ul class="lavaLamp">
 *           <li><a href="#">Phone Home</a></li>
 *           <li><a href="#">Make Contact</a></li>
 *           <li><a href="#">Board Ship</a></li>
 *           <li><a href="#">Fly to Venus</a></li>
 *       </ul>
 *
 * Additional Styles must be added to make the LavaLamp perform properly, to wit:
 *
 * <style>
 * ul.lavaLamp {
 *   padding:5px;  // use some minimal padding to account for sloppy mouse movements
 * }
 * ul.lavaLamp li.backLava {
 *   z-index:3;   // must be less than z-index of A tags within the LI elements
 * }
 * ul.lavaLamp li a {
 *  display:block;  // helps with positioning the link within the LI element
 *  z-index:10;     // or must be higher than li.backLava z-index
 * }
 * </style>
 *
 * Once you have included the basic styles above, you will need to include 
 * the jQuery library, easing plugin (optional) and the this LavaLamp plugin.
 *
 * jQuery Easing Library 1.3 available here:  http://plugins.jquery.com/project/Easing
 * 
 * Example LavaLamp initializing statement:
 * $(function() { $("ul.lavaLamp").lavaLamp({ fx: "easeOutBack", speed: 700}) });
 * finds all UL elements in the document with the class of 'lavaLamp' and attaches the 
 * LavaLamp plugin using an easing library fx of OutBack and an animate speed of 
 * 700 milliseconds or 7/10ths of a second.
 *
 *
 * List of Parameters
 *
 * @param target - default: 'li' 
 * valid selector for target elements to receive hover effect.
 *
 * Example:
 * jQuery("div#article").lavaLamp({ target:'p' });
 * assigns all p elements under div#article to receive lavaLamp hover events.
 *
 * @param container - default: '' (empty string) 
 * DOM element to create for the hover element. If container is empty, LavaLamp
 * will assume it is the same as the target option.
 *
 * Example:
 * jQuery("div#article").lavaLamp({ container:'p' });
 * creates a p element under div#article to act as the animated hover container, and optionally the
 * home container, if homing options are enabled
 * use in combination with 'target' option for best results (see above)
 *
 * @param fx - default: 'swing'
 * selects the easing formula for the animation - requires the jQuery Easing library 
 * to be loaded for additional effects
 * 
 * Example:
 * jQuery("ul.lavaLamp").lavaLamp({ fx: "easeOutElastic" });
 * animates the backLava element using the OutElastic formula
 * 
 * @param speed - default: 500
 * sets animation speed in milliseconds
 * 
 * Example:
 * jQuery("ul.lavaLamp").lavaLamp({ speed: 1000 });
 * sets the animation speed to one second.
 * 
 * @param click - default: function() { return true; }
 * Callback to be executed when the menu item is clicked. The 'event' object and source target
 * DOM element will be passed in as arguments so you can use them in your function.
 * 
 * Example:
 * jQuery("ul.lavaLamp").lavaLamp({ click: function(event, menuItem) {
 *    alert(event+el);
 *    return false;
 * } });
 *
 * causes the browser to display an alert message of the variables passed and 
 * return false aborts any other click events on child items, including not 
 * following any links contained within the target
 *
 * @param startItem - default: 'no'
 * specifies the number target element as default, starting with 0 for the first element
 * Used to manually set the default lavaLamp hi-light on load.
 *
 * Example:
 * jQuery("ul.lavaLamp").lavaLamp({ startItem: 2 });
 * selects the third element in the list as default location for backLava
 *
 * @param includeMargins - default: false
 * expands the hover .backLava element to include the margins of the target element.
 * Best used in combination with the target and container options.
 *
 * Example:
 * jQuery("ul.lavaLamp").lavaLamp({ includeMargins: true });
 * expands the hover .backLava element dimentions to include the margins of all
 * target elements inside ul.lavaLamp.
 *
 * @param autoReturn - default: true
 * defines whether the backLava hover should return to the last selectedLava element
 * upon mouseleave.
 *
 * Example:
 * jQuery("ul.lavaLamp").lavaLamp({ autoReturn: false });
 * turns off the autoReturn feature - backLava element will stay on the last element
 * that you hovered over.
 *
 * @param returnDelay - default: 0
 * how many milliseconds to wait before returning the backLava element to the last
 * selected element.  Only works if autoReturn is set to true (default setting)
 *
 * Example:
 * jQuery("ul.lavaLamp").lavaLamp({ returnDelay: 1000 });
 * waits one second after mouseleave event before returning to the last selected
 * element.
 *
 * @param setOnClick - default: true
 * defines whether a clicked element should receive the selectLava class and become the
 * most recently selected element
 *
 * Example:
 * jQuery("ul.lavaLamp").lavaLamp({ setOnClick:false });
 * disables selecting of elements once clicked - after you leave the parent list element
 * the backLava will return to the original default element the page was loaded with.
 *
 * @param homeTop - default: 0
 * @param homeLeft - default: 0
 * @param homeHeight - default: 0
 * @param homeWidth - default: 0
 * allows you to define an independent 'home' element where the backLava defaults to or can
 * be sent to. This can be used to define a unique starting and/or resting place for the 
 * backLava upon leaving the parent element.
 *
 * Example:
 * jQuery("ul.lavaLamp").lavaLamp({ homeTop:-100, homeLeft:0, homeHeight:20, homeWidth:600 });
 * creates a home element 100 pixels above the parent container with a height of 20px and
 * width of 600px.  If the parent element has CSS of overflow:hidden, this can provide
 * an interesting fly-in effect
 *
 * @param returnHome - default:false
 * adjusts behavior of the backLava element when the mouse leaves the parent container. 
 * the default behavior of 'false' causes the backLava element to stay on the active menu 
 * items after it is first triggered. this feature respects the returnDelay parameter, if set.
 * this feature overrides the autoReturn parameter.
 *
 * Example:
 * jQuery("ul.lavaLamp").lavaLamp({ returnHome:true });
 * causes the backLava element to always return to the homeLava position after 
 * mouse leaves the parent container.  this can be manually triggered by running 
 * the command jQuery("ul.lavaLamp").mouseover();
 *
 * @param autoResize - default:false
 * triggers the selectedLava mouseenter event when the window is resized 
 * setting autoResize to true causes the backLava element to reposition and change dimensions
 * if the resizing the screen changes the shape of the lavaLamp. Default is false for efficiency 
 * as this feature is new and seldom needed for stock installs.
 *
 * Example:
 * jQuery('div#articles').lavaLamp({target:'p',autoSize:true});
 * causes the backLava element to resize and reposition to the p.selectedLava position 
 * and dimensions when the window resizes.
 *
 */

//console.log();
(function($) {
jQuery.fn.lavaLamp = function(o) {
  o = $.extend({
        'target': 'li',
        'container': '',
        'fx': 'swing',
        'speed': 500, 
        'click': function(){return true}, 
        'startItem': '',
        'includeMargins': false,
        'autoReturn': true,
        'returnDelay': 0,
        'setOnClick': true,
        'homeTop':0,
        'homeLeft':0,
        'homeWidth':0,
        'homeHeight':0,
        'returnHome':false,
        'autoResize':false
        }, 
      o || {});

  // parseInt for easy mathing
  function getInt(arg) {
    var myint = parseInt(arg);
    return (isNaN(myint)? 0: myint);
  }

  if (o.container == '')
    o.container = o.target;

  if (o.autoResize)
    $(window).resize(function(){
      $(o.target+'.selectedLava').trigger('mouseenter');
    });

  return this.each(function() {
    // ensures parent UL or OL element has some positioning
    if ($(this).css('position')=='static')
      $(this).css('position','relative');

    // create homeLava element if origin dimensions set
    if (o.homeTop || o.homeLeft) { 
      var $home = $('<'+o.container+' class="homeLava"></'+o.container+'>').css({ 'left':o.homeLeft, 'top':o.homeTop, 'width':o.homeWidth, 'height':o.homeHeight, 'position':'absolute','display':'block' });
      $(this).prepend($home);
    }

    var path = location.pathname + location.search + location.hash, $selected, $back, $lt = $(o.target+'[class!=noLava]', this), delayTimer, bx=0, by=0, mh=0, mw=0, ml=0, mt=0;

    // start $selected default with CSS class 'selectedLava'
    $selected = $(o.target+'.selectedLava', this);
    
    // override $selected if startItem is set
    if (o.startItem != '')
      $selected = $lt.eq(o.startItem);

    // default to $home element
    if ((o.homeTop || o.homeLeft) && $selected.length<1)
      $selected = $home;

    // loop through all the target element a href tags and
    // the longest href to match the location path is deemed the most 
    // accurate and selected as default
    if ($selected.length<1) {
      var pathmatch_len=0, $pathel;
  
      $lt.each(function(){ 
        var thishref = $('a:first',this).attr('href');
        //console.log(thishref+' size:'+thishref.length);
        if (path.indexOf(thishref)>-1 && thishref.length > pathmatch_len )
        {
          $pathel = $(this);
          pathmatch_len = thishref.length;
        }
  
      });
      if (pathmatch_len>0) {
        //console.log('found match:'+$('a:first',$pathel).attr('href'));
        $selected = $pathel;
      }
      //else 
        //console.log('no match!');
    }
  
    // if still no matches, default to the first element
    if ( $selected.length<1 )
      $selected = $lt.eq(0);

    // make sure we only have one element as $selected and apply selectedLava class
    $selected = $($selected.eq(0).addClass('selectedLava'));
      
    // add mouseover event for every sub element
    $lt.bind('mouseenter', function() {
      //console.log('mouseenter');
      // help backLava behave if returnDelay is set
      if(delayTimer) {clearTimeout(delayTimer);delayTimer=null;}
      move($(this));
    }).click(function(e) {
      if (o.setOnClick) {
        $selected.removeClass('selectedLava');
        $selected = $(this).addClass('selectedLava');
      }
      return o.click.apply(this, [e, this]);
    });
    
    // creates and adds to the container a backLava element with absolute positioning
    //$back = $('<'+o.container+' class="backLava"><div class="leftLava"></div><div class="bottomLava"></div><div class="cornerLava"></div></'+o.container+'>').css({'position':'absolute','display':'block','margin':0,'padding':0}).prependTo(this);
    //$back = $('<'+o.container+' class="backLava"><div class="OuterSelectionBlockTop nav_outer"><div class="InnerSelectionBlockTop nav_inner"></div></div><div style="height: 25px; width: 100%;">&nbsp;</div><div class="OuterSelectionBlockBottom nav_outer"><div class="InnerSelectionBlockBottom nav_inner"></div></div></'+o.container+'>').css({'position':'absolute','display':'block','margin':0,'padding':0}).prependTo(this);    
    $back = $('<'+o.container+' class="backLava"></'+o.container+'>').css({'position':'absolute','display':'block','margin':0,'padding':0}).prependTo(this);    
    
    // setting css height and width actually sets the innerHeight and innerWidth, so
    // compute border and padding differences on styled backLava element to fit them in also.
    if (o.includeMargins) {
      mh = getInt($selected.css('marginTop')) + getInt($selected.css('marginBottom'));
      mw = getInt($selected.css('marginLeft')) + getInt($selected.css('marginRight'));
    }
    bx = getInt($back.css('borderLeftWidth'))+getInt($back.css('borderRightWidth'))+getInt($back.css('paddingLeft'))+getInt($back.css('paddingRight'))-mw;
    by = getInt($back.css('borderTopWidth'))+getInt($back.css('borderBottomWidth'))+getInt($back.css('paddingTop'))+getInt($back.css('paddingBottom'))-mh;

    // set the starting position for the lavalamp hover element: .back
    if (o.homeTop || o.homeLeft)
      $back.css({ 'left':o.homeLeft, 'top':o.homeTop, 'width':o.homeWidth, 'height':o.homeHeight });
    else
    {
      if (!o.includeMargins) {
        ml = (getInt($selected.css('marginLeft')));
        mt = (getInt($selected.css('marginTop')));
      }
      $back.css({ 'left': $selected.position().left+ml, 'top': $selected.position().top+mt, 'width': $selected.outerWidth()-bx, 'height': $selected.outerHeight()-by }); 
    }

    // after we leave the container element, move back to default/last clicked element
    $(this).bind('mouseleave', function() {
      //console.log('mouseleave');
      var $returnEl = null;
      if (o.returnHome)
        $returnEl = $home;
      else if (!o.autoReturn)
        return true;
    
      if (o.returnDelay) {
        if(delayTimer) clearTimeout(delayTimer);
        delayTimer = setTimeout(function(){move($returnEl);},o.returnDelay);
      }
      else {
        move($returnEl);
      }
      return true;
    });

    function move($el) {
      if (!$el) $el = $selected;

      if (!o.includeMargins) {
        ml = (getInt($el.css('marginLeft')));
        mt = (getInt($el.css('marginTop')));
      }
      var dims = {
        'left': $el.position().left+ml,
        'top': $el.position().top+mt,
        'width': $el.outerWidth()-bx,
        'height': $el.outerHeight()-by
      };
      
      $back.stop().animate(dims, o.speed, o.fx);
    };
  });
  
};
})(jQuery);