var Menu = {
	'currentHighlight': null,
	'setImage': function(el, state) {
		var currentImage = el.getAttribute('src');
		var imgRoot = currentImage.substring(0, currentImage.length - 6);

		el.setAttribute('src', imgRoot + state + '.gif');
	}
}

var menuRules = {
	'div.menu-holder a img' : function(el) {
		el.onmouseover = function(ev) {			
			Menu.setImage(el, 'ov');
		};
		el.onmouseout = function(ev) {
			if (el.hasClassName('highlight')) {
			} else {
				Menu.setImage(el, 'up');
			}
		};
		el.onfocus = function(ev) {
			// Remove the dotted line!
			el.blur();
		}
	}
}

Behaviour.register(menuRules);