/*
 * Droppy 0.1.2
 * (c) 2008 Jason Frame (jason@onehackoranother.com)
 */


$(function() {
    $('#navi_p').droppy({speed: 10});
});
$(function() {
    $('#tree_category').droppy({speed: 100, trigger: 'click'});
});
$(function() {
    $('#month_tree').droppy({speed: 50, trigger: 'click'});
});
$(function() {
    $('#month_tree_btm').droppy({speed: 50, trigger: 'click'});
});
$(function() {
    $('#nav').droppy({speed: 50, trigger: 'click'});
});
$(function() {
    $('.tree_category').droppy({speed: 100, trigger: 'click'});
});


$.fn.droppy = function(options) {
    
  options = $.extend({speed: 100, trigger:'hover'}, 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);
        }
      }, 100);
    }
  
    function show() {
      var subnav = getSubnav(this);
      if (!subnav) return;
      $.data(subnav, 'cancelHide', true);
      $(subnav).css({zIndex: zIndex++}).slideDown(options.speed);
      if (this.nodeName.toLowerCase() == 'ul') {
        var li = getActuator(this);
        $(li).addClass('hover');
        $('> a', li).addClass('hover');
      }
    }
    
    if( options.trigger == 'click' )
    {
    	var subnav = getSubnav(this);
      	if (subnav){
 //     		$('ul, li', this).click(show);
 //    		 $('ul, li', this).hover( function(){} , hide);
 			$('> li', this).click(show);
      		 $('> li ul, > li li', this).hover(show, function() {});
       		 $('ul, li', this).hover(function() {}, hide);

      	}else{
      		 $('ul, li', this).hover(show, hide);
      	}
    	 
    	 
    	
    }
    else
    {
    	 $('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'); }
    );
    
  });
  
};