﻿	function ShowHide(what) {
		if(what == "categories") {
            var areaObj = document.getElementById(what).style;

            showcategories = "images/button-categories-show.jpg";
            hidecategories = "images/button-categories-hide.jpg";

            if(areaObj.display == "none"){
                areaObj.display = "block";  // Open it
                document.getElementById('showhidecat').src = hidecategories;
            }
            else {
                areaObj.display = "none";  // Close it
                document.getElementById('showhidecat').src = showcategories;
            }

            //document.getElementById('showhidecat').style.backgroundImage = unhighlightsmall;
        }
        else {

    	    var areaObj1 = document.getElementById("features").style;
	        var areaObj2 = document.getElementById("specs").style;

            highlight = "url(images/tab-highlight.jpg)";
            unhighlight = "url(images/tab-dim.jpg)";
            highlightsmall = "url(images/tab-small-highlight.jpg)";
            unhighlightsmall = "url(images/tab-small-dim.jpg)";

            if(what == "specs"){
			    areaObj1.display = "none";  // Close it
			    areaObj2.display = "block";  // Open it

                document.getElementById('featuretab').style.backgroundImage = unhighlight;
                document.getElementById('spectab').style.backgroundImage = highlight;
            }
		    else if(what == "features") {
			    areaObj1.display = "block";  // Open it
			    areaObj2.display = "none";  // Close it

                document.getElementById('featuretab').style.backgroundImage = highlight;
                document.getElementById('spectab').style.backgroundImage = unhighlight;
		    }
            else if(what == "smallspecs"){
			    areaObj1.display = "none";  // Close it
			    areaObj2.display = "block";  // Open it

                document.getElementById('featuretabsmall').style.backgroundImage = unhighlightsmall;
                document.getElementById('spectabsmall').style.backgroundImage = highlightsmall;
            }
		    else if(what == "smallfeatures") {
			    areaObj1.display = "block";  // Open it
			    areaObj2.display = "none";  // Close it

                document.getElementById('featuretabsmall').style.backgroundImage = highlightsmall;
                document.getElementById('spectabsmall').style.backgroundImage = unhighlightsmall;
		    }
		}
	}

