/* JavaScript code */ 
// Create the tooltips only on document load
$(document).ready(function() 
{
   // By suppling no content attribute, the library uses each elements title attribute by default
   $('#right a[href][title]').qtip({
      content: {
         text: false // Use each elements title attribute
      },
		 style: { 
				width: 180,
				padding: 5,
				background: '#A8E1EF',
				color: '#101C5D',
				textAlign: 'center',
				border: {
					 width: 4,
					 radius: 6,
					 color: '#101C5D'
				},
				name: 'blue' // Inherit the rest of the attributes from the preset dark style
		 },
		 position: {
			 corner:{
				 target: 'bottomMiddle',
				 tooltip: 'topMiddle'
				 } 
			 }
   });
   
   // NOTE: You can even omit all options and simply replace the regular title tooltips like so:
   // $('#content a[href]').qtip();
});

