/*
 * jQuery Tab Navigation Plugin
 * version: 1.0 (17-JUL-2009)
 * @requires jQuery v1.2.2 or later
 * 
 * Usage $('declel').tabpop({ speed: \n, dev: \n });
 * creates tabs popping-up on hover
 * 
 * NOTE: mind the CSS!   
 */
;(function($){
  $.fn.tabpop = function(options) {
    $.fn.tabpop.options = $.extend({}, $.fn.tabpop.def, options);
    return this.each(function(){
      $this = $(this);
      $.fn.tabpop.init($this);
      $.fn.tabpop.addEvents($this);
    });
  }
  $.fn.tabpop.init = function(e) {
    $(e).parent().css('position', 'relative');
    $(e).css('position', 'relative');
    //alert($.fn.tabpop.options.dev);
  }
  $.fn.tabpop.addEvents = function(e) {
    $(e).bind('mouseenter', function(){
      $.fn.tabpop.togglePop(e, 'up');
    });
    $(e).bind('mouseleave', function(){
      $.fn.tabpop.togglePop(e, 'down');
    });    
  }
  $.fn.tabpop.togglePop = function(e, d) {
    $(e).stop();
    var pos = $(e).position();
    var top = pos.top;
    var target = parseFloat(-$.fn.tabpop.options.dev);
    if (d == 'down') {
      target = 0;
    }
    $(e).animate({
      top: target
    }, $.fn.tabpop.options.speed)
  }
  $.fn.tabpop.def = {
    speed: 200,
    dev: 5
  }
})(jQuery);