d = document;


function toggle(blockname, obj)
{
	var blocks = new Array('features', 'specs', 'faq');
	for (var i=0; i<blocks.length; i++)
	{
		document.getElementById(blocks[i]).style.display = (blocks[i] == blockname) ? 'block' : 'none';
		document.getElementById('tab'+(i+1)).className = 'tab_'+blocks[i]+((blocks[i] == blockname) ? '' : ' tab_unselected');
	}
	obj.blur();
	return false;
}

function toggleTabPage()
{
	var page;
	var tab;

	if (toggleTabPage.arguments.length == 3)
	{
		var tabPrefix = toggleTabPage.arguments[1];
		var tabpagePrefix = toggleTabPage.arguments[2];
	}
	else
	{
		var tabPrefix = 'tab';
		var tabpagePrefix = 'tabpage';
	}

	// if it can't find the first element, start from the second one
	// var i = (d.getElementById(tabPrefix+'1')) ? 1 : 2

	// find first tab
	var i = 1;
	for(var j=1; j<5; j++)
		if (d.getElementById(tabPrefix+j))
		{
			i = j;
			break;
		}

	while(tab = d.getElementById(tabPrefix+i))
	{
		if (page = d.getElementById(tabpagePrefix+i))
		{
			if (i == toggleTabPage.arguments[0])
			{
				addClass(tab, 'tab_selected');
				removeClass(tab, 'tab_unselected');
				removeClass(page, 'nodisplay');
			}
			else
			{
				addClass(tab, 'tab_unselected');
				removeClass(tab, 'tab_selected');
				addClass(page, 'nodisplay');
			}
		}
		i++;
	}

	return false;
}

function addClass(e,theClass)
{
	if (e.className == theClass)
		return;

	removeClass(e,theClass);

	var c = e.className.split(' ');
	c[c.length] = theClass;
	e.className = c.join(' ');
}

function removeClass(e,theClass)
{
	var newClass = [];
	var currClass = e.className.split(' ');

	for(var i=0; i<currClass.length; i++)
		if(currClass[i] != theClass)
			newClass[newClass.length] = currClass[i];

	e.className = newClass.join(' ');
}

function hasClass(e,theClass)
{
	var c = e.className;
	if(c)
	{
		c = c.split(' ');
		for(var i=0; i<c.length; i++)
			if(c[i] == theClass)
				return true;
	}
	return false;
}

function toggleDiv(id)
{
	if (d.getElementById(id).style.display == 'none')
		d.getElementById(id).style.display = 'block';
	else
		d.getElementById(id).style.display = 'none';

	return false;
}