window.addEvent('domready', function(){
	initMenus();
});
 
function initMenus() {
	// mainmenu hover
	$$(".navbutton").forEach(function(element){
		
		var elFx = element.effect('opacity', {wait:false,duration:250}).set(1);
		var src = element.getProperty('src');
		
		element.addEvents({
		
		    'mouseenter': function(){
		        element.setProperty('src',src.replace(/off/g,'on'));
		    },
		    'mouseleave': function(){
		        element.setProperty('src',src.replace(/on/g,'off'));
		    }
		    

		});
 
	});
}