function AddEvents() {
    
    var lis = document.getElementsByTagName("li");

    var fOver = function() {
        this.style.backgroundImage = 'url(' + PathToRoot + 'images/gradient-over.png)';
        var uls = this.getElementsByTagName("ul")
        for (var i = 0; i < uls.length; i++) {
            if (uls[i].className != 'child') {
                uls[i].style.display = 'block';
            }
        }
    }

    var fOut = function() {
        this.style.backgroundImage = 'url(' + PathToRoot + 'images/gradient.png)';
        var uls = this.getElementsByTagName("ul")
        for (var i = 0; i < uls.length; i++) {
            uls[i].style.display = 'none';
        }
    }

    var fPOver = function() {
        var uls = this.getElementsByTagName("ul")
        for (var i = 0; i < uls.length; i++) {
            uls[i].style.display = 'block';        
        }
    }

    var fPOut = function() {        
        var uls = this.getElementsByTagName("ul")
        for (var i = 0; i < uls.length; i++) {
            uls[i].style.display = 'none';
        }
    }
    
    
    for (var i = 0; i < lis.length; i++) {
        if (lis[i].className == 'top') {
            lis[i].onmouseover = fOver;
            lis[i].onmouseout = fOut;
        } else if (lis[i].className == 'has-children') {
            lis[i].onmouseover = fPOver;
            lis[i].onmouseout = fPOut;
        }
    }
}