(function(){
	
	if(!(document.getElementsByTagName && document.createElement)){
		// hide the rest from older browsers
		return;
	}
	
	// find the element that received a mouse event 
	var getEventTarget = function(e){
		var targ;
		if(!e){var e=window.event;}
		if(e.target){
			targ=e.target;
		} else {
			if(e.srcElement){
				targ=e.srcElement;
			}
		}
		if(targ.nodeType==3){
			// defeat Safari bug
			targ=targ.parentNode;	
		}
		return targ;				
	};
	
	var sectorsOver = function(e){
		var t = getEventTarget(e);
		// check if a link was moused over
		if(t.nodeName === "A"){
			// find matching element to show
			var sector = t.id.substring(t.id.indexOf("sm")+2);
			// reset the display
			resetDisplay();
			// show the one we want to be visible
			if(document.getElementById('sd' + sector)){
				var el = document.getElementById('sd' + sector);
				el.style.display = '';
				// update the class name of the menu item
				t.className = "on";
			}
		}
	};
	
	var resetDisplay = function(){		
		var n = sectors.length;
		for(var i=0; i<n; i++){
			// hide the deal content
			if(document.getElementById('sd' + sectors[i])){
				var el = document.getElementById('sd' + sectors[i]);
				el.style.display = 'none';
			}
			if(document.getElementById('sm' + sectors[i])){
				// reset the classname of the menu item
				el = document.getElementById('sm' + sectors[i]);
				el.className = '';
			}			
		}
	};
	
	// find the menu
	var menu = document.getElementById("sectorsMenu");
	
	// attach handler to menu
	menu.onmouseover = sectorsOver;
		
	// menu is still hidden by inline display:none, so show it
	menu.style.display = '';
	
})();