$(document).ready(function() 
{
   // Notice the use of the each() method to acquire access to each elements attributes
   $('.QTIP').each(function()
   {
      $(this).qtip({  
         content: {
			text: $(this).attr('alt'), 
            title: {
               text: $(this).attr('title'), // Give the tooltip a title using each elements text			   
			   button: 'Close'
            }		
	         },
		 position: {
            corner: {
               target: 'bottomLeft', // Position the tooltip above the link
               tooltip: 'topLeft'
            },
            adjust: {
               screen: true // Keep the tooltip on-screen at all times
            }
         },
		 show: {
		 	when: 'click',
			solo: true
		 },
		hide: 'unfocus', 
         style: {
    		  width: 225,
    		  padding: 8,
			  'font-size': '11px',
			  'font-family':'Arial',		  
   			   tip: 'topLeft',	  
			  name: 'green' // Inherit from preset style	  
		}						
      });
   });
});
$(document).ready(function() 
{
   // Notice the use of the each() method to acquire access to each elements attributes
   $('.QTIP-Right').each(function()
   {
      $(this).qtip({  
         content: {
			text: $(this).attr('alt'), 
            title: {
               text: $(this).attr('title'), // Give the tooltip a title using each elements text			   
			   button: 'Close'
            }		
	         },
		 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
		 },
		hide: 'unfocus', 
         style: {
    		  width: 225,
    		  padding: 8,
			  'font-size': '11px',
			  'font-family':'Arial',		  
   			   tip: 'topRight',	  
			  name: 'green' // Inherit from preset style	  
		}						
      });
   });
});