// Create the tooltips only on document load
    $(document).ready(function() 
    {
       // Use the each() method to gain access to each elements attributes
       $('#marca a[rel]').each(function()
       {
          $(this).qtip(
          {
             content: {
                // Set the text to an image HTML string with the correct src URL to the loading image you want to use
                text: '<img class="throbber" src="/asset/img/layout/loading.gif" alt="Loading..." />',
                url: $(this).attr('rel') // Use the rel attribute of each element for the url to load
             },
             position: {
                corner: {
                   target: 'bottomMiddle', // Position the tooltip above the link
                   tooltip: 'topMiddle'
                },
                adjust: {
                   screen: true // Keep the tooltip on-screen at all times
                }
             },
             show: { 
                when: 'click', 
                solo: true // Only show one tooltip at a time
             },
             hide: 'unfocus',
             style: {
                tip: true, // Apply a speech bubble tip to the tooltip at the designated tooltip corner
                width: 254,// Set the tooltip width
                padding: 10,
                background: '#FFFFFF',
                color: 'black',
                textAlign: 'left',
                border: {
                 width: 2,
                 radius: 0,
                 color: '#FFD300'
                         },
                name: 'light' // Use the default light style
               
             }
          })
       });
	   
		  $('.pubblicita a[href]').qtip({
		  // Simply use an HTML img tag within the HTML string
		  content: '<img src="/asset/img/layout/tooltip_findomestic.gif" alt="Findomestic" />',
		  position: {
                corner: {
                   target: 'rightMiddle', // Position the tooltip above the link
                   tooltip: 'topMiddle'
                }},
		  style: {
                tip: false, // Apply a speech bubble tip to the tooltip at the designated tooltip corner
                padding: 0,
                background: '#FFFFFF',
                color: 'black',
                textAlign: 'left',
                border: {
                 width: 0,
                 radius: 0,
                 color: '#FFD300'
                         }
               
             }
	   });
		  
		 // profilo amici
       $('.sezioneProvaDi a[rel]').each(function()
       {
          $(this).qtip(
          {
             content: {
                // Set the text to an image HTML string with the correct src URL to the loading image you want to use
                text: '<img class="throbber" src="/asset/img/layout/loading.gif" alt="Loading..." />',
                url: $(this).attr('rel') // Use the rel attribute of each element for the url to load
             },
             position: {
                corner: {
                   target: 'bottomright', // Position the tooltip above the link
                   tooltip: 'topright'
                },
                adjust: {
                   screen: true // Keep the tooltip on-screen at all times
                }
             },
             show: { 
                when: 'click', 
                solo: true // Only show one tooltip at a time
             },
             hide: 'unfocus',
             style: {
                tip: false, // Apply a speech bubble tip to the tooltip at the designated tooltip corner
                width: 324,// Set the tooltip width
                padding: 0,
                background: '#FFFFFF',
                color: 'black',
                textAlign: 'left',
                border: {
                 width: 3,
                 radius: 0,
                 color: '#FFD300'
                         },
                name: 'light' // Use the default light style
               
             }
          })
       });
	   
 
    });