$(document).ready(function() {
  $('a.basic22').cluetip({arrows:true, dropShadow: false});
  $('a.custom-width22').cluetip({width: '120px', arrows:true, dropShadow: true});
  $('h4').cluetip({attribute: 'id', hoverClass: 'highlight', arrows:true, dropShadow: false});
  $('#sticky').cluetip({'sticky': true, arrows:true, dropShadow: false});
  $('#examples a:eq(4)').cluetip({
    hoverClass: 'highlight',
    sticky: true,
    closePosition: 'bottom',
    closeText: '<img src="cross.png" alt="close" />',
    truncate: 60,
    arrows:true, 
    dropShadow: false
  });
  $('a.load-local').cluetip({local:true, arrows:true, sticky: true, dropShadow: false});
  $('#clickme').cluetip({activation: 'click', arrows:true, dropShadow: false});
  $('span[@title]').css('background', 'yellow').cluetip({splitTitle: '|', arrows:true, dropShadow: false});
  
});