// Variablendefinition Navigationsleiste
var fensterbreite = 0;

var setname = '';
var img_format;
var caller;
var format;
var head_call;

var active = -1;
var clean = 1;
var active_caller = "";
var kill_active = "";
var aktuelleBreite = 180;
var aktuelleBreite2 = 0;
var Schrittweite = 5;
var Schrittverzoegerung = 1;

// Browsercheck:
var ie = ((document.all) && (window.offscreenBuffering)) ? true : false;
var ns6 = ((document.getElementById) && (!document.all) && (document.documentElement)) ? true : false;
var ff3 = ((document.getElementById) && (navigator.userAgent.indexOf('Firefox') != -1)) ? true : false;
var opera = ((document.getElementById) && (navigator.userAgent.indexOf('Opera') != -1)) ? true : false;

// Steuerung der Anzeige des Werbeteasers für die Online-Beratung
function showcase_handler() {
	// Für Opera zur Füllung des Inhaltsfeldes Zeilenabstand Bereichslinks erhöhen
	if (opera) { document.getElementById("qp_abstandhalter").style.lineHeight = "1.60em"; }
	// Fenstergröße ermitteln
	if (ns6 || opera || ff3) { fensterbreite = window.innerWidth; }
	else if (ie) { fensterbreite = document.all.qp_sheet.offsetWidth; }

	// Nach Abschluß des Ladevorgangs und abhängig von verfügbarer Fenstergröße qp_showcase oder qp_showcase_2 einschalten
	if (fensterbreite < 900) { document.getElementById("qp_showcase_2").style.display = "block"; }
	else if (fensterbreite >= 900) { document.getElementById("qp_showcase").style.display = "block"; }
	// Variable für Aktivierung Wechselnavigation setzen
	active = 1;
}

// Bereichszuordnung
re_item = new Array();
re_item[1] = 'qp_bereich_jugend';
re_item[2] = 'qp_bereich_jungeseiten';
re_item[3] = 'qp_bereich_eltern';
re_item[4] = 'qp_bereich_bildungspass';

// Steuerung der Navigationsleiste
myImage = new Array();

myImage[0] = new Image(); myImage[0].src = 'images/nav_beschreibung180x22_up.gif';
myImage[1] = new Image(); myImage[1].src = 'images/nav_mappe180x22_up.gif';
myImage[2] = new Image(); myImage[2].src = 'images/nav_hinweise180x22_up.gif';
myImage[3] = new Image(); myImage[3].src = 'images/nav_begleit180x22_up.gif';
myImage[4] = new Image(); myImage[4].src = 'images/nav_forum180x22_up.gif';
myImage[5] = new Image(); myImage[5].src = 'images/nav_presse180x22_up.gif';
myImage[6] = new Image(); myImage[6].src = 'images/nav_aktuelles180x22_up.gif';
myImage[7] = new Image(); myImage[7].src = 'images/nav_herausgeber180x22_up.gif';
myImage[8] = new Image(); myImage[8].src = 'images/nav_download180x22_up.gif';
myImage[9] = new Image(); myImage[9].src = 'images/nav_kontakt180x22_up.gif';

myImage[10] = new Image(); myImage[10].src = 'images/nav_daskommtrein180x22_up.gif';
myImage[11] = new Image(); myImage[11].src = 'images/nav_koennen180x42_up.gif';
myImage[12] = new Image(); myImage[12].src = 'images/nav_bewerbungsplus180x22_up.gif';
myImage[13] = new Image(); myImage[13].src = 'images/nav_hilfe180x22_up.gif';
myImage[14] = new Image(); myImage[14].src = 'images/nav_herausgeber180x22_2_up.gif';
myImage[15] = new Image(); myImage[15].src = 'images/nav_download180x22_2_up.gif';
myImage[16] = new Image(); myImage[16].src = 'images/nav_fragen180x42_up.gif';
myImage[17] = new Image(); myImage[17].src = 'images/nav_kontakt180x22_2_up.gif';

myImage[18] = new Image(); myImage[18].src = 'images/nav_gi_informiert180x22_up.gif';

myImage[19] = new Image(); myImage[19].src = 'images/nav_b_kurzbeschreibung180x22_up.gif';
myImage[20] = new Image(); myImage[20].src = 'images/nav_b_dokumentenmappe180x22_up.gif';
myImage[21] = new Image(); myImage[21].src = 'images/nav_b_ehrenamt_180x22_up.gif';
myImage[22] = new Image(); myImage[22].src = 'images/nav_b_herausgeber180x22_up.gif';
myImage[23] = new Image(); myImage[23].src = 'images/nav_b_download180x22_up.gif';
myImage[24] = new Image(); myImage[24].src = 'images/nav_b_kontakt180x22_up.gif';

/* Grund-Funktion zur Schaltung aller beweglichen Navigationselemente */
function Anzeige(caller, format) {
	if (active == 1) {
		headcall = re_item[caller];

		document.getElementById("blatt").src = "images/" + headcall + "_blatt." + format;
		zeige(headcall);
	}
}

/* Steuerung für den Wechsel der Subnavigationsinhalte */
function zeige(headcall) {
	if (active == 1) {
		if (active_caller == "") {
			active = -1;
			new_call = headcall + '_content';
			document.getElementById(new_call).style.visibility = "visible";
			bildaufbau();
		}
		else if (headcall != active_caller) {
			if (active_caller != "") {
				active = -1;
				bildabbau();
			}

			if (clean == 1) {
				bildaufbau();
			}
		}
	}
}

function bildaufbau() {
	if (aktuelleBreite >= 0) {
		document.getElementById(new_call).style.clip = "rect(0px, 180px, 500px, "+ aktuelleBreite +"px)";
		aktuelleBreite = aktuelleBreite - Schrittweite;
		window.setTimeout("bildaufbau()", Schrittverzoegerung);
	}
	else {
		aktuelleBreite = 180;
		active_caller = headcall;
		clean = -1;
		// Für Opera sicherstellen, daß aktive Subnav-Ebene den höchsten z-Index besitzt
		if (opera) {
			document.getElementById(new_call).style.zIndex = "20";
		}
		active = 1;
	}
}

function bildabbau() {
	if (aktuelleBreite2 <= 180) {
		kill_active = active_caller + '_content';

		document.getElementById(kill_active).style.clip = "rect(0px, 180px, 500px, "+ aktuelleBreite2 +"px)";
		aktuelleBreite2 = aktuelleBreite2 + Schrittweite;
		window.setTimeout("bildabbau()", Schrittverzoegerung);
	}
	else {
		aktuelleBreite2 = 0;
		clean = 1;
		if (opera) {
			// Für Opera sicherstellen, daß deaktivierte Subnav-Ebene auf jeden Fall zuunterst liegt
			document.getElementById(kill_active).style.zIndex = "-1";
		}
		new_call = headcall + '_content';
		document.getElementById(new_call).style.visibility = "visible";
		bildaufbau();
	}
}

/* Schalterfunktion Bildschaltflächen */
function show(myImg, format) {
	document.images[myImg].src = "images/" + myImg + "_dn." + format;
	setname = myImg;
	img_format = format;
}

function hide() {
	if (setname != '') {
		document.images[setname].src = "images/" + setname + "_up." + img_format;
		setname = '';
		img_format = '';
	}
}