// Create the tooltips only on document load
$(document).ready(function() 
{
   // Use the each() method to gain access to each elements attributes
   $('.air').qtip(
      {
         content: {
             url: 'style/js/air.html'  
         },
         position: {
            corner: {
               target: 'topMiddle', // Position the tooltip above the link
               tooltip: 'bottomMiddle'
            },
            adjust: {
               screen: true // Keep the tooltip on-screen at all times
            }
         },
         show: { 
            when: 'click', 
            solo: true // Only show one tooltip at a time
         },
         hide: 'unfocus',
         style: {
            tip: true, // Apply a speech bubble tip to the tooltip at the designated tooltip corner
            background: '#898675',
      		color: 'white',
			padding: 20,
			border: {
               width: 0,
               radius: 4,
			   color: '#004864'
            },
            width: 570, // Set the tooltip width
			name: 'blue' // Use the default light style
         }
      })
   });