clickMenu = function(menu){

    var getEls = document.getElementById(menu).getElementsByTagName("LI");
    var getAgn = getEls;

    for (var i = 0; i < getEls.length; i++) {

        getEls[i].onclick = function(){

            // for each picture in turn
            for (var x = 0; x < getAgn.length; x++) {

                // if there is a default, turn if off entirely (inc thumb) when something else is clicked
                if ((this.className.indexOf('default'))==-1) {

                 	getAgn[x].className=getAgn[x].className.replace("default", "off");
                 }

                // unclick the default when something else is clicked
                /*if ((this.className.indexOf('default')) == -1) {

                    getAgn[x].className = getAgn[x].className.replace("default", "unclick");
                }*/

                getAgn[x].className = getAgn[x].className.replace("unclick", "");
                getAgn[x].className = getAgn[x].className.replace("click", "unclick");
            }

            if ((this.className.indexOf('unclick')) != -1) {

                /*for (var x=0; x<getAgn.length; x++) {

                 	getAgn[x].className=getAgn[x].className.replace("off", "default");
                }*/

                this.className = this.className.replace("unclick", "");
            }
            else {
                this.className += " click";
            }
        }
    }
}