window.addEvent('domready', function() {
	$$('img.sector_icon').each(function(sectorIcon) {
		var sectorTooltip = $('sector_tooltip_' + sectorIcon.id.substring(12));
		if (sectorTooltip) {
			
			// Show the sector tooltip.
			var showTooltip = function() {
				sectorTooltip.setStyle('display', 'block');
				var iconCoordinates = sectorIcon.getCoordinates('main');
				var tooltipCoordinates = sectorTooltip.getCoordinates('main');
				sectorTooltip.setStyles({
					left : ((iconCoordinates.left + iconCoordinates.right) / 2) + 'px',
					top : (((iconCoordinates.top + iconCoordinates.bottom) / 2) - tooltipCoordinates.height) + 'px'
				});
			}
			
			// Hide the sector tooltip.
			var hideTooltip = function() {
				sectorTooltip.setStyle('display', 'none');
			}
			
			sectorIcon.addEvent('mouseenter', function(e) {
				showTooltip();
			});
			
			if (Browser.Engine.trident && parseFloat((/MSIE (.*?);/.exec(navigator.appVersion))[1]) < 7.0) {
				sectorIcon.addEvent('mouseleave', hideTooltip);
			} else {			
				sectorIcon.addEvent('mouseleave', function(e) {
					if (e.relatedTarget != sectorTooltip) hideTooltip();
				});
				sectorTooltip.addEvent('mouseleave', function(e) {
					if (e.relatedTarget != sectorIcon) hideTooltip();
				});
			}
		}
	});
});