function prepareNavigator(root, element, offset) {
  element.mouseover(function() {
    $('.floatnav').each(function() {
      $(this).detach();
    });
    
    var inactive = true;
    var offset = element.offset();
    var currTopNavigator = $('<div class="floatnav" style="display:none;position:absolute;zIndex:9"/>');
    currTopNavigator.offset({top:offset.top + element.parent().height(), left:offset.left});
    currTopNavigator.mouseleave(function() {
      currTopNavigator.slideUp('fast', function() {
        currTopNavigator.detach();
      });
    });
    currTopNavigator.mouseover(function() {
      inactive = false;
    });

    $('#pagebody').append(currTopNavigator);
    
    var href = element.attr('href').substring(root.length);
  	var url = root + '/xpaction/context';
    var pars = 'context=' + href + '&action=navigator';
    currTopNavigator.load(url + "?" + pars);

    currTopNavigator.slideDown('fast', null);
    
    window.setTimeout(function () {
      if(inactive) {
        currTopNavigator.slideUp('fast', function() {
          currTopNavigator.detach();
        });
      }
    }, 2000);
  });
}

//function prepareNavigator(root, element, offset) {
//  element.onmouseover = function(e) {
//    var currEffect;
//    var currTopNavigator = Builder.node('div', {className:'floatnav'});
//    currTopNavigator.style.position = 'absolute';
//    currTopNavigator.style.zIndex = 9;
//    if(offset > 0) {
//      Position.clone(element, currTopNavigator, {setWidth: false, setHeight: false, offsetTop: 0, offsetLeft: element.offsetWidth - 20 });
//    } 
//    else {
//      Position.clone(element, currTopNavigator, {setWidth: false, setHeight: false, offsetTop: element.offsetHeight, offsetLeft: 0 });
//    }
//    element.onmouseout = function(e) {
//      currEffect = Effect.Fade(currTopNavigator,{duration:0.50, afterFinish: function() { Element.remove(currTopNavigator); } });
//    }
//    currTopNavigator.onmouseover = function(e) {
//      if(currEffect) {
//        currEffect.cancel();
//        Effect.Appear(currTopNavigator, {duration:0.20} );
//        currEffect = null;
//      }
//    }
//    currTopNavigator.onmouseout = function(e) {
//      if(currEffect) {
//        currEffect.cancel();
//        Effect.Appear(currTopNavigator, {duration:0.20} );
//        currEffect = null;
//      }
//      if (!e) e = window.event;
//      var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
//      while (reltg != currTopNavigator && reltg.parentNode)
//        reltg = reltg.parentNode;
//      if (reltg == currTopNavigator) return;
//      Effect.Fade(currTopNavigator,{duration:0.50, afterFinish: function() { Element.remove(currTopNavigator); } });
//    }
//    $('pagebody').appendChild(currTopNavigator);
//
//    var href = element.getAttribute('href').substring(root.length);
//  	var url = root + '/xpaction/context';
//    var pars = 'context=' + href + '&action=navigator';
//    var myAjax = new Ajax.Updater( currTopNavigator, url, { method: 'get', parameters: pars });
//  }
//};