function getElementsByClass(searchClass, node, tag) {
        var classElements = new Array();
        if (node == null)
            node = document;
        if (tag == null)
            tag = '*';
        var els = node.getElementsByTagName(tag);
        var elsLen = els.length;
        var pattern = new RegExp("(^|\\s)" + searchClass + "(\\s|$)");
        for (i = 0, j = 0; i < elsLen; i++) {
            if (pattern.test(els[i].className)) {
                classElements[j] = els[i];
                j++;
            }
        }
        return classElements;
    }

    function initalize() {
        for (var i = 1; i <= 6; i++) {
            document.getElementById("btn" + i).getElementsByTagName("img")[0].onmouseover = function() {
                swapActive(this);
            };
        }
    }

    function setDefaultState() {
        onArr = getElementsByClass("on", document.getElementById("navBtnHold"));
        for (var i = onArr.length - 1; i >= 0; --i) {
            onArr[i].style.display = "none";
        }

        offArr = getElementsByClass("off", document.getElementById("navBtnHold"));
        for (var i = offArr.length - 1; i >= 0; --i) {
            offArr[i].style.display = "block";
        }

        for (var i = 1; i <= 6; i++) {
            document.getElementById("info" + i).style.display = "none";
        }
    }

    function swapActive(el) {
        setDefaultState();
        document.getElementById(el.parentNode.id.replace("btn", "info")).style.display = "block";
        getElementsByClass("off", el.parentNode)[0].style.display = "none";
        getElementsByClass("on", el.parentNode)[0].style.display = "block";
    }

    window.onload = initalize;