var page_footer = "";
      var page_rightboxes = "";
      
      
      
            
      // function to replace FOOTER and RIGHTBOXES in the div 'page_content'
      dynamic_content = function()
      {
        document.getElementById('page_content').innerHTML = document.getElementById('page_content').innerHTML.replace("{REPLACE_FOOTER}", page_footer);
        document.getElementById('page_content').innerHTML = document.getElementById('page_content').innerHTML.replace("{REPLACE_RIGHTBOXES}", page_rightboxes);
      }
      

      content_link = function(href)
      {
        // Inhalt der HTML-Seite laden und in den DIV-Bereich "page_content" schreiben
        $('#page_content').load(href, function()
        {
          dynamic_content();
        }
        );
        
        location.hash = href.substr(2,href.length);  // das "./" am anfang weg filtern

        // normale HTML-Link weiterleitung nicht mehr ausführen.
        //event.preventDefault();
      }
      
      
      $(document).ready(function()
      {
        $("a").click(function(event)
        {
          // Inhalt der HTML-Seite laden und in den DIV-Bereich "page_content" schreiben
          
          // Hash Location in der Browser-Zeile aktualisieren
          var hash = $(this).attr("href");
          if(hash!=null)
            location.hash = hash.substr(2,hash.length);  // das "./" am anfang weg filtern
          
          $('#page_content').load($(this).attr("href"), function()
          {
            dynamic_content();
            
            //current_page = $(this).attr("href");
          }
          );

          // normale HTML-Link weiterleitung nicht mehr ausführen.
          event.preventDefault();
        });
        
        
        
        //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked 
        $("#menu_left div.l1").click(function()
          {
          $(this).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
        });
      });
      
      window.onload = function()
      {
        $.ajax(
        {
          type: "GET", url: "rightboxes.html", data: "", async: false,  success: function(msg)
          {
            // Geladene RightBox-Datei in globale Variable schreiben
            page_rightboxes = msg;
          }
          });
        
        $.ajax(
        {
          type: "GET", url: "footer.html", data: "", async: false,  success: function(msg)
          {
            // Geladenen Footer in globale Variable schreiben
            page_footer = msg;
            
            // Inhalt der HTML-Seite (home.html)laden und in den DIV-Bereich "page_content" schreiben
            $('#page_content').load("start.html", function()
            {
              dynamic_content();
              

            }
            );
          }
          });
        
        // dynamische Seite laden die in der Browserzeile steht
        checkHash();
      }
      
      function ladeHash()
      {
        var hash = location.hash;
        
        if (hash.indexOf("#") != -1)
        {
          hash = hash.substr(1,hash.length);  // die "#" am anfang weg filtern
        }
        
        return hash;
      }
      
      function checkHash()
      {
        var hash = ladeHash();
      
        if (hash.length > 1)
        {
          // inhalt laden
          content_link ("./" + hash);
          
          // dynamischen menü anpassen
          switch (hash)
          {
            case "start.html": change_selected_menu_item('menuItem_0'); break;
            case "biona.html": change_selected_menu_item('menuItem_1'); break;
            case "bionik.html": change_selected_menu_item('menuItem_2'); break;
            case "nachhaltigkeit.html": change_selected_menu_item('menuItem_3'); break;
            case "projekte.html": change_selected_menu_item('menuItem_4'); break;
            case "begleitmassnahmen.html": change_selected_menu_item('menuItem_5'); break;
            case "media.html": change_selected_menu_item('menuItem_6'); break;

            default: break; 
          }
          
          // bei allen Verweisen auf ein bestimmtes Projekt auch "Projekte" selektieren
          if(hash.substring(0,9) == "projekte/")
            change_selected_menu_item('menuItem_4');
        }
      }
      
      // Funktion um das ausgewähle Item im Menü zu selectieren und alle anderen nicht zu selectieren
      change_selected_menu_item = function(id)
      {
        // angeklickte Menuebenen herausfinden
        var ebene1 = id.substring(9, 10);
        var ebene2 = id.substring(10, 11);
        
        
        var elements = document.getElementsByTagName("div");  // Alle Elemente des Dokuments raussuchen (alle <div> Elemente)  
        var count = elements.length;              // Anzahl Elemente

        // Alle Elemente durchgehen und aktualiseren falls ID übereinstimmt
        for (var i=0; i<count; i++)
        {
          var id_element = elements[i].id;  // id des <div> Elements

          // Wenn Element-ID mit "menuItem_" beginnt... | alle menuItems auf class="" setzen
          if(id_element.substring(0,9) == "menuItem_")
          {
            document.getElementById(id_element).className = "";
            
            // Menu Ebene 1 class="selected" setzen
            if(id_element.substring(9,10) == ebene1 && id_element.substring(10,11) == "")
            {
              document.getElementById(id_element).className = "selected2";
            }
          }
        }

        // angeklickten Menüpunkt auf class="selected" setzen
        document.getElementById(id).className = "selected";
      }
      
      function openIntranet()
      {
        window.open("https://biona.umsicht.fraunhofer.de");
      }