// Create the tooltips only on document load
$(document).ready(function() 
{
   
   PointClicked('point0');
   
   // By suppling no content attribute, the library uses each elements title attribute by default
   $('.point1').qtip({
      content: '<img src="/Images/MapPoints/NassauCountyMuseumofArt-thumb.png" alt="" />',
      position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      }
	   },
      style: { 
		      padding: 0,
		      background: '',
		      border: {
		         width: 0,
		         radius: 0,
		         color: ''
		      }		      
   		}
   });
   
   
   $('.point2').qtip({
      content: '<img src="/Images/MapPoints/SagamoreHill-thumb.png" alt="" />',
      position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      }
	   },
      style: { 
		      padding: 0,
		      background: '',
		      border: {
		         width: 0,
		         radius: 0,
		         color: ''
		      }		      
   		}
   });
   
   $('.point3').qtip({
      content: '<img src="/Images/MapPoints/MuseumRow-thumb.png" alt="" />',
      position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      }
	   },
      style: { 
		      padding: 0,
		      background: '',
		      border: {
		         width: 0,
		         radius: 0,
		         color: ''
		      }		      
   		}
   });
   
   $('.point4').qtip({
      content: '<img src="/Images/MapPoints/OldBethpageVillageRestor-thumb.png" alt="" />',
      position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      }
	   },
      style: { 
		      padding: 0,
		      background: '',
		      border: {
		         width: 0,
		         radius: 0,
		         color: ''
		      }		      
   		}
   });

   $('.point5').qtip({
      content: '<img src="/Images/MapPoints/EisenhowerPark-thumb.png" alt="" />',
      position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      }
	   },
      style: { 
		      padding: 0,
		      background: '',
		      border: {
		         width: 0,
		         radius: 0,
		         color: ''
		      }		      
   		}
   });
   
   $('.point6').qtip({
      content: '<img src="/Images/MapPoints/BethpageStatePark-thumb.png" alt="" />',
      position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      }
	   },
      style: { 
		      padding: 0,
		      background: '',
		      border: {
		         width: 0,
		         radius: 0,
		         color: ''
		      }		      
   		}
   });
   
   
   $('.point7').qtip({
      content: '<img src="/Images/MapPoints/CapitolOneBankTheatreatWestbury-thumb.png" alt="" />',
      position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      }
	   },
      style: { 
		      padding: 0,
		      background: '',
		      border: {
		         width: 0,
		         radius: 0,
		         color: ''
		      }		      
   		}
   });
   
   $('.point8').qtip({
      content: '<img src="/Images/MapPoints/NauticalMileinFreeport-thumb.png" alt="" />',
      position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      }
	   },
      style: { 
		      padding: 0,
		      background: '',
		      border: {
		         width: 0,
		         radius: 0,
		         color: ''
		      }		      
   		}
   });
   
   $('.point9').qtip({
      content: '<img src="/Images/MapPoints/JonesBeach-thumb.png" alt="" />',
      position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      }
	   },
      style: { 
		      padding: 0,
		      background: '',
		      border: {
		         width: 0,
		         radius: 0,
		         color: ''
		      }		      
   		}
   });

   $('.point10').qtip({
      content: '<img src="/Images/MapPoints/NickersonBeach-thumb.png" alt="" />',
      position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      }
	   },
      style: { 
		      padding: 0,
		      background: '',
		      border: {
		         width: 0,
		         radius: 0,
		         color: ''
		      }		      
   		}
   });
   
   $('.point11').qtip({
      content: '<img src="/Images/MapPoints/BelmontPark-thumb.png" alt="" />',
      position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      }
	   },
      style: { 
		      padding: 0,
		      background: '',
		      border: {
		         width: 0,
		         radius: 0,
		         color: ''
		      }		      
   		}
   });
   
   
   $('.point12').qtip({
      content: '<img src="/Images/MapPoints/RooseveltField-thumb.png" alt="" />',
      position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      }
	   },
      style: { 
		      padding: 0,
		      background: '',
		      border: {
		         width: 0,
		         radius: 0,
		         color: ''
		      }		      
   		}
   });
   
   $('.point13').qtip({
      content: '<img src="/Images/MapPoints/AmericanaManhasset-thumb.png" alt="" />',
      position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      }
	   },
      style: { 
		      padding: 0,
		      background: '',
		      border: {
		         width: 0,
		         radius: 0,
		         color: ''
		      }		      
   		}
   });
   
   $('.point14').qtip({
      content: '<img src="/Images/MapPoints/NassauVeteransColiseum-thumb.png" alt="" />',
      position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      }
	   },
      style: { 
		      padding: 0,
		      background: '',
		      border: {
		         width: 0,
		         radius: 0,
		         color: ''
		      }		      
   		}
   });

   $('.point15').qtip({
      content: '<img src="/Images/MapPoints/GoldCoast-thumb.png" alt="" />',
      position: {
	      corner: {
	         target: 'topMiddle',
	         tooltip: 'bottomMiddle'
	      }
	   },
      style: { 
		      padding: 0,
		      background: '',
		      border: {
		         width: 0,
		         radius: 0,
		         color: ''
		      }		      
   		}
   });

});

function PointClicked ( point )
{
	$("div[id^='point']").hide();
	$("div#"+point).fadeIn("fast");
}