// Get an element by ID in a portable manner
function getid(id) {
	if(document.all)
		return document.all(id);
	else if(document.getElementById)
		return document.getElementById(id);
	return false;
}

function toggle(item){
	rowid = getid(item);

	if (typeof was[item]  != 'undefined'){
		flicker = rowid.className;
		rowid.className = was[item];
		was[item] = flicker;

		if (was[item] == rowid.className){
			window.alert("resetting");
			rowid.className = original[item];
		}

	} else {
		was[item] = rowid.className;
		original[item] = rowid.className;

		if (was[item] == "odd"){
			rowid.className = "hlodd";
		} else {
			rowid.className = "hleven";
		}
	}

}

var was = new Array();
var original = new Array();
var highlights = new Array();


function ctoggle(thisClass){
	header = getid(thisClass);


	if (typeof highlights[thisClass]  == 'undefined'){
		newbg = "#B7DCFF";
		highlights[thisClass] = "true"

	} else if (highlights[thisClass] == "true") {
		newbg = "";
		highlights[thisClass] = "false"

	} else {
		newbg = "#B7DCFF";
		highlights[thisClass] = "true"
	}

	tbls = getElementsByClassName(thisClass);
	for (ti=0;ti<tbls.length;ti++) {
		tbls[ti].style.backgroundColor = newbg;
	}
}

function toggleclass(thisClass) {
	tbls = getElementsByClassName(thisClass);
	
    for (ti=0;ti<tbls.length;ti++) {
        thisTbl = tbls[ti];
		if (thisTbl.style.display == "none") {
			thisTbl.style.display = "";	
		} else {
			thisTbl.style.display = "none";
		}
    }

}

function getElementsByClassName (c) {
	var ret = new Array();
	var j = 0;
	var objs = document.all ? document.all : document.getElementsByTagName("*");

	var pattern = c;

	for(i = 0;i<objs.length;i++){
		if(objs[i].className.search(pattern) != -1){
			ret[j] = objs[i];
			j++;
		}
	}
	return ret;
}


function fillBox(){
	//window.alert(getid("togglebox").innerHTML);
	getid("togglebox").innerHTML = "Toggle: [ <A HREF=\"javascript:toggleclass('penalty')\" id=\"penaltyfilter\">Penalties</A> | <A HREF=\"javascript:toggleclass('equipment')\" id=\"equipmentfilter\">Equipment</A> | <A HREF=\"javascript:toggleclass('admin')\" id=\"adminfilter\">Admin</A> | <A HREF=\"javascript:toggleclass('admin');toggleclass('penalty');toggleclass('equipment')\">All those</A> ]";
}