window.addEvent('domready', function() {
    var title;
    images = new Array();
    for (i = 1; i < 6; i++) {
        images.push(base_url + 'images/menu/' + i + '_hover.jpg'); 
    }
    
    new Asset.images(images, {
        onComplete: function(){
            //console.log('loaded');
        }
    });
    
    $$('li.menuLi a').addEvent('mouseenter', menuShowHover);
    $$('li.menuLi a').addEvent('mouseleave', menuHideHover);
    
    function menuShowHover(e) {
        title = this.get('title');
        this.erase('title');
        element = this.getElement('img');
                
        src = element.getProperty('src');
        src = src.replace(/^(.+)\/(.+).jpg$/i, "$1/$2_hover.jpg");

        element.setProperty('src', src);

    }
    
    function menuHideHover(e) {
        this.set('title', title);
        element = this.getElement('img');
                
        src = element.getProperty('src');
        src = src.replace(/^(.+)\/(.+)_hover.jpg$/i, "$1/$2.jpg");

        element.setProperty('src', src);
    }
});