// Create the tooltips only on document load
jQuery(document).ready(function() 
{
   // Notice the use of the each method to gain access to each element individually
   jQuery('a.showthumb').each(function()
   {
      // Create image content using websnapr thumbnail service
      var content = '<img src="http://images.websnapr.com/?size=T&key=12A32pxI2LB0&url=';
      content += jQuery(this).attr('href');
      content += '" alt="Loading thumbnail..." height="70" width="92" />';
      
      // Setup the tooltip with the content
      jQuery(this).qtip(
      {
         content: content,
         position: {
            corner: {
               tooltip: 'topMiddle',
               target: 'bottomMiddle'
            }
         },
         style: {
//            tip: true, // Give it a speech bubble tip with automatic corner detection
            name: 'dark',
            border: {
                            width: 1,
                            radius: 4,
                            color: '#AA0000'
             }
         },
         show: { 
            delay: 100,
            effect: { type: 'slide', lenght:1000 }
         }
      });
   });
});