function changeImage(imgID,newImg) {
        document.images[imgID].src=newImg;
    }

    function layerView(id,id2) {
        document.getElementById('cat1').style.display = "none"
        document.getElementById('cat2').style.display = "none"
        document.getElementById('cat3').style.display = "none"
        document.getElementById('cat4').style.display = "none"
        document.getElementById('cat5').style.display = "none"
        document.getElementById('cat6').style.display = "none"
        document.getElementById(id).style.display = "block"
        document.getElementById('ftCat1L').className  = "grayLink"
        document.getElementById('ftCat2L').className  = "grayLink"
        document.getElementById('ftCat3L').className  = "grayLink"
        document.getElementById('ftCat4L').className  = "grayLink"
        document.getElementById('ftCat5L').className  = "grayLink"
        document.getElementById('ftCat6L').className  = "grayLink"
        document.getElementById('ftCategory').className = "redLink"
        document.getElementById(id2).className = "redLink"
    }

    function layerViewAll() {
        document.getElementById('cat1').style.display = "block"
        document.getElementById('cat2').style.display = "block"
        document.getElementById('cat3').style.display = "block"
        document.getElementById('cat4').style.display = "block"
        document.getElementById('cat5').style.display = "block"
        document.getElementById('cat6').style.display = "block"
        document.getElementById('ftCat1L').className  = "grayLink"
        document.getElementById('ftCat2L').className  = "grayLink"
        document.getElementById('ftCat3L').className  = "grayLink"
        document.getElementById('ftCat4L').className  = "grayLink"
        document.getElementById('ftCat5L').className  = "grayLink"
        document.getElementById('ftCategory').className  = "grayLink"
        document.getElementById('ftCat6L').className = "redLink"
}