$(document).ready(function() 
{
	Shadowbox.init();
	
   $('#product-nav area').each(function()
   {
      $(this).qtip(
      {
		  show: { 
		  	delay: 0, 
			 effect: {
				  length: 0
			 }
		   },
		   hide: {
			 effect: {
				  length: 200
			 }
		   },
         content: $(this).attr('alt'), // Use the ALT attribute of the area map
         style: {
			background: '#063ea9',
            name: 'dark', // Give it the preset dark style
            border: {
               width: 5, 
               radius: 4,
			   color: '#063ea9'
            }, 
			fontSize: '12px',
            tip: true // Apply a tip at the default tooltip corner
         },
		 position: {
			  corner: {
				 target: 'topMiddle',
				 tooltip: 'bottomMiddle'
			  },
			  adjust: {
				y: 8  
			  }
		 }
   
      });
   });
   
   $('.qtip-top').each(function()
   {
      $(this).qtip(
      {
		  show: { 
		  	delay: 0, 
			 effect: {
				  length: 0
			 }
		   },
		   hide: {
			 effect: {
				  length: 200
			 }
		   },
         content: $(this).attr('alt'), // Use the ALT attribute of the area map
         style: {
			background: '#063ea9',
            name: 'dark', // Give it the preset dark style
            border: {
               width: 5, 
               radius: 4,
			   color: '#063ea9'
            }, 
			fontSize: '12px',
            tip: true // Apply a tip at the default tooltip corner
         },
		 position: {
			  corner: {
				 target: 'topMiddle',
				 tooltip: 'bottomMiddle'
			  },
			  adjust: {
				y: -10  
			  }
		 }
   
      });
   });
   
   $('.qtip-bottom').not('.24v').each(function()
   {
      $(this).qtip(
      {
		  show: { 
		  	delay: 0, 
			 effect: {
				  length: 0
			 }
		   },
		   hide: {
			 effect: {
				  length: 200
			 }
		   },
         content: $(this).attr('alt'), // Use the ALT attribute of the area map
         style: {
			background: '#063ea9',
            name: 'dark', // Give it the preset dark style
            border: {
               width: 5, 
               radius: 4,
			   color: '#063ea9'
            }, 
			fontSize: '12px',
            tip: true // Apply a tip at the default tooltip corner
         },
		 position: {
			  corner: {
				 target: 'bottomMiddle',
				 tooltip: 'topMiddle'
			  },
			  adjust: {
				y: 10 
			  }
		 }
   
      });
   });
   
   $('.qtip-bottom.24v').each(function()
   {
      $(this).qtip(
      {
		  show: { delay: 0 },
         content: $(this).attr('alt'), // Use the ALT attribute of the area map
         style: {
			background: '#063ea9',
            name: 'dark', // Give it the preset dark style
            border: {
               width: 5, 
               radius: 4,
			   color: '#063ea9'
            }, 
			fontSize: '12px',
            tip: true // Apply a tip at the default tooltip corner
         },
		 position: {
			  corner: {
				 target: 'bottomMiddle',
				 tooltip: 'topMiddle'
			  },
			  adjust: {
				x: -100
			  }
		 }
   
      });
   });

});