﻿/*
 * Droppy 0.1.2
 * (c) 2008 Jason Frame (jason@onehackoranother.com)
 */
$.fn.droppy = function(options) {
    
  options = $.extend({speed: 250, align: "auto"}, options || {});
  
  this.each(function() {
    
    var root = this, zIndex = 1000;
    
    function getSubnav(ele) {
      if (ele.nodeName.toLowerCase() == 'li') {
        var subnav = $('> ul', ele);
        return subnav.length ? subnav[0] : null;
      } else {
        return ele;
      }
    }
    
    function getActuator(ele) {
      if (ele.nodeName.toLowerCase() == 'ul') {
        return $(ele).parents('li')[0];
      } else {
        return ele;
      }
    }
    
    function hide() {
      var subnav = getSubnav(this);
      if (!subnav) return;
      $.data(subnav, 'cancelHide', false);
	  /*
	  setTimeout(function() {
        if (!$.data(subnav, 'cancelHide')) {
          //$(subnav).slideUp(options.speed);
		  $(subnav).hide();
        }
      }, 500);
	  */
		if (!$.data(subnav, 'cancelHide')) {
		  $(subnav).hide();
		}
    }
  
    function show() {
      var subnav = getSubnav(this);
      if (!subnav) return;
      $.data(subnav, 'cancelHide', true);
	  var theLeft = 0;
	  if (options.align == "left"){
		  if (subnav != this){
			  var myLeft = $(this).offset().left;
			  var parLeft = $(this).parents("ul:last").offset().left;
			  theLeft = -(myLeft-parLeft);
		  }else{
			  theLeft = $(this).position().left
		  }
	  }
      //$(subnav).css({zIndex: zIndex++, left: theLeft, "padding-left": -theLeft, "width": 1014+theLeft}).slideDown(options.speed);
	  $(subnav).css({zIndex: zIndex++, left: theLeft, "padding-left": -theLeft, "width": 1014+theLeft}).show();
      if (this.nodeName.toLowerCase() == 'ul') {
        var li = getActuator(this);
        $(li).addClass('hover');
        $('> a', li).addClass('hover');
      }
    }
    

	$('ul, li', this).hover(show, hide);
	$('li', this).hover(
	  function() { $(this).addClass('hover'); $('> a', this).addClass('hover'); },
	  function() { $(this).removeClass('hover'); $('> a', this).removeClass('hover'); }
	);
    
  });
  
};

