function HideShow(ProductGroupID) {

    var elements = document.getElementsByTagName("*");
    for (var i = 0; i < elements.length; i++) {

        if (elements[i].id.indexOf("spanCloseTab") > -1) {
            elements[i].style.display = "block";
        }
        if (elements[i].id.indexOf("ProductPanel") > -1) {
            if (elements[i].id.indexOf(ProductGroupID) > -1) {
                elements[i].style.display = "block";
            }
            else
                elements[i].style.display = "none";
        }
        if (elements[i].className == "boxcontent prodsideback") {
            if (elements[i].style.display == "none") {
                elements[i].style.display = "block";
            }
            else if (elements[i].style.display == "block") {
                elements[i].style.display = "none";
            }
        }
        if (elements[i].className == "boxcontent prodsideback2") {
            if (elements[i].style.display == "none") {
                elements[i].style.display = "block";
            }
            else if (elements[i].style.display == "block") {
                elements[i].style.display = "none";
            }
        }
        if (elements[i].id.indexOf("MainPanelProductRange") > -1) {
            elements[i].style.display = "none";
        }

        if (elements[i].id.indexOf("spanProducts") > -1) {
            elements[i].style.display = "block";
        }

    }
}
function closeClick() {
    var elements = document.getElementsByTagName("*");
    for (var i = 0; i < elements.length; i++) {
        if (elements[i].id.indexOf("spanProducts") > -1) {
            elements[i].style.display = "none";
        }
        if (elements[i].id.indexOf("MainPanelProductRange") > -1) {
            elements[i].style.display = "block";
        }
        if (elements[i].id.indexOf("spanCloseTab") > -1) {
            elements[i].style.display = "none";
        }
        if (elements[i].id.indexOf("blue") > -1) {
            elements[i].style.display = "block";
        }
        if (elements[i].id.indexOf("orange") > -1) {
            elements[i].style.display = "none";
        }
    }
}

function viewAllProducts() {
    var elements = document.getElementsByTagName("*");
    for (var i = 0; i < elements.length; i++) {

        if (elements[i].id.indexOf("spanCloseTab") > -1) {
            elements[i].style.display = "block";
        }
        if (elements[i].id.indexOf("spanProducts") > -1) {
            elements[i].style.display = "block";
        }
        if (elements[i].id.indexOf("ProductPanel") > -1) {
            elements[i].style.display = "block";
        }
        if (elements[i].id.indexOf("MainPanelProductRange") > -1) {
            elements[i].style.display = "none";
        }
        if (elements[i].id.indexOf("orange") > -1) {
            elements[i].style.display = "block";
        }
        if (elements[i].id.indexOf("blue") > -1) {
            elements[i].style.display = "none";
        }
    }
}
function toggleBlueLink(obj) {
    var elements = document.getElementsByTagName("*");
    
    for (var i = 0; i < elements.length; i++) {
        if (elements[i].id.indexOf(obj.id.slice(0, -10)) > -1) {
            if (elements[i].id.indexOf("orange") > -1) {
                //display orange link
                elements[i].style.display = "block";
            }
            if (elements[i].id.indexOf("blue") > -1) {
                //hide blue link
                elements[i].style.display = "none";
            }
        }
        else if (elements[i].id.indexOf(obj.id.slice(0, -11)) > -1) {
        //is a product navigation link
            if (elements[i].id.indexOf(obj.id.slice(0, -10)) == -1) {
                //not the link that was click
                if (elements[i].id.indexOf("orange") > -1) {
                    //hide orange link
                    elements[i].style.display = "none";
                }
                if (elements[i].id.indexOf("blue") > -1) {
                    //display blue link
                    elements[i].style.display = "block";
                }

            }

        }

    }
}

function findProductLink(ProductGroupID){
 var elements = document.getElementsByTagName("*");
    for (var i = 0; i < elements.length; i++) {
        if (elements[i].id.indexOf(ProductGroupID) > -1) {
            if (elements[i].id.indexOf("prodmenu") > -1) {
                if (elements[i].id.indexOf("blue") > -1) {
                    return elements[i];
                }
            }
        }
    }
}