var categories = new Array();

var offers = new Array();

var defaultBackground = false;

var lastKategorieId = 0;

function listOffers(kategorieId, background)
{  

       if(!defaultBackground)
       {
         defaultBackground = document.getElementById("angebote_bg_pic").innerHTML; 
       }
       
       if(typeof categories[kategorieId]  == 'undefined')
	{
	  categories[kategorieId] = 'closed';
           
	}

	if(categories[kategorieId] == "closed")
	{

           // letzte geöffnete schließen
           if(lastKategorieId != 0)
           { 
              document.getElementById(lastKategorieId).style.display = "none";
           }
	  
	  document.getElementById(kategorieId).style.display = "block";

            // die letzte geöffnete zum späteren schließen speichern
           lastKategorieId = kategorieId;
	
	  categories[kategorieId] = "open";

                    // Background anpassen
                    if(background.length > 0)
                    {
	    document.getElementById("angebote_bg_pic").innerHTML = "<img src='media/hintergruende/"+background+"'/>";	
                    }

	}
	else
	{
	  document.getElementById(kategorieId).style.display = "none";	
	  categories[kategorieId] = "closed";

          // Background zurücksetzen
	  document.getElementById("angebote_bg_pic").innerHTML = defaultBackground;

          // ggf Anmeldeformular schließen
          hideAnmeldung();
          

	}
}


function showOffer(offerId,kategorieId, background)
{
	
	// Angebot dem Array zuordnen	
        offers[offerId] = true;


	// alle schließen
        for(thisOfferId in offers)
        {
	  document.getElementById(thisOfferId).style.display = "none";	
	  // Angebotmarkeirung entfernen
	  document.getElementById('list_'+thisOfferId).style.fontWeight = "normal";	

        }


	  // Angebot anzeigen
	  document.getElementById(offerId).style.display = "block";	
	  // Angebot in der Liste fett markieren
	  document.getElementById('list_'+offerId).style.fontWeight = "bold";	

                    // Background anpassen
                    if(background.length > 0)
                    {
	    document.getElementById("angebote_bg_pic").innerHTML = "<img src='media/hintergruende/"+background+"'/>";	
                    }

          // ggf Anmeldeformular schließen
          hideAnmeldung();

}

function closeOffer()
{

	// alle schließen
        for(thisOfferId in offers)
        {
	  document.getElementById(thisOfferId).style.display = "none";	
	  // Angebotmarkeirung entfernen
	  document.getElementById('list_'+thisOfferId).style.fontWeight = "normal";	


          // Background zurücksetzen
	  document.getElementById("angebote_bg_pic").innerHTML = defaultBackground;

        }

        // ggf Anmeldeformular schließen
        hideAnmeldung();
}


function showAnmeldung(offerId, step)
{

  var steps = 4;

  // Anmeldung einblenden
  document.getElementById("angebote_anmeldung").style.display = "block";	


  // alle Formularfelder erstmal ausblenden
  for(var i = 1;i<=steps;i++)
  {
     document.getElementById("angebote_anmeldung_"+i).style.display = "none";	

  }

  // den gewünschten einblenden
  document.getElementById("angebote_anmeldung_"+step).style.display = "block";	


  // ID ins Fomular eintragen
  document.forms['anmeldeformular'].form_angebot_id.value = offerId;

}

function hideAnmeldung()
{

  // Anmeldung schließen
  document.getElementById("angebote_anmeldung").style.display = "none";	
}


// ##################### AJAX  ###############################
// --------- init: ---------------------------------------
try 
{
  xmlhttp = new XMLHttpRequest();

} 
catch (trymicrosoft) 
{
  try
  {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");

  } 
  catch (othermicrosoft) 
  {
    try 
    {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

     } 
     catch (failed)
     {
        xmlhttp = false;

      }
   }
}
if (!xmlhttp)
{
  alert("Error initializing XMLHttpRequest!");
}
// --------- end init ---------------------------------------

function sendData(action)
{
	// Daten per POST sende
	xmlhttp.open("POST", "anmeldung.php");
	
	var sendString = "action="+action;
	// formular
	sendString += "&form_angebot_id="+document.forms['anmeldeformular'].form_angebot_id.value;
	sendString += "&form_vorname="+document.forms['anmeldeformular'].form_vorname.value;
	sendString += "&form_nachname="+document.forms['anmeldeformular'].form_nachname.value;
	sendString += "&form_geschlecht="+document.forms['anmeldeformular'].form_geschlecht.value;
	sendString += "&form_geburtsdatum="+document.forms['anmeldeformular'].form_geburtsdatum.value;
	sendString += "&form_adresse="+document.forms['anmeldeformular'].form_adresse.value;
	sendString += "&form_plz="+document.forms['anmeldeformular'].form_plz.value;
	sendString += "&form_ort="+document.forms['anmeldeformular'].form_ort.value;
        sendString += "&form_telefon_privat="+document.forms['anmeldeformular'].form_telefon_privat.value;	
	sendString += "&form_telefon_dienstlich="+document.forms['anmeldeformular'].form_telefon_dienstlich.value;
	sendString += "&form_email="+document.forms['anmeldeformular'].form_email.value;
        if(document.forms['anmeldeformular'].form_newsletter.checked)
	    sendString += "&form_newsletter="+document.forms['anmeldeformular'].form_newsletter.value;
	
        sendString += "&form_kontoinhaber="+document.forms['anmeldeformular'].form_kontoinhaber.value;
	sendString += "&form_bank="+document.forms['anmeldeformular'].form_bank.value;
	sendString += "&form_blz="+document.forms['anmeldeformular'].form_blz.value;
	sendString += "&form_kontonummer="+document.forms['anmeldeformular'].form_kontonummer.value;
	sendString += "&form_teilnahmebedingungen="+document.forms['anmeldeformular'].form_teilnahmebedingungen.checked ;
	

        xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xmlhttp.send(sendString);
	
        // Antwort abfangen
	xmlhttp.onreadystatechange = getData;
	
}

function getData()
{
	// Antwort?
	if(xmlhttp.readyState == 4)
	{
		// erfolgreiche Antwort?
		if(xmlhttp.status == 200)
		{
			var response = xmlhttp.responseText;	
			// Antwort ausgeben
                        document.getElementById('angebote_anmeldung_ajax_response').innerHTML = response;
			
		}
		else
		{
			alert('Fehler bei der Datenübertragung');
		}
	}
}