function hatTrick(hatNumber, subset) {
	var total = 36;
	var bodyTag = document.getElementsByTagName('body')[0];
	var classList = bodyTag.className;
	if (classList.indexOf("hat") > -1) {
		var tempClasses = new Array();
		var classes = classList.split(" ");
		var j = 0;
		for(i = 0; i < classes.length; i++) {
			if(classes[i].substr(0,3) != "hat") tempClasses[j++] = classes[i];
		}
		classList = tempClasses.join(" ");
	}

	if (!hatNumber) hatNumber = Math.floor(total*Math.random());
	var newHat = " hat" + hatNumber;
	bodyTag.className = classList + newHat + "";
}



// mimicks li:hover for IE, which doesn't support it
var hoverDebug = Array();
sfHover = function() {
	try
	{

		var sfEls = document.getElementById("nav").getElementsByTagName("LI");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" sfhover";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			}
		}
	}
	catch(err)
	{
		hoverDebug[0] = err;
	}
}
//if (window.attachEvent) window.attachEvent("onload", sfHover);

// mimicks li:hover for IE, which doesn't support it
var hover2Debug = Array();
sfHover2 = function() {
	try
	{

		var sfEls = document.getElementById("boxOffice-menu").getElementsByTagName("LI");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" sfhover2";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" sfhover2\\b"), "");
			}
		}
	}
	catch(err)
	{
		hover2Debug[0] = err;
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover2);