$(document).ready(function()
{
   // Use the each() method to gain access to each elements attributes
   $('.area1').each(function()
   {
      $(this).qtip(
      {
         content: $(this).attr('img'), // Use the ALT attribute of the area map
		 position: {
                  corner: {
                     tooltip: 'leftMiddle', // Use the corner...
                     target: 'rightMiddle' // ...and opposite corner
                  }
               },
		style: {
            name: 'dark', // Give it the preset dark style
            border: {
               width: 0, 
               radius: 6 
            }, 
            tip: true // Apply a tip at the default tooltip corner
         }
      });
   });
   $('.area2').each(function()
   {
      $(this).qtip(
      {
         content: $(this).attr('img'), // Use the ALT attribute of the area map
		 position: {
                  corner: {
                     tooltip: 'rightMiddle', // Use the corner...
                     target: 'leftMiddle' // ...and opposite corner
                  }
               },
		style: {
            name: 'dark', // Give it the preset dark style
            border: {
               width: 0, 
               radius: 6
            }, 
            tip: true // Apply a tip at the default tooltip corner
         }
      });
   });
   $('.core').each(function()
   {
      $(this).qtip(
      {
         content: $(this).attr('alt'), // Use the ALT attribute of the area map
		 position: {
                  corner: {
                     tooltip: 'leftMiddle', // Use the corner...
                     target: 'rightMiddle' // ...and opposite corner
                  }
               },
		style: {
            name: 'dark', // Give it the preset dark style
            border: {
               width: 0, 
               radius: 6 
            }, 
            tip: true // Apply a tip at the default tooltip corner
         }
      });
   });
   $('.area3').each(function()
   {
      $(this).qtip(
      {
         content: $(this).attr('img'), // Use the ALT attribute of the area map
		 position: {
                  corner: {
                     tooltip: 'topRight', // Use the corner...
                     target: 'bottomLeft' // ...and opposite corner
                  }
               },
		style: {
            name: 'dark', // Give it the preset dark style
            border: {
               width: 0, 
               radius: 6
            }, 
            tip: true // Apply a tip at the default tooltip corner
         }
      });
   });
});