var browser = navigator.userAgent;
if (browser.lastIndexOf('MSIE') != -1) {
  var ie = 1;
} else {
  var ie = 0;
}

function ausgabeKoords() {
  if (ie == 1) {
    document.getElementById('koordinaten').innerHTML = 'X = ' + (window.event.offsetX - 7) + '   Y = ' + (window.event.offsetY - 16);
  }
  return true;
}

function info(pNode,pOnOff) {
  var elter = pNode.parentNode.parentNode;
  var kinder = elter.childNodes;
  for (var i in kinder) {
    if (kinder[i].className != '' && kinder[i].className == 'text') {
      var kind = kinder[i];
    }
  }
  switch(pOnOff) {
    case 0:
      kind.style.display = 'none';
      elter.style.zIndex = 4;
      break;
    case 1:
      kind.style.display = 'block';
      elter.style.zIndex = 5;
      break;
    default:
      kind.style.display = 'none';
      elter.style.zIndex = 4;
      break;
  }
}

function change(pTarget,pVal) {
  
  // Alle Projekte der Liste ausblenden
  var projekteAlle = document.getElementById('projekte_alle').childNodes;
  // Array mit Trennlinien
  trenner = new Array();
  // Array für Headlines (Landesname über Foto)
  landesnamen = new Array();
  for (var i=0; i<projekteAlle.length; i++) {
    // Projekte ausblenden
    if (projekteAlle[i].className && projekteAlle[i].className == 'listenelement') {
      // Landesnamen über dem Projektfoto: Array füllen
      var headlinesProjekte = projekteAlle[i].childNodes;
      for (var j=0; j<headlinesProjekte.length; j++) {
        if (headlinesProjekte[j].className && headlinesProjekte[j].className == 'headline') {
          headlinesProjekte[j].style.display = 'block';
          landesnamen.push(headlinesProjekte[j]);
        }
      }
      projekteAlle[i].style.display = 'none';
    }
    // Trennlinien: Array füllen und ausblenden
    if (projekteAlle[i].className && projekteAlle[i].className == 'projektliste_trenner') {
      projekteAlle[i].style.display = 'none';
      trenner.push(projekteAlle[i]);
    }
  }
  
  // Alle Länderinformationen ausblenden
  var laenderInfos = document.getElementById('laenderinfos_alle').childNodes;
  for (var i=0; i<laenderInfos.length; i++) {
    if (laenderInfos[i].className && laenderInfos[i].className == 'laenderinfo') {
      laenderInfos[i].style.display = 'none';
    }
  }
  
  // Alle Fähnchen ausblenden
  var inputFaehnchenHandlungsfeld = document.form_projektekarte.Handlungsfeld;
  var inputFaehnchenLand = document.form_projektekarte.Land;
  for (var i=0; i<inputFaehnchenHandlungsfeld.length; i++) {
    inputFaehnchenHandlungsfeld[i].parentNode.style.display = 'none';
  }
  
  // Koordinaten der Ebenen mit den Fähnchen auf Ausgangswerte
  var inputKoord = document.form_projektekarte.coords;
  for (var i=0; i<inputFaehnchenLand.length; i++) {
    var coordArr = inputKoord[i].value.split(',');
    inputFaehnchenLand[i].parentNode.style.left = coordArr[0] + 'px';
    inputFaehnchenLand[i].parentNode.style.top = coordArr[1] + 'px';
  }
  
  if (pVal != 'reset') {
  
    // Anzeige steuern
    switch (pTarget) {
      case 'Land':
      
        // Rand des Seitenservice anpassen
        //document.getElementById('seitenservice').style.marginTop = 0;
      
        // Fähnchen des gewählten Landes einblenden
        document.getElementById('projekte_in_karte').style.display = 'block';
        for (var i=0; i<inputFaehnchenLand.length; i++) {
          if (inputFaehnchenLand[i].value == pVal) {
            inputFaehnchenLand[i].parentNode.style.display = 'block';
            // Ebenen mit Fähnchen neu platzieren
            var coordArr = inputKoord[i].value.split(',');
            inputFaehnchenLand[i].parentNode.style.left = coordArr[2] + 'px';
            inputFaehnchenLand[i].parentNode.style.top = coordArr[3] + 'px';
          }
        }
        
        // Karte des Landes einblenden
        document.getElementById('iframe_sat').style.display = 'none';
        document.getElementById('karte_img').style.display = 'block';
        document.getElementById('karte_img').src = karten_images[pVal];
        
        // Link zum Satellitenbild anpassen
        var ls_1 = '<a href="javascript:void(0)" onclick="satbilder(\'Satellit\',\'';
        var ls_2 = pVal;
        var ls_3 = '\')" title="Satellitenbild zeigen (Google Maps)">Satellitenbild zeigen (Google Maps)</a>';
        var ls = ls_1 + ls_2 + ls_3;
        document.getElementById('link_sat').innerHTML = ls;
        
        // Selectfeld des Handlungsfelds auf Ausgangswert
        document.dropdown_karte.select_stichwort.options[0].selected = true;
      
        // Spalte 1 schmaler, Spalte 2 einblenden, Länderinfo einblenden
        document.getElementById('projekte_spalte_1').style.display = 'block';
        document.getElementById('projekte_spalte_1').className = 'schmal';
        document.getElementById('projekte_spalte_2').style.display = 'block';
      
        // Land in Headlines schreiben
        document.getElementById('headline_auswahl').innerHTML = pVal;
        document.getElementById('headline_land').innerHTML = pVal;
        
        // Passende Länderinfo einblenden
        document.getElementById(pVal).style.display = 'block';
        
        // Projekte aus gewähltem Land einblenden   
        var inputLand = document.form_projektliste.Land;
        var inputVal = new Array();
        var trennerVal = new Array();
        for (var i=0; i<inputLand.length; i++) {
          if (inputLand[i].value.indexOf(pVal) != -1) {
            inputVal.push(inputLand[i]);
            trennerVal.push(i);
          } 
        }
        var count = 0;
        for (var i=0; i<inputVal.length; i++) {
          inputVal[i].parentNode.style.display = 'block';
          // Landesname über Foto ausblenden (man hat ja schon ein Land gewählt)
          landesnamen[trennerVal[i]].style.display = 'none';
          count++;
          // Bei mehr als zwei Projekten danach Trennlinie einblenden
          if ((count % 2) == 0 && count < inputVal.length) {
            trenner[trennerVal[i]].style.display = 'block';
          }
        }
        
      break;
        
      case 'Handlungsfeld':
      
        // Rand des Seitenservice anpassen
        //document.getElementById('seitenservice').style.marginTop = 0;
        
        // Handlungsfeld in Headline schreiben
        document.getElementById('headline_auswahl').innerHTML = pVal;
        
        // Weltkarte einblenden
        document.getElementById('iframe_sat').style.display = 'none';
        document.getElementById('karte_img').style.display = 'block';
        document.getElementById('karte_img').src = karten_images['Welt'];
        
        // Link zum Satellitenbild anpassen
        var ls_1 = '<a href="javascript:void(0)" onclick="satbilder(\'Satellit\',\'';
        var ls_2 = 'Welt';
        var ls_3 = '\')" title="Satellitenbild zeigen (Google Maps)">Satellitenbild zeigen (Google Maps)</a>';
        var ls = ls_1 + ls_2 + ls_3;
        document.getElementById('link_sat').innerHTML = ls;
        
        // Selectfeld des Landes auf Ausgangswert
        document.dropdown_karte.select_land.options[0].selected = true;
        
        // Spalte 1 breit, Spalte 2 ausblenden
        document.getElementById('projekte_spalte_1').style.display = 'block';
        document.getElementById('projekte_spalte_1').className = '';
        document.getElementById('projekte_spalte_2').style.display = 'none';
        
        // Projekte des gewähltem Handlungsfeldes einblenden
        var inputHandl = document.form_projektliste.Handlungsfeld;
        var inputVal = new Array();
        var trennerVal = new Array();
        for (var i=0; i<inputHandl.length; i++) {
          if (inputHandl[i].value.indexOf(pVal) != -1) {
            inputVal.push(inputHandl[i]);
            trennerVal.push(i);
          } 
        }
        var count = 0;
        for (var i=0; i<inputVal.length; i++) {
          inputVal[i].parentNode.style.display = 'block';
          count++;
          // Bei mehr als vier Projekten danach Trennlinie einblenden
          if ((count % 4) == 0 && count < inputVal.length) {
            trenner[trennerVal[i]].style.display = 'block';
          }
        }
        
        // Fähnchen des gewählten Handlungsfeldes einblenden
        document.getElementById('projekte_in_karte').style.display = 'block';
        for (var i=0; i<inputFaehnchenHandlungsfeld.length; i++) {
          if (inputFaehnchenHandlungsfeld[i].value.indexOf(pVal) != -1) {
            inputFaehnchenHandlungsfeld[i].parentNode.style.display = 'block';
          }
        }
        
      break;
        
    }
    
  // Reset
  } else {
  
    // Weltkarte einblenden
    document.getElementById('iframe_sat').style.display = 'none';
    document.getElementById('karte_img').style.display = 'block';
    document.getElementById('karte_img').src = karten_images['Welt'];
    
    // Link zum Satellitenbild anpassen
    var ls_1 = '<a href="javascript:void(0)" onclick="satbilder(\'Satellit\',\'';
    var ls_2 = 'Welt';
    var ls_3 = '\')" title="Satellitenbild zeigen (Google Maps)">Satellitenbild zeigen (Google Maps)</a>';
    var ls = ls_1 + ls_2 + ls_3;
    document.getElementById('link_sat').innerHTML = ls;
  
    // Alle Fähnchen einblenden
    document.getElementById('projekte_in_karte').style.display = 'block';
    for (var i=0; i<inputFaehnchenLand.length; i++) {
      inputFaehnchenLand[i].parentNode.style.display = 'block';
    }
    
    // Rand des Seitenservice anpassen
    //document.getElementById('seitenservice').style.marginTop = '500px';
      
    // Spalte 1 und 2 ausblenden
    document.getElementById('projekte_spalte_1').style.display = 'none';
    document.getElementById('projekte_spalte_2').style.display = 'none';
  
  }
}

function satbilder(pTarget,pVal) {
  // Anzeige steuern
  switch (pTarget) {
      
    case 'Satellit':
    
      // Link zum Satellitenbild anpassen
      var ls_1 = '<a href="javascript:void(0)" onclick="satbilder(\'Karte\',\'';
      var ls_2 = pVal;
      var ls_3 = '\')" title="zur&uuml;ck zur Karte">zur&uuml;ck zur Karte</a>';
      var ls = ls_1 + ls_2 + ls_3;
      document.getElementById('link_sat').innerHTML = ls;
    
      document.getElementById('iframe_sat').style.display = 'block';
      document.getElementById('karte_img').style.display = 'none';
      document.getElementById('iframe_sat').src = karten_sats[pVal];
      
      // Fähnchen in Karte ausblenden
      document.getElementById('projekte_in_karte').style.display = 'none';
      
    break;
      
    case 'Karte':
    
      // Link zum Satellitenbild anpassen
      var ls_1 = '<a href="javascript:void(0)" onclick="satbilder(\'Satellit\',\'';
      var ls_2 = pVal;
      var ls_3 = '\')" title="Satellitenbild zeigen (Google Maps)">Satellitenbild zeigen (Google Maps)</a>';
      var ls = ls_1 + ls_2 + ls_3;
      document.getElementById('link_sat').innerHTML = ls;
    
      document.getElementById('iframe_sat').style.display = 'none';
      document.getElementById('karte_img').style.display = 'block';
      document.getElementById('karte_img').src = karten_images[pVal];
      
      // Fähnchen in Karte einblenden
      document.getElementById('projekte_in_karte').style.display = 'block';
      
    break;
      
  }

}