function preload_menu_images() { // make sure that old browsers don't trip up on image arrays if (document.images) { // // hover (mouseover) images here // buttonHover = new Object(); buttonHover["mn_currentplaylist"] = new Image(127,10); buttonHover["mn_currentplaylist"].src = "/images/nav/mn_currentplaylist_hover.gif"; buttonHover["mn_playlistarchive"] = new Image(127,10); buttonHover["mn_playlistarchive"].src = "/images/nav/mn_playlistarchive_hover.gif"; buttonHover["mn_recommended"] = new Image(127,10); buttonHover["mn_recommended"].src = "/images/nav/mn_recommended_hover.gif"; buttonHover["mn_listenerresponse"] = new Image(127,10); buttonHover["mn_listenerresponse"].src = "/images/nav/mn_listenerresponse_hover.gif"; buttonHover["mn_underwriters"] = new Image(127,10); buttonHover["mn_underwriters"].src = "/images/nav/mn_underwriters_hover.gif"; buttonHover["mn_about"] = new Image(127,10); buttonHover["mn_about"].src = "/images/nav/mn_about_hover.gif"; buttonHover["mn_links"] = new Image(127,10); buttonHover["mn_links"].src = "/images/nav/mn_links_hover.gif"; // // normal (mouseout) images here // buttonNormal = new Object(); buttonNormal["mn_currentplaylist"] = new Image(127,10); buttonNormal["mn_currentplaylist"].src = "/images/nav/mn_currentplaylist_norm.gif"; buttonNormal["mn_playlistarchive"] = new Image(127,10); buttonNormal["mn_playlistarchive"].src = "/images/nav/mn_playlistarchive_norm.gif"; buttonNormal["mn_recommended"] = new Image(127,10); buttonNormal["mn_recommended"].src = "/images/nav/mn_recommended_norm.gif"; buttonNormal["mn_listenerresponse"] = new Image(127,10); buttonNormal["mn_listenerresponse"].src = "/images/nav/mn_listenerresponse_norm.gif"; buttonNormal["mn_underwriters"] = new Image(127,10); buttonNormal["mn_underwriters"].src = "/images/nav/mn_underwriters_norm.gif"; buttonNormal["mn_about"] = new Image(127,10); buttonNormal["mn_about"].src = "/images/nav/mn_about_norm.gif"; buttonNormal["mn_links"] = new Image(127,10); buttonNormal["mn_links"].src = "/images/nav/mn_links_norm.gif"; } } function nav_init() { // get id value (indicates which page we're on) var page_id = document.getElementsByTagName('body'); // swap image for the page we're on switch (page_id[0].getAttribute('id')) { case 'current_playlist': set_active_image('mn_currentplaylist'); break; case 'playlist_archive': set_active_image('mn_playlistarchive'); break; case 'recommended': set_active_image('mn_recommended'); break; case 'listener_response': set_active_image('mn_listenerresponse'); break; case 'underwriters': set_active_image('mn_underwriters'); break; case 'about': set_active_image('mn_about'); break; case 'links': set_active_image('mn_links'); break; } } function rollover(evt) { if (document.images) { // equalize W3C and IE event objects evt = (evt) ? evt : ((window.event) ? window.event : null); if (evt) { //equalize W3C and IE event property var elem = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null); // filter out older browsers (elem=null) and unswappable elements if (elem && elem.className == "rollover") { // let event type govern state // don't swap image if the image is "active" if (elem.id != activeId) { switch (evt.type) { case "mouseover": elem.src = buttonHover[elem.id].src; break; case "mouseout": elem.src = buttonNormal[elem.id].src; break; case "click": break; } } } } } } function set_active_image(imageId) { // could also use separate array for active images; // doesn't have to use buttonHover array var image = document.getElementById(imageId); if (activeId && (imageId != activeId)) { var active_img = document.getElementById(activeId); active_img.src = buttonNormal[activeId].src; } image.src = buttonHover[imageId].src; activeId = imageId; } function verify_delete() { msg = "Are you absolutely sure that you want to delete this playlist?"; return confirm(msg); } var activeId = ""; // bind events for rollovers document.onmouseover = rollover; document.onmouseout = rollover;