// Create the tooltips only on document load
$(document).ready(function() 
{
  
   $('#rightCol a[href][title]').each(function(){
   	
   	$(this).attr('tooltip', $(this).attr('title') );
   	$(this).removeAttr('title');
   $(this).qtip({
  
   	position: {
         corner: {
            target: 'leftMiddle',
            tooltip: 'rightMiddle'
         }
      },
  
    style :{
     background: 'none',
     border : 'none'
    },
	content: {
		text:  '<div class="qtipback"><img src="'+$(this).attr('tooltip')+'"/></div>'
    
  },
  hide : {
  		effect :{
  			type: 'slide' 
  		}
  }
	,
	show: { effect: { type: 'slide' } }

   });
   });
});