// Create the tooltips only on document load
$(document).ready(function() 
{
   // Match all link elements with href attributes within the content div
   $('#social a[href]').qtip(
   {
      content: {
	  url: '/includes/social_table.html',
	  title: {
               text: ' ', // Give the tooltip a title using each elements text
               button: 'Sluiten' // Show a close link in the title
            }
 
   },
   style: { width: { min: 255 } ,
   border: { width: 2 },
   padding:0
   },
	show: { 
            when: 'click', 
            solo: true // Only show one tooltip at a time
			//effect: { type: 'grow' }
			}, 					  
   
	hide: 'unfocus',
    position: {
            corner: {
               target: 'topRight', // Position the tooltip above the link
               tooltip: 'bottomLeft'
            }
            //adjust: {
            //   screen: true, // Keep the tooltip on-screen at all times
			//   x: 13, y: -300
            //}
         }	
   
      });
   });