//  AJAX zum Nachladen von Inhalten

/*
xmlHttpObject.readyState:
    * 0: Der Request wurde noch nicht eingeleitet
	* 1: Der Request wurde gesetzt aber noch nicht gesendet
	* 2: Der Request wurde gesendet und wird gerade bearbeitet
	* 3: Der Request wird noch bearbeitet, Teildaten stehen aber zur Bearbeitung bereit
	* 4: Der Request (=Response) ist abgeschlossen, alle Daten sind verfügbar
*/
var xmlHttpObject = false;

if (typeof XMLHttpRequest != 'undefined') 
{
    xmlHttpObject = new XMLHttpRequest();
}
if (!xmlHttpObject) 
{
    try 
    {
        xmlHttpObject = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e) 
    {
        try 
        {
            xmlHttpObject = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(e) 
        {
            xmlHttpObject = null;
        }
    }
}

function loadContent(id, content, script)
{	
	i = id;
	c = content;
    xmlHttpObject.open('get','/contentloader.php?id='+id+'&content='+content+'&script='+script);
	xmlHttpObject.onreadystatechange = handleContent;
    xmlHttpObject.send(null);


	button = document.getElementById('li-'+c+'-'+i);
	ajaxdiv = document.getElementById('ajax'+i);

	if (button.innerHTML == c+' ausblenden'){
		button.style.backgroundPosition = '';
		button.style.backgroundImage = '';
		button.innerHTML = c;
		ajaxdiv.style.display = 'none';
		button.style.width = '';
		document.getElementById('li-Web-'+i).style.width = '180px';
		document.getElementById('li-Web-'+i).style.backgroundImage = "";
		}
	else {
		document.getElementById('li-Karte-'+i).style.backgroundPosition = '';
		document.getElementById('li-Preis-'+i).style.backgroundPosition = '';
		document.getElementById('li-Kalender-'+i).style.backgroundPosition = '';
		document.getElementById('li-Karte-'+i).style.backgroundImage = '';
		document.getElementById('li-Preis-'+i).style.backgroundImage = '';
		document.getElementById('li-Kalender-'+i).style.backgroundImage = '';
		document.getElementById('li-Karte-'+i).innerHTML = 'Karte';
		document.getElementById('li-Preis-'+i).innerHTML = 'Preis';
		document.getElementById('li-Kalender-'+i).innerHTML = 'Kalender';
		document.getElementById('li-Karte-'+i).style.width = '';
		document.getElementById('li-Preis-'+i).style.width = '';
		document.getElementById('li-Kalender-'+i).style.width = '';

		button.style.backgroundPosition = 'left bottom';
		button.style.width = '148px';
		button.style.backgroundImage ="url('/cms/img/button_148_hell.png')";
		document.getElementById('li-Web-'+i).style.width = '111px';
		document.getElementById('li-Web-'+i).style.backgroundImage ="url('/cms/img/button_111_hell.png')";
		button.innerHTML = c+' ausblenden';
		ajaxdiv.style.display = 'block';
		ajaxdiv.innerHTML = '<h2 style="text-align:center;">bitte warten...</h2>';
	}
	
    return false;
}

function handleContent(id){
    if (xmlHttpObject.readyState == 4)
    {
	document.getElementById('ajax'+i).innerHTML = xmlHttpObject.responseText;
    }
}


function toggleKarte(id){
        karte = document.getElementById('karte'+id);
        if(karte.style.display == "none"){
            karte.style.display = '';
        }
        else {
            karte.style.display = "none";
        }
    }