function $(id) {
	return document.getElementById(id);
}

/*
 * Hackery to fix hover-tabs that IE6 is too pathetic to render
 */

var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
	},
	searchString: function (data) {
			var dataString = data.string;
			this.versionSearchString = data.versionSearch;
			
			if (dataString) {
				if (dataString.indexOf(data.subString) != -1)
					return data.identity;
			}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: {
		string: navigator.userAgent,
		subString: "MSIE",
		identity: "Explorer",
		versionSearch: "MSIE"
	}
};

BrowserDetect.init();

window.onload = function() {
	setPosVars();

	if (BrowserDetect.browser == 'Explorer' && BrowserDetect.version == '6') {
		var lis = $('navbar').getElementsByTagName('li');
		
		for (var i = 0; i < lis.length; i++) {
			if (lis[i].className == 'active')
				continue;
		
			lis[i].onmouseover = function() {this.className = 'tabHover'}
			lis[i].onmouseout  = function() {this.className = ''}
		}
	}
}