// 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/popup_emailalert.aspx',
           title: {
               text: ' ', // Give the tooltip a title using each elements text
               button: 'Sluiten' // Show a close link in the title
           }

       },
       style: { width: { min: 200 },
           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
           //}
       }

   });
});