window.onload = function()
{

	document.getElementById("tab_konstruktion").onclick = function()
	{
		toggleDiv('tab_konstruktion_content',1);
		toggleDiv('tab_merkzettel_content',0);
		
		setClassStyle('tab_konstruktion', 'tab_selected');
		setClassStyle('tab_merkzettel', 'tab_hidden');
		
		return false;
	}

	document.getElementById("tab_merkzettel").onclick = function() 
	{
		toggleDiv('tab_merkzettel_content',1);
		toggleDiv('tab_konstruktion_content',0);

		setClassStyle('tab_konstruktion', 'tab_hidden');
		setClassStyle('tab_merkzettel', 'tab_selected');

		return false;
	}


	function toggleDiv(id, state)
	{
	    document.getElementById(id).style.display = state ? "block" : "none";
		
	}
	
	function setClassStyle(id, style)
	{
		document.getElementById(id).className = style;
		
	}
}