YAHOO.namespace("oMenu"); YAHOO.namespace("oMenu.nodes"); YAHOO.oMenu.nodes = Array(); function menuStartup() { //prep menu objects var oHome = new YAHOO.util.Element('menuHome'); oHome.element = document.getElementById('menuHome'); YAHOO.oMenu.nodes.push(oHome); var oAbout = new YAHOO.util.Element('menuAbout'); oAbout.element = document.getElementById('menuAbout'); YAHOO.oMenu.nodes.push(oAbout); var oCourse = new YAHOO.util.Element('menuCourse'); oCourse.element = document.getElementById('menuCourse'); YAHOO.oMenu.nodes.push(oCourse); var oLessons = new YAHOO.util.Element('menuLessons'); oLessons.element = document.getElementById('menuLessons'); YAHOO.oMenu.nodes.push(oLessons); var oWeddings = new YAHOO.util.Element('menuWeddings'); oWeddings.element = document.getElementById('menuWeddings'); YAHOO.oMenu.nodes.push(oWeddings); //attach menu behaviours YAHOO.oMenu.attachBehavior(YAHOO.oMenu.nodes); } YAHOO.oMenu.attachBehavior = function(arr) { for (i=0; i < arr.length; i++) { YAHOO.util.Event.addListener(arr[i].element, "mouseover", activateMenu, arr[i]); YAHOO.util.Event.addListener(arr[i].element, "mouseout", deactivateMenu, arr[i]); } } function activateMenu(e,o) { var tmpImage = o.element.src; var newImage = tmpImage.replace(/off.png/,"on.png"); o.set('src', newImage); } function deactivateMenu(e,o) { var tmpImage = o.element.src; var newImage = tmpImage.replace(/on.png/,"off.png"); o.set('src', newImage); } YAHOO.util.Event.onDOMReady(menuStartup); document.write('');