jQuery(document).ready(function($){
						   
	function areaDetect(currentArea) {
		
		var mapSelector = 'area#'+ currentArea;
		var floaterSelector ='div.'+ currentArea;
		// var floaterSelectorActive ='div.'+ currentArea +':(.active)';
		var otherFloatersSelector =".floater:not(." + currentArea + ")";
		// alert(otherFloatersSelector); 
		$(mapSelector)
			.hoverIntent(
				function(){
					$(otherFloatersSelector)
						.removeClass('active')
						.css('display', 'none');
									
					$(floaterSelector)
						.addClass('active')
						.css('display', 'block');
				},
				function(){
				}
			);
	}
	
	
	
		$('.floater').hoverIntent(
		function(){
			$(this).addClass('active');
		}, 
		function(){
			/*	$(this).removeClass('active'); */
		}); 
	
				
		areaDetect('elmet');	
		areaDetect('northwest');
		areaDetect('pudsey');
		areaDetect('morley');	
		areaDetect('northeast');
		areaDetect('central');
		areaDetect('east');
		areaDetect('west');
				
	
				
	$('area')
		.click(function(e) {
			e.preventDefault();
		})
		.mouseout(function(){
		/*	if (timer) {
				clearTimeout(timer);
			}  */
			$('.floater').removeClass('active');
			bccTimer = setTimeout(function(){
				$('.floater:not(.active)').css('display', 'none');
			}, 1000);
		});
		
		
		
	
});