function addClass(cName, obj) {
    if (obj.className.indexOf(cName) == -1) {
        if (obj.className == '') {
            obj.className = cName;
        } else {
            obj.className += ' '+cName;
        }
    }
}

function remClass(cName, obj) {
    if (obj.className.indexOf(cName) > -1) {
        if (obj.className == cName) {
            obj.className = '';
        } else {
            obj.className = obj.className.replace(new RegExp(' '+cName), '');
        }
    }
}

var dhonload = window.onload;
window.onload = function() {
    if (dhonload) {
        dhonload();
    }
    
    var mmenu = $('mainMenuContainer');
    if (mmenu) {
        var mlinks = mmenu.getElementsByTagName('a');
        var cmp = document.location.href;
        if (cmp.indexOf('?') > -1) {
            cmp = cmp.substr(0, cmp.indexOf('?'));
        }
        for (var i = 0 ; i < mlinks.length ; i++) {
            if (mlinks[i].href == cmp) {
                addClass('active', mlinks[i]);
            }
        }
    }
    
    var catbox = $('catList');
    if (catbox) {
        var lis = catbox.getElementsByTagName('li');
        for (var i = 0 ; i < lis.legnth ; i++) {
            lis[i].onmouseover = function() {
                var tgt = this.getElementsByTagName('a')[0];
                addClass('hover', tgt);
            }
            lis[i].onmouseout = function() {
                var tgt = this.getElementsByTagName('a')[0];
                remClass('hover', tgt);
            }
            lis[i].onclick = function() {
                var tgt = this.getElementsByTagName('a')[0];
                window.location = tgt.href;
            }
        }
    }
}