/*

tabs.js

*/


function switchTabs(tabName)
{
	// set all divs to none -- could clear this up as below
	var divs = document.getElementsByTagName('div');

	for(var i = 0; i < divs.length; i++)
	{
		comp = /(country|province)[0-9]+/.test(divs[i].getAttribute('id'));
		
		if(comp == true) // country followed by a number
		{
			divs[i].style.display = 'none';
		}
	}

	// set all links to inactive
	tc = document.getElementById('tabContainer');

	tabs = tc.getElementsByTagName('a');

	for(var j = 0; j < tabs.length; j++)
	{
		tabs[j].className = 'inactiveTab';
	}

	// then set to block and active
	document.getElementById(tabName + 'Data').style.display = 'block';
	document.getElementById(tabName + 'Tab').className = 'activeTab';
}


// Displays mouseover popup menu's
function menu(element, value)
{
	document.getElementById(element).style.height = value;
}