// Create the tooltips only on document load
$(document).ready(function() 
{
   // By suppling no content attribute, the library uses each elements title attribute by default
   $('#boxLatiContent a[href][title]').qtip({
      content: {
         text: true // Use each elements title attribute
      },
      style: 'cream', // Give it the style
                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: 'mouseout' }, delay: 5000 },
             style: {
                tip: true, // Apply a speech bubble tip to the tooltip at the designated tooltip corner
                width: 300,// Set the tooltip width
                padding: 10,
                background: '#FDFFC1',
                color: '#333333',
                textAlign: 'left',
                border: {
                width: 1,
                radius: 0,
                color: '#BBBBBB'
                         },
                name: 'light' // Use the light style
               
             }			 
			 
			 });
   
   // NOTE: You can even omit all options and simply replace the regular title tooltips like so:
   // $('#content a[href]').qtip();
});