// global.js
// Layout Functions

var overLinkColor = "#44ddaa";
var outLinkColor = "";
function onLinkOver()
{
	var e = event.srcElement;
	if( outLinkColor == "" )
	{
		outLinkColor = e.style.color;
	}
	e.style.color = overLinkColor;
}

function onLinkOut()
{
	var e = event.srcElement;
	e.style.color = outLinkColor;
}

// Bildwechsel

var bild1 = "img/margita.jpg";
var bild2 = "img/margitb.jpg";
function Bildwechsel(bild)
{
	if ( bild.src.charAt(bild.src.length-5) == 'a' )
	{
		bild.src = bild2;
	}
	else
	{
		bild.src = bild1;
	}
}

function GetWindowHeight()
{
    if (document.compatMode == "CSS1Compat") {
        return document.documentElement.clientHeight;
    }
    else {
        return document.body.clientHeight;
    }
}

function showTitel()
{
	document.writeln("<p class=MenuTitel>");
	document.writeln("<b>NORDIC<font class='Grey'><i>-WALKING</i></font></b> Kurse in Bielefeld");
	document.writeln("</p>");
	document.writeln("<hr class='Grey'/>");
	document.writeln("<br/>");
}

function showNavigation(home)
{
    document.writeln("<div class='Navigation'>");

	document.writeln("<div class='MenuButton'>");
		document.writeln("<a class='MenuText' onmouseover='onLinkOver()' onmouseout='onLinkOut()' href='index.html'>Startseite</a>");
	document.writeln("</div>");
	document.writeln("<div class='MenuButton'>");
	document.writeln("<a class='MenuText' onmouseover='onLinkOver()' onmouseout='onLinkOut()' href='info.html'>Mehr Infos</a>");
	document.writeln("</div>");
	document.writeln("<div class='MenuButton'>");
	document.writeln("<a class='MenuText' onmouseover='onLinkOver()' onmouseout='onLinkOut()' href='termine.html'>Kurstermine/Preise</a>");
	document.writeln("</div>");
	document.writeln("<div class='MenuButton'>");
	document.writeln("<a class='MenuText' onmouseover='onLinkOver()' onmouseout='onLinkOut()' href='training.html'>Einzel-/Gruppentraining</a>");
	document.writeln("</div>");
	document.writeln("<div class='MenuButton'>");
	document.writeln("<a class='MenuText' onmouseover='onLinkOver()' onmouseout='onLinkOut()' href='links.html'>Kooperationspartner/Links</a>");
	document.writeln("</div>");
	document.writeln("<div class='MenuButton'>");
	document.writeln("<a class='MenuText' onmouseover='onLinkOver()' onmouseout='onLinkOut()' href='kontakt.html'>Kontakt/Anmeldung</a>");
	document.writeln("</div>");

	document.writeln("<div>");
}

function Start()
{
    document.writeln("<style>");
    document.writeln("div.Seite");
    document.writeln("{");
    document.writeln("height:" + GetWindowHeight() + "px;");
    document.writeln("}");
    document.writeln("</style>");
}

Start();