// Gibt die Breite des Anzeigebereichs zurück
function windowwidth()
{
	if (window.innerWidth) return window.innerWidth;
	else if (document.body && document.body.offsetWidth) return document.body.offsetWidth;
	else return 0;
}

// Wählt entsprechend der Breite den passenden CSS-Code für den Kopfbereich aus
function select_head_css()
{
	var csselem = document.getElementById("head_css");
	if(windowwidth() > 1100)
		csselem.href = baseurl + "/res/css/head_big.css";
	else
		csselem.href = baseurl + "/res/css/head_small.css";
}


// Diese Funktion prüft anhand der ersten erzeugten Flagge, ob Bilder überhaupt
// angezeigt werden
function imagesEnabled()
{
	if(document.getElementById)
	{
		var x = document.getElementById('imagechecker').offsetWidth;
		if(x != '23')
			return false;
		else
			return true;
	}
	return true;
}

// Wenn keine Bilder angezeigt werden, wird der alternative Logo-Text angezeigt
// und der Hintergrund bei der großen Header-Version ausgeblendet, sonst ist der
// Link an dieser Stelle nicht anklickbar
function display_logo_alternative()
{
	logo_span = document.getElementById('logo_repalcement');
	logo_span.style.display = "block";

	background_image = document.getElementById('background_image');
	if(background_image)
		background_image.style.display = "none";
}


// Diese Funktion kapselt alle Funktionsaufrufe, die beim Laden der Seite
// ausgeführt werden sollen
function body_on_load()
{
	select_head_css();
	if(!imagesEnabled())
		display_logo_alternative();
}

// Beim Verändern der Browsergröße soll überprüft werden, ob für den Kopf eine
// andere CSS-Datei geladen werden muss
window.onresize = select_head_css;