Conflito entre Popup(popbox.js) e Prototype.js

[uilhian]

bom eu to tentando colocar essa tooltip no site:

<script type='text/javascript' charset='utf-8' src='Deslizante/popbox.js'></script>
    
    <style type='text/css' media='screen'>
     label { display: block; }
    .box { width:350px; }
  </style>
  <script type='text/javascript' charset='utf-8'>
    (function( $ ){
    $(document).ready(function( $ ){
      $('.popbox').popbox();
    });
    })(jQuery);
    

  </script>

popbox.js

(function(){

  $.fn.popbox = function(options){
    var settings = $.extend({
      selector      : this.selector,
      open          : '.open',
      box           : '.box',
      arrow         : '.arrow',
      arrow_border  : '.arrow-border',
      close         : '.close'
    }, options);

    var methods = {
      open: function(event){
        event.preventDefault();

        var pop = $(this);
        var box = $(this).parent().find(settings['box']);

        box.find(settings['arrow']).css({'left': box.width()/2 - 10});
        box.find(settings['arrow_border']).css({'left': box.width()/2 - 10});

        if(box.css('display') == 'block'){
          methods.close();
        } else {
          box.css({'display': 'block', 'top': 10, 'left': ((pop.parent().width()/2) -box.width()/2 )});
        }
      },

      close: function(){
        $(settings['box']).fadeOut("fast");
      }
    };

    $(document).bind('keyup', function(event){
      if(event.keyCode == 27){
        methods.close();
      }
    });

    $(document).bind('click', function(event){
      if(!$(event.target).closest(settings['selector']).length){
        methods.close();
      }
    });

    return this.each(function(){
      $(this).css({'width': $(settings['box']).width()}); // Width needs to be set otherwise popbox will not move when window resized.
      $(settings['open'], this).bind('click', methods.open);
      $(settings['open'], this).parent().find(settings['close']).bind('click', methods.close);
    });
  }

}).call(this);

<div class='collapse'>
      <div class='box'>
        <div class='arrow'></div>
        <div class='arrow-border'></div>
TESTE TESTE TESTE

      </div>
    </div>
  </div>

mas ela está dando conflito com o seguinte .JS prototype.js que é usado no lightbox.

quando eu tiro essa linha o script acima funciona.

caso alguém posso me ajudar,

obrigado desde já.