// Create the tooltips only on document load
    $(document).ready(function() 
    {
       // Use the each() method to gain access to each elements attributes
       $('#tooltip 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="imagebase/loading.gif" alt="Loading..." />',
                url: $(this).attr('rel') // Use the rel attribute of each element for the url to load
             },
             position: {
                corner: {
                   target: 'topMiddle', // Position the tooltip above the link
                   tooltip: 'bottomMiddle'
                },
				//	target: 'mouse',
   				//	adjust: { mouse: false }

                adjust: {
                   screen: true // Keep the tooltip on-screen at all times
              }
             },
            show: { when: { 
			target: false,
			event: 'mouseover' } },
            // hide: 'click',
			hide: { when: { event: 'inactive' }, delay: 2500 },
             style: {
                tip: true, // Apply a speech bubble tip to the tooltip at the designated tooltip corner
                width: 282,// Set the tooltip width
                padding: 10,
                background: '#F9F3E5',
                color: 'black',
                textAlign: 'left',
                border: {
                 width: 1,
                 radius: 0,
                 color: '#A5793D'
                         },
                name: 'light' // Use the default light style
               
             }
          })
       });
    });