(function($){
  $.fn.navigator = function ( options ){
    
    var settings = {
      'duration':200
    }
    
    if(options){
      $.extend( settings, options);
    }
    
    var $container = this;
    
    // close the navi
    $container.children('li.parent_here').children('a').css({'padding-bottom':'14px'});
    $container.children('li.parent_here').children('ul').fadeOut(0);
    
    // now open it with animation
    $container.children('li.parent_here').children('a').delay(300).animate({'padding-bottom':'4px'},settings.duration);
    $container.children('li.parent_here').children('ul').delay(300).fadeIn(settings.duration);
    
    
    
    // the object we're acting on should be the UL container for the main menu
    // $container.children('li').has('ul').children('a').click(function(event){
    //    event.preventDefault();
    //    // close any open sub navi's 
    //    $container.children('li').children('ul').fadeOut(settings.duration);
    //    $container.children('li').children('a').animate({'padding-bottom':'14px'},settings.duration);
    //    
    //    // open the current selection
    //    var p = $(this).parent();
    //    $(this).animate({'padding-bottom':'4px'},settings.duration);
    //    p.children('ul').delay(200).fadeIn(settings.duration);
    //    return false;
    //  });
    
  }
})(jQuery);
