function getElementsByClassName(cl) {
    var retnode = [];
    var myclass = new RegExp('\\b' + cl + '\\b');
    var elem = document.getElementsByTagName('*');
    for (var i = 0; i < elem.length; i++) {
        var classes = elem[i].className;
        if (myclass.test(classes)) retnode.push(elem[i]);
    }
    return retnode;
}

//menu================
function menuHover(source, id) {
    var submenu = document.getElementById('submenu' + id);

    if (submenu != null) {
        var subul = document.getElementById('sul' + id);
        source.className = "catselwithsub";
        $(submenu).css("top", absPosition(source).y);
        $(submenu).css("left", absPosition(source).x);
    }
    else {
        source.className = "catsel";
    }
}

function menuOut(source, IsSelected, id) {
    source.className = IsSelected ? "catsel" : "cat";
}

//submenu===============
function submenuHover(source, id) {
    var submenu = document.getElementById('subcollect' + id);
    source.className = "subcollectshover";
    
    if (submenu != null) {
        $(submenu).css("left", 240);
    }
    
}

function submenuOut(source, id) {
    source.className = "subcollects";
}


function absPosition(obj) {
    var x = y = 0;
    while (obj) {
        x += obj.offsetLeft;
        y += obj.offsetTop;
        obj = obj.offsetParent;
    }
    return { x: x, y: y };
}