var activeCat = "00";
var isLoaded = 0;
var winW = 0;

function changeActiveCategory(newCat) {
	if(1 == isLoaded) {
		var divLastCat = document.getElementById("topnav" + activeCat);
		var divCat = document.getElementById("topnav" + newCat);
		
		if(divCat) {
			if(divLastCat) {
				divLastCat.setAttribute('className', 'catnav'); //for IE's sake
				divLastCat.setAttribute('class', 'catnav');
			}
			divCat.setAttribute('className', 'catnavaktiv'); //for IE's sake
			divCat.setAttribute('class', 'catnavaktiv');
			activeCat = newCat;
		}
		moveit();
	}
}

function activateFirstCategory() {
	isLoaded = 1;
	changeActiveCategory("01"); // activate first category
}

function activateCategory(cat) {
	var idx = mapCategoryToId(cat); // mapCategoryToId is declared in calling web site
	if(idx > 0) {
		if(idx < 10)
			changeActiveCategory("0" + String(idx));
		else
			changeActiveCategory(String(idx));
	}
}

function checksize()
{
	if(navigator.appName.indexOf("Microsoft") != -1)
		return document.body.offsetWidth + 4;
	if(navigator.appName == "Netscape" && parseInt(navigator.appVersion) > 4)
		return window.innerWidth;
}

function checkheight()
{
	var mycategories = document.getElementById('categories');
	if(navigator.appName.indexOf("Microsoft") != -1)
		return mycategories.offsetHeight
	if(navigator.appName == "Netscape" && parseInt(navigator.appVersion) > 4)
		return parseInt(document.defaultView.getComputedStyle(mycategories, null).getPropertyValue("height"));
}

function moveit()
{
	var mytopnav = document.getElementById('topnavspacer');
	var maxleftborder = 192;
	if(winW != checksize())
	{
		mytopnav.style.width = maxleftborder + "px";
		if(checkheight() > 16) mytopnav.style.width = "0px";
		winW = checksize();
	}
}