elements = document.getElementsByTagName('table');

menus = new Array();
infos = new Array(new Array());
infos2 = new Array();
lastactiveMenu = new Array();
lastactiveTab = new Array();

counter = 0;
for (a = 0; a < elements.length; a++)
{
	if (elements[a].className =='cats_menu')
	{	menus.push(elements[a].getElementsByTagName('a'));
		nodes = document.getElementById(elements[a].getAttribute('container'));
		infos2[counter] = new Array();
		for (b = 0; b < nodes.childNodes.length; b++)
		{	if (nodes.childNodes[b].nodeType != 3)
			{	
				infos2[counter].push(nodes.childNodes[b]);
			}
		}
		infos[counter] = infos2[counter];
		counter++;
		
	}
}
lastactiveMenu.length = menus.length;
lastactiveTab.length = menus.length;
for (a = 0; a < menus.length; a++)
{
	infos[a][0].style.visibility = 'visible';
	infos[a][0].style.position = 'relative';
	lastactiveTab[a] = infos[a][0];
	for (b = 0; b < menus[a].length; b++)
	{
		if (infos[a][b+1])
		{	infos[a][b+1].style.height = 0;
			infos[a][b+1].style.position = 'absolute';
		}
		if (menus[a][b].className == 'active')
			lastactiveMenu[a] = menus[a][b];
		menus[a][b].setAttribute('uniqueIndex', a);
		menus[a][b].setAttribute('uniqueCounter', b);
		menus[a][b].onmouseover = function()
		{	
			this.style.cursor = 'pointer';
		}
		menus[a][b].onclick = function()
		{
			this.className = 'active';
			ui = this.getAttribute('uniqueIndex');
			uc = this.getAttribute('uniqueCounter');
			if (lastactiveTab[ui] != null)
			{	lastactiveTab[ui].style.visibility = 'hidden';
				lastactiveTab[ui].style.position = 'absolute';
				lastactiveTab[ui].style.height = 0;
			}
			infos[ui][uc].style.visibility = 'visible';
			infos[ui][uc].style.position = 'relative';
			infos[ui][uc].style.height = 'auto';
			if (lastactiveMenu[ui])
				lastactiveMenu[ui].className='';
			lastactiveMenu[ui] = this;
			lastactiveTab[this.getAttribute('uniqueIndex')] = infos[ui][uc];
		}
	}

}