var webhost;
var ajaxLoader;
var theme;

/**
 * Holt html vom Server und setzt es an entsprechender Stelle ein.
 *
 * @param {String} url die Zend-Route zum Abholen des htmls
 * @param {String} div div-ID, dessen Inhalt ersetzt wird
 */
function getContent (url, id, element){

//	console.log('url: ' + url );
//	console.log('id: ' + id );
//	console.log('element: ' + element );
	// Falls etwas schiefgeht, das alte html merken
	var oldHtml;

	new Ajax.Request(url, {
		method: 'get',
		// Loader einsetzen
		onCreate: function (){
			var src = webhost + '/public/core-themes/' + theme + '/icons/ajax-loader.gif';
			var img = '<div style="width: 590px; height: 152px; padding-top: 70px; text-align: center;"><img src="' + src + '" /></div>';
			oldHtml = $(id).update(img);
		},
		onSuccess: function(response){

			// neues html einsetzen
			$(id).update(response.responseText);

			var parents = $(element).ancestors();

			// alte tab-Markierung löschen
			var active = parents[4].select('.but-ro-reiter-active');
			active[0].removeClassName('but-ro-reiter-active');
			active[0].addClassName('but-ro-reiter');
			active = parents[4].select('.but-lo-reiter-active');
			active[0].removeClassName('but-lo-reiter-active');
			active[0].addClassName('but-lo-reiter');

			// tab markieren
			$(element).up(1).removeClassName('but-lo-reiter');
			$(element).up(1).addClassName('but-lo-reiter-active');
			$(element).up(2).removeClassName('but-ro-reiter');
			$(element).up(2).addClassName('but-ro-reiter-active');
		},
		onFailure: function(response){

			// neues html einsetzen
			$(id).update('<p>Error: ' + response.statusText +'</p>');

		}
	});

}

document.observe("dom:loaded", function(){

    webhost = $('webhost').value;

	// Pfad zum AjaxLoader rausfinden
	if (document.cookie.search('theme') != -1) {

		var cookie = document.cookie.split('theme');
		cookie = cookie[1].split('=');
		cookie = cookie[1].split(';');
		theme = cookie[0];

		// Loader
		ajaxLoader = webhost + '/public/core-themes/' + theme + '/icons/ajax-loader.gif';

	} else {
		theme = 'magenta';
	}

})