var j = jQuery.noConflict();

j(document).ready(function() {

  var examplePic = j('div.examplePic');
  var hoverconfig = {    
    over: tooltipOn, // function = onMouseOver callback (REQUIRED)
    timeout: 150, // number = milliseconds delay before onMouseOut
    out: tooltipOff // function = onMouseOut callback (REQUIRED)
  };
  
  function tooltipOn() {
    j('div.tooltip', j(this)).stop().fadeTo('fast', 0.96);
    j('img.showpic', this).stop().animate({
      'boxShadow': '0px 0px 0px rgba(0, 0, 0, 0.3)',
      'border': '1px solid red'
    }, 'fast');
  }
  
  function tooltipOff() {
    j('div.tooltip', j(this)).stop().fadeOut('fast');
    j('img.showpic', this).stop().animate({
      'boxShadow': '2px 2px 5px rgba(0, 0, 0, 0.53)'
    }, 'fast');
  }
  
  j(examplePic).hoverIntent(hoverconfig);
  
});