// Create the tooltips only when document ready
$(document).ready(function()
{
  // Image Map Highlights:
		$('.map').maphilight();

  // Tooltips for the Image Map Areas:
  // Use the each() method to gain access to each elements attributes
   $('area').each(function()
   {
      $(this).qtip(
      {
         content: $(this).attr('alt'), // Use the ALT attribute of the area map
position: {
  corner: {
    target: 'bottomMiddle',
    tooltip: 'topMiddle'
  }
},



         style: {
            name: 'blue',
            border: {
               width: 0, 
               radius: 4,
               color: '#006699'
            }, 
            tip: true
         }
      });
   });
});