document.preloadImages = new Array;

function preloadImage(s)
{
    document.preloadImages[s] = new Image;
    document.preloadImages[s].src = s;
}

    preloadImage('/images/home_on.png');
    preloadImage('/images/range_on.png');
    preloadImage('/images/solutions_on.png');
    preloadImage('/images/griplock_on.png');
    preloadImage('/images/contact_on.png');
    
    preloadImage('/images/home_off.png');
    preloadImage('/images/range_off.png');
    preloadImage('/images/solutions_off.png');
    preloadImage('/images/griplock_off.png');
    preloadImage('/images/contact_off.png');
                                    

function initLoad()
{

    
    var navButtons = document.getElementById("nav").getElementsByTagName("a");
    for (i = 0; i < navButtons.length; i++)
    {
    navButtons[i].onmouseover = function()
                                {
                                    var gsx = this.getElementsByTagName("img");
                                    
                                    gsx[0].src = document.preloadImages[gsx[0].getAttribute('activeimage')].src;
                                    
                                }
    navButtons[i].onmouseout = function()
                                {
                                    var gsx = this.getElementsByTagName("img");
                                    
                                    gsx[0].src = document.preloadImages[gsx[0].getAttribute('inactiveimage')].src;
                                    
                                }
                                
    }
}