function initAbout(node) {
		
		clearAll();
		
        activeNavItem = node;

        subNavigationNode.innerHTML = "";

        subNavigation = document.createElement('div');

        var bar = createNewSubNavigationBar(subNavigation);

        var me = document.createElement('span');
        me.innerHTML = "me";
		
        addSubNavigationItem(me, function() {
			showDoubleColumned("about/english/me.txt", "about/german/me.txt");
			}, bar);

        var site = document.createElement('span');
        site.innerHTML = "this site";
		
        addSubNavigationItem(site, function() {
			showDoubleColumned("about/english/site.txt", "about/german/site.txt");
			}, bar);

        subNavigationNode.appendChild(subNavigation);

        }



function initContact(node) {
		
		clearAll();
		
        activeNavItem = node;

        showSingleColumned("contact/contact.txt");
		
		subNavigation = null;
        document.getElementById("navigationBox").removeChild(subNavigationNode);

        }
		

var textBoxA = document.createElement('div');
var textBoxB = document.createElement('div');

addAttribute(textBoxA, 'class', 'textBox doubleColumned');
addAttribute(textBoxB, 'class', 'textBox doubleColumned');

function showDoubleColumned(srcA, srcB) {

        infoNode.innerHTML  = "";

        setText(textBoxA, srcA);
        setText(textBoxB, srcB);
		
		infoNode.appendChild(textBoxA);
		infoNode.appendChild(textBoxB);
		
		textBoxB.style.left = textBoxA.offsetWidth + 1 + "px";

        }


var textBoxC = document.createElement('div');

addAttribute(textBoxC, 'class', 'textBox singleColumned');

function showSingleColumned(src) {

        infoNode.innerHTML  = "";

        setText(textBoxC, src);
		
		infoNode.appendChild(textBoxC);

        }