#jsmenue
{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 200px;
	height: 450px;
	border: 1px solid #C8C8C8;
	background-color: #EEEEEE;
	padding: 5px;
	font-family:  Lucida, Lucida Console, Courier New, Courier;
	font-size: 12px;
}

#par1, #par12 {visibility: hidden}

#title
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: 700;
	color: #666666
}

a.tree {text-decoration: none; cursor: pointer}

a.node:hover {text-decoration: underline; cursor: pointer}

#jscontent
{
	position: absolute;
	left: 230;
	top: 10px;
	width: 500px;
	height: 450px;
	border: 1px solid #C8C8C8;
	background-color: #EEEEEE;
	padding: 5px;
	font-family: Verdana;
	font-size: 12px;
}

// Menue
var c1AreVisible = false;
var c1n2AreVisible = false;

var c3AreVisible = false;
var c3n1AreVisible = false;

var children1 = '
  |- Link 1.1
  +- Link 1.2
  |- Link 1.3';
var children1n2 = '
  |  |- Link 1.2.1';

var children2 = '
     |- Link 2.1';

var children3 = '
  +- Link 3.1
  |- Link 3.2';
var children3n1 = '
  |  |- Link 3.1.1
  |  |- Link 3.1.2';

function openTree(node, children, visibility)
{
	n = document.getElementById(node);
	if (visibility == false)
	{
		n.innerHTML = children;
		visibility = true;
	}
	else
	{
		n.innerHTML = '';
		visibility = false;
	}
	return visibility;
}

// Content
var content0 = 'JS-Content

';
var content1 = content0 + 'Content 1';
var content1n1 = content0 + 'Content 1.1';
var content1n2 = content0 + 'Content 1.2';
var content1n2n1 = content0 + 'Content 1.2.1';
var content1n3 = content0 + 'Content 1.3';

var content2 = content0 + 'Content 2';

var content3 = content0 + 'Content 3';
var content3n1 = content0 + 'Content 3.1';
var content3n1n1 = content0 + 'Content 3.1.1';
var content3n1n2 = content0 + 'Content 3.1.2';
var content3n2 = content0 + 'Content 3.2';

function fillContent(content)
{
	document.getElementById('jscontent').innerHTML = content;
}