function setFontSize( value )
{
	document.getElementsByTagName( 'body' )[0].style.fontSize = value + '%';
}

function createFontResizer()
{
	if( navigator.userAgent.indexOf('5.01') != '-1') return false;
	
	var bar = document.getElementById('sidebar');

	var mainLi = document.createElement("li");

	var span = document.createElement("span");
    // setAttribute läuft im IE nicht für Klassen ?!
 	span.className = 'head';

	var spanText = document.createTextNode("Schriftgrad:");
	span.appendChild( spanText );	

	var ul = document.createElement("ul");
    // setAttribute läuft im IE nicht für Klassen ?!
	ul.className = 'fontsizer';

	var liGiant = document.createElement("li");
	var aGiant = document.createElement("a");
	aGiant.setAttribute( 'href', 'javascript:setFontSize(105);' );
	var tGiant = document.createTextNode("Riesig");

	aGiant.appendChild( tGiant );
	liGiant.appendChild( aGiant);

	var liBig = document.createElement("li");
	var aBig = document.createElement("a");
	aBig.setAttribute( 'href', 'javascript:setFontSize(85);' );
	var tBig = document.createTextNode("Groß");

	aBig.appendChild( tBig );
	liBig.appendChild( aBig);

	var liNorm = document.createElement("li");
	var aNorm = document.createElement("a");
	aNorm.setAttribute( 'href', 'javascript:setFontSize(62.5);' );
	var tNorm = document.createTextNode("Normal");

	aNorm.appendChild( tNorm );
	liNorm.appendChild( aNorm);

  	ul.appendChild( liNorm );  
	ul.appendChild( liBig );
	ul.appendChild( liGiant );                

	mainLi.appendChild( span );
	mainLi.appendChild( ul )
	bar.insertBefore( mainLi, bar.firstChild );
}

function setCaps()
{
	var capIt = new Array();
	var text = document.getElementById('text');
	var doit = false;
	var size = '1.8';

	capIt[0] = text.getElementsByTagName('h1');
	capIt[1] = text.getElementsByTagName('h2');	
	capIt[2] = text.getElementsByTagName('h3');	

	for ( var i = 0; i < capIt.length; i++ )
	{
		for ( var x = 0; x < capIt[i].length; x++ )
		{
			if( capIt[i][x].className == 'capit' )	doit = true;

			if( capIt[i][x].className == 'sh1Cap' )
			{
				doit = true;
				size = '1.5';
			}

			if( doit )
			{
				var first = capIt[i][x].innerHTML.substr(0,1);
				var rep = '<span style="font-size:' + size + 'em;">' + first + '</span>'; 

				var val = capIt[i][x].innerHTML.replace( first, rep);
				capIt[i][x].innerHTML = val;
				doit = false;
			}
		}	
	}			
}

var smallSide = false;
function resize()
{
	if( document.body.clientWidth <= 980 )
	{
		// sidebar -> nav
		document.getElementById('sidebar').className = 'nav';
		document.getElementById('sidebar').style.width='100%';
		document.getElementById('sidebar').style.margin='0em';

		// sidebar -> sky scrapper
		document.getElementById('sky').className = '';
		document.getElementById('sky').style.textAlign='center';

		smallSide = true;
	}
	if( document.body.clientWidth > 925 && smallSide )
	{

		// sidebar -> nav
		document.getElementById('sidebar').className = 'col_c nav';
		document.getElementById('sidebar').style.width='60%';
		document.getElementById('sidebar').style.margin='0.2em 1em';

		// sidebar -> sky scrapper
		document.getElementById('sky').className = 'col_d';
		document.getElementById('sky').style.margin='0.2em 0em 0em 0em';
		smallSide = false;
	}
} 

function uInit()
{
	window.onresize = resize;
	resize();
	setCaps();
	createFontResizer(); 
}