var ajaxMenue = new sack();
var clickedMenue = false;
var clickedMenueU = false;
var clickedMenueUL = false;
var contentObjMenue; // Reference to article content <div>
var letzterLink = null;
var contentObjDiv;
var contentDiv;
var contentObjSlidedDown = new Array();
var ajaxDiv = new sack();

function showContentMenue() // Displaying content in the content <div>
{
	contentObjMenue.innerHTML = ajaxMenue.response; // ajax.response is a
	// variable that contains
	// the content of the
	// external file
}

function showWaitMessageMenue() {
	contentObjMenue.innerHTML = '<div class="normalbold" style="margin:2px;padding:5px;"><img src="images/site/loading.gif" style="background-color:white;border-width:1px;border-style:solid;border-color:black;"><br>Seite wird aufgerufen...<br>Bitte warten</div>';
}
function showErrorMessageMenue() {
	contentObjMenue.innerHTML = '<h2>FEHLER</h2><div class="normalbold" style="margin:2px;padding:5px;">Die Seite wurde nicht gefunden</div>';
}

function getAjaxFileMenue(fileName) {
	// new Ajax.Updater(contentObjMenue, fileName, { evalScripts: true, method:
	// 'get' });

	ajaxMenue.requestFile = fileName; // Specifying which file to get
	ajaxMenue.onCompletion = showContentMenue; // Specify function that will be
	// executed after file has been
	// found
	ajaxMenue.onLoading = showWaitMessageMenue(); // Action when AJAX is
	// loading the file
	ajaxMenue.onError = showWaitMessageMenue();
	ajaxMenue.runAJAX(); // Execute AJAX function

	if (fileName.lastIndexOf('berichtDetail') < 0) {
		letzterLink = fileName;
	}
}

function oeffneKategorie(kategorie, unterKategorie, dateiName) // User have
// clicked on an
// article
{
	unterListe = 'u_' + kategorie;

	dateiLadeName = kategorie + '.php';
	if (dateiName)
		dateiLadeName = dateiName + '.php';

	getAjaxFileMenue(dateiLadeName); // Calling the getAjaxFile function.
	// argument to the function is id of
	// this <li> + '.html', example
	// "article1.html"
	if (clickedMenue && clickedMenue != this)
		clickedMenue.className = 'op';
	clickedMenue = document.getElementById(kategorie);
	clickedMenue.className = 'opbold';

	if (clickedMenueU && clickedMenueU != this)
		clickedMenueU.className = 'up';
	clickedMenueU = document.getElementById(unterKategorie);
	if (clickedMenueU)
		clickedMenueU.className = 'upbold';

	if (clickedMenueUL && clickedMenueUL != this) {
		clickedMenueUL.style.display = 'none';
	}
	clickedMenueUL = document.getElementById(unterListe);
	if (clickedMenueUL) {
		clickedMenueUL.style.display = 'block';
	}
	clickedArticle.className = '';
	clickedArticle = false;
}

function oeffneUnterKategorie(id, kategorie, oberKategorie, dateiName) // User
// have
// clicked
// on an
// article
{
	dateiLadeName = kategorie + '.php';
	if (dateiName)
		dateiLadeName = dateiName + '.php';

	getAjaxFileMenue(dateiLadeName); // Calling the getAjaxFile function.
	// argument to the function is id of
	// this <li> + '.html', example
	// "article1.html"
	if (clickedMenue && clickedMenue != this)
		clickedMenue.className = 'op';
	clickedMenue = document.getElementById(oberKategorie);
	clickedMenue.className = 'opbold';

	if (clickedMenueU && clickedMenueU != this)
		clickedMenueU.className = 'up';
	clickedMenueU = document.getElementById(id);
	clickedMenueU.className = 'upbold';

	clickedArticle.className = '';
	clickedArticle = false;
}

function oeffneUnterLink(url) {
	getAjaxFileMenue(url); // Calling the getAjaxFile function. argument to the
	// function is id of this <li> + '.html', example
	// "article1.html"
	clickedArticle.className = '';
	clickedArticle = false;
}

function oeffneLetztenLink() {
	if (letzterLink == null) {
		letzterLink = 'main.php';
	}
	clickedArticle.className = '';
	clickedArticle = false;
	getAjaxFileMenue(letzterLink);
}

function showContentDiv() // Displaying content in the content <div>
{
	document.getElementById('loading[' + contentDiv + ']').style.display = 'none';
	document.getElementById('loading[' + contentDiv + ']').innerHTML = '';
	contentObjDiv.innerHTML = ajaxDiv.response; // ajax.response is a variable
	// that contains the content of
	// the external file
	new Effect.SlideDown(contentDiv, {
		duration :1.0
	});
	contentObjSlidedDown[contentDiv] = true;
}

function showWaitMessageDiv() {
	contentObjDiv.innerHTML = '<div class="normalbold" style="margin:2px;padding:5px;"><img src="images/site/loading.gif" style="background-color:white;border-width:1px;border-style:solid;border-color:black;"><br>Seite wird aufgerufen...<br>Bitte warten</div>';
}
function showErrorMessageDiv() {
	contentObjDiv.innerHTML = '<div class="normalbold" style="margin:2px;padding:5px;">FEHLER (Die Seite konnte nicht gefunden werden)</div>';
}

function oeffneUnterLinkDiv(fileName, div) {
	contentDiv = div;
	contentObjDiv = document.getElementById(div);
	// contentObjSlidedDown[contentDiv]=false;
	if (contentObjSlidedDown[contentDiv]) {
		new Effect.SlideUp(div, {
			duration :1.0,
			afterFinish : function() {
				contentObjSlidedDown[contentDiv] = false;
			}
		});
		return;
	}
	ajaxDiv.requestFile = fileName; // Specifying which file to get
	ajaxDiv.onLoading = function() {
		document.getElementById('loading[' + div + ']').style.display = 'block';
		document.getElementById('loading[' + div + ']').innerHTML = '<img src="images/site/loadingSmall.gif">';
	};
	ajaxDiv.onCompletion = showContentDiv; // Specify function that will be
	// executed after file has been
	// found
	ajaxDiv.runAJAX(); // Execute AJAX function
}

function initAjaxMenue() {
	clickedMenue = document.getElementById('index');
	contentObjMenue = document.getElementById('main');
}
window.onload = initAjaxMenue;