var menu1 = new Image();
menu1.src = "/img/gif/bg-menu-mouseover.gif";
var menu2 = new Image();
menu2.src = "/img/gif/bg-menu-mouseover-twolines.gif";

var menu3 = new Image();
menu3.src = "/img/jpg/portal-button-engineering-mouseover.jpg";
var menu4 = new Image();
menu4.src = "/img/jpg/portal-button-services-mouseover.jpg";

window.addEvent('domready', function(){
	if($('naviPortal')){
		$$('ul#naviPortal li a img').each(function(el, i){
			var bgi = el.getProperty('src');
			el.addEvents({
				'mouseenter': function(){
					switch(i){
						case 0:
							el.setProperty('src', menu3.src);
							break;
						case 1:
							el.setProperty('src', menu4.src);
							break;
					}
				},
				'mouseleave': function(){
					el.setProperty('src', bgi);
				}
			});
		});
	}
	
	if($('navigation')){
		$$('ul#navigation li').each(function(el){
			if(el.getElement('a[id!=selected]')){
				el.addEvents({
					'mouseenter': function(){
						var img = (el.hasClass('twoLines'))?menu2.src:menu1.src;
						el.getFirst().setStyle('background-image', 'url('+img+')');
					},
					'mouseleave': function(){
						el.getFirst().setStyle('background-image', 'url(/img/gif/blank.gif)');
					}
				});
		 	}
		});
	}
});