/*
  This function hides the option menu
*/
function hideOptionsMenu(divId){
//	var menuElement = document.getElementById? document.getElementById(divId): null;
//	if(menuElement != null){
		divId.style.visibility= !divId.style.visibility;
//	}
}

function classChange(element) {
	alert ("0");
	var cn = element.className;
	alert ("1"+cn);
	if (cn != null) {
		if (cn == "visible") {
			element.className = "hidden";
		} else {
			element.className = "visible";
		}
	}
}


//This is the code I ended up using. It works on both browsers:
//The function toggleDetail receives an id and a number. The id represents the column we want to detail and the //number how many rows this detail has. The function hides or shows all rows with this id+number combination.
      function toggleDetail(id,number) {
        for (i=1;i!=number;i++) {
          body=document.getElementById(id+i);
          if (body) {
          if (body.style.display == 'none') {
            try {
              body.style.display='table-row';
            } catch(e) {
              body.style.display = 'block';
            }
          }
          else {
            body.style.display = 'none';
          }
          }
        }
      }