// global.js
// Layout Functions

var APP_BROWSER_NAME = null;
var APP_BROWSER_VERSION = 0;
var APP_BROWSER_MSIE = false;
var APP_BROWSER_FF = false;

var LINK_COLOR_OVER = "#6666ee";
var LINK_COLOR_MENUBUTTON = "#44aa44";

// Browser Name und Version ermitteln

function GetBrowser()
{
	var ie = "MSIE ";
	var ff = "Firefox/";
	var s = navigator.userAgent;

	APP_BROWSER_NAME = null;
	APP_BROWSER_VERSION = null;
	APP_BROWSER_MSIE = false;
	APP_BROWSER_FF = false;

	// Try Internet Explorer
	if( s.indexOf(ie) != -1 )
	{
		APP_BROWSER_NAME = navigator.appName;
		APP_BROWSER_VERSION = Number(s.split(ie)[1].substring(0,3)).toPrecision(2);
		APP_BROWSER_MSIE = true;
		return;
	}

	// Try Firefox
	if( s.indexOf(ff) != -1 )
	{
		APP_BROWSER_NAME = "Firefox";
		APP_BROWSER_VERSION = Number(s.split(ff)[1].substring(0,3)).toPrecision(2);
		APP_BROWSER_FF = true;
		return;
	}

	// Andere
	APP_BROWSER_NAME = navigator.appName;
	APP_BROWSER_VERSION = Number(navigator.appVersion.charAt(0));
	return;
}

var oldColor = null;
var outElement = null;

function onLinkOver()
{
    var e = null;
	if( APP_BROWSER_MSIE )
	{
		e = event.srcElement;
	}
	else
	{
		e = this;
	}
	if( !e )
	{
		return;
	}
	oldColor = e.style.color;
	e.style.textDecoration = "underline";
	outElement = e;
}

function onLinkOut()
{
	if( !outElement )
	{
		return;
	}
	outElement.style.textDecoration = "none";
	outElement = null;
}

function onBtnOver()
{
    var e = null;
	if( APP_BROWSER_MSIE )
	{
		e = event.srcElement;
	}
	else
	{
		e = this;
	}
	if( !e )
	{
		return;
	}
	oldColor = e.style.color;
	e.style.backgroundColor =	LINK_COLOR_MENUBUTTON;
	outElement = e;
}

function onBtnOut()
{
	if( !outElement )
	{
		return;
	}
	outElement.style.textDecoration = "none";
	outElement.style.backgroundColor =	oldColor;
	outElement = null;
}

// 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("<table cellpadding='0' cellspacing='0' border='0' width='100%'>");
	document.writeln("<tr valign='top'>");
	document.writeln("<td class='Center'>");
	document.writeln("<p class='MenuTitel' style='font-size:24pt;'>");
	document.writeln("<b>");
	document.writeln("GESUNDHEITSSPORT");
	document.writeln("<br/>");
	document.writeln("<font style='font-size:52pt;'>NORDIC<font class='Grey'><i>-WALKING</i></font></font>");
	document.writeln("<br/>");
	document.writeln("<font style='font-size:18pt;'>Präventionskurse in Bielefeld</font>");
	document.writeln("</b>");
	document.writeln("</p>");
	document.writeln("</td>");
	document.writeln("</tr>");
	document.writeln("</table>");
	document.writeln("<br/>");
	document.writeln("<hr class='Grey'/>");
	document.writeln("<br/>");
}

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

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

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

function Start()
{
	GetBrowser();
    document.writeln("<style type='text/css'>");
    document.writeln("div.Seite");
    document.writeln("{");
    document.writeln("height:" + GetWindowHeight() + "px;");
    document.writeln("}");
    document.writeln("</style>");
}

Start();