	// Create the tooltips only when document ready
	$(document).ready(function()
	{
	   // Use the each() method to gain access to each elements attributes
	   $('#extranetHeaderLogo img[tooltip]').each(function()
	   {
	      $(this).qtip(
	      {
	         content: $(this).attr('tooltip'), // Use the ALT attribute of the area map
			 position: {
				  target: 'mouse',
				  corner: {
						/*target: 'bottomRight'*/
						/*tooltip: 'bottomLeft'*/
				  },
			     adjust: {
				    x: 0, y: 12,
				    mouse: true,
				    screen: true,
				    scroll: true,
				    resize: true
			      }
		     },

		     show: {
		     effect: {
		            type: 'fade',
		            length: 200
		        } 
			 },
			 style: {
			      //width: 400,
			      //height:200,
                  padding: 8,
                  background: '#ffffff',
                  color: 'black',
                  textAlign: 'left',
                  border: {
                     width: 1,
                     radius: 2,
                     color: '#E3E3E3'
                  },
                  tip: 'topLeft',
                  //tip: { position: 'topLeft', size: { x: 2, y: 8 } },
                  name: 'dark' // Inherit the rest of the attributes from the preset dark style
	            
	         }
	      });
	   });
	});
