//////////////////////////////////////////////////
//                                              //
// Filename: topnav.js                          //
// Purpose: highlight navigation menu - swap    //
// between on and off preloaded image states    //
// Author: James Radford BSc                    //
// Creation date: 22/11/2007                    //
//                                              //
//////////////////////////////////////////////////


// page links

var topnav = new Array('visit','shop','signup','login','myprofile','logout');


// image paths

var navpath = '/img/nav/on/';
var navpathOff = '/img/nav/off/';


// preload navigation
 
var _topnavOn = new Array();
var _topnavOff = new Array();

for (var i=0;i<topnav.length;i++) {
    _topnavOn[topnav[i]] = new Image();_topnavOn[topnav[i]].src = navpath + topnav[i]+'.gif';    
    _topnavOff[topnav[i]] = new Image();_topnavOff[topnav[i]].src = navpathOff + topnav[i]+'.gif'; 
} 


// bind mouse on and off events for highlighting
    
window.addEvent('domready', function() {
    try {
        topnav.each(function(element, index, array) {
            $(element).addEvent('mouseover', function() {
                topNavOn(this.id);
            });      
            $(element).addEvent('mouseout', function() {
                topNavOff(this.id);
            });   
        }); 
    }
    catch(error) {
        
    }
    
});     


    
// highlight link

function topNavOn(index) {    
    $(index).src = _topnavOn[index].src;
}


// turn highlight off

function topNavOff(index) { 
    $(index).src = _topnavOff[index].src;
}