// runs the map for era lining's homepage
$(document).ready(function() {
	$("#map_details .community_details.default").css('opacity', 1).css('zIndex', 100);
	//switch details
	selectLoc = function() {
		$("#map_view .community_pager").removeClass('active');
		$("#map_details .community_details").animate({opacity: 0.0}, 250);
		$("#map_details .community_details").removeClass('active');
		$activePager.parent().addClass('active');
		$activeDetail.addClass('active');
		$activeDetail.animate({opacity: 1.0}, 400);
	}
	
	//On Click paging index
	$('#map_view .community_pager a').click(function() {
		$activePager = $(this);
		var currentCommunity = $activePager.attr("rel");
		$activeDetail = $('#map_details .community_details.' + currentCommunity);
		selectLoc(); //Trigger selection immediately
		
		return false;
	});
});