$(document).ready(function() {


	// Let the magic begin
	var currentMapId = 1;
	var neighborhoodID = "";
		$(".communitymap").each(function(){
			currentMapId = $(this).attr("id");
			neighborhoodID = $(this).attr("neighborhood");
			$(this).qtip({
				content: {
					url: '/mapajax.asp',
					data: { id: currentMapId, neighborhood: neighborhoodID },
					method: 'post'
				},
		
				show: {
					solo: true
				},
				hide: {
					fixed: true,
					delay: 700
				},
		
				// define position
				position: {
					target: 'mouse',
					corner: {
						tooltip: 'bottomLeft'
					}
				},
		
				// style info, including borders, location of speechbubble style tail
				style: { 
					width: 320,
					name: 'light', // Inherit from preset style
					tip: 'bottomLeft',
					border: {
						width: 5,
						radius: 8,
						color: '#555E00'
					}
				}
			});
		});
	

});