/*
 * Droppy 0.1.2
 * (c) 2008 Jason Frame (jason@onehackoranother.com)
 */
$.fn.slideFadeToggle = function(speed, easing, callback) 
{
  return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback);  
}; 
 
$.fn.droppy = function(options) {
    
  options = $.extend({speed: 250}, options || {});
 
  this.each(function() {

    var root = this, zIndex = 2000;
    var chosenRootimg = "";
    
    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);
        }
      }, 200);
    }
  
    function show() {

        if($(this).children("a").children('img').length > 0){
            var newVal = $(this).children("a").children("img").attr("src");
            newVal = newVal.split("_up").join("_over");
        
            eval("document.images." + $(this).children("a").children("img").attr("name")).src =newVal;
        }
     
    
      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');
      }
    }
   
    $('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'); 
      
       if($(this).children("a").children('img').length > 0){
            var newVal = $(this).children("a").children("img").attr("src");
            newVal = newVal.split("_over").join("_up");
            if($(this).children("a").children("img").attr("name") != currentImage){   
                if(currentImage != ""){    
                    eval("document.images." + $(this).children("a").children("img").attr("name")).src =newVal;
                }
            }
        }
      
      }
    );
    
  });

};

