Event.observe(window, 'load', function() {
//   alert('TEST');
  $$('a[title]').each(function(element){

    new Tip(
      element,                 // the id of your element
      element.title,           // a string or an element
      {
        className: 'tooltip',  // or your own class
        closeButton: false,     // or true
        duration: 0.3,         // duration of the effect, if used
        delay: 0.2,             // seconds before tooltip appears
        effect: false,         // false, 'appear' or 'blind'
        fixed: false,          // follow the mouse if false
        hideAfter: false,      // hides after seconds of inactivity,
                              //    not hovering the element or the tooltip
        hideOn: 'mouseout',     // any other event, false or:
                                  // { element: 'element|target|tip|closeButton|.close',
                                    // event: 'click|mouseover|mousemove' }
        // hook: false,           // { target: 'topLeft|topRight|bottomLeft|bottomRight|
        hook: { target: 'topLeft', tip: 'topLeft' },
                                   //   topMiddle|bottomMiddle|leftMiddle|rightMiddle',
                                   // tip: 'topLeft|topRight|bottomLeft|bottomRight|
                                   //       topMiddle|bottomMiddle|leftMiddle|rightMiddle' }
        offset: {x:3, y:3},   // or your own, example: {x:30, y:200}
        showOn: 'mouseover', //'mousemove',   // or any other event
        // target: 'anotherId',   // make the tooltip appear on another element
        title: false,          // or a string, example: 'tip title'
        viewport: false         // keep within viewport, false when fixed or hooked
      }
    );

  });
});