    //function to display or hide a given element
    function showHideItems(myItem, myButton){

    //this is the ID of the hidden item
    var myItem = document.getElementById(myItem);

    //this is the ID of the plus/minus button image
    var myButton = document.getElementById(myButton);
        if (myItem.style.display != "none") {
            //items are currently displayed, so hide them
            myItem.style.display = "none";
            swapImage(myButton,"plus");
			myButton.innerText='Show detailed  information';
        }
        else {
            //items are currently hidden, so display them
            myItem.style.display = "block";
            swapImage(myButton,"minus");
			myButton.innerText='Hide detailed information';
        }

    }



    //function to swap an image based on its current state
    function swapImage(myImage, state) {
        if (state == "minus") {
            myImage.src = "/images/layout/plusoff.gif";
        }
        else {
            myImage.src = "/images/layout/plus.gif";
		 }
	}
	
	
	function roll(obj, highlightcolor, textcolor){
            obj.style.backgroundColor = highlightcolor;
            obj.style.color = textcolor;
        }	


    function sortTable(myItem, myButton){

    //this is the ID of the hidden item
    var myItem = document.getElementById(myItem);

        if (myItem.value == 1) {
			myItem.src="/images/layout/sortdesc.gif";
			myItem.value="2";
        }
        else {
				myItem.src="/images/layout/sortasc.gif";
			myItem.value="1";
        }

    }

	