function showDiv(container) {
	document.getElementById(container+"off").style.display = "none";
	document.getElementById(container).style.display = "block";
}

function clearField (thisfield, placeholder) {
    if (thisfield.value == placeholder) { thisfield.value = ''}
}

function hideDiv(container) {
	document.getElementById(container).style.display = "none";
	document.getElementById(container+"off").style.display = "block";
}

function showInfo(container) {
	document.getElementById(container).style.display = "block";
}

function hideInfo(container) {
	document.getElementById(container).style.display = "none";
}

// matrix.html ---------------------------------------------------------------*/
function tdhoverOn(num1, num2, num3, num4, num5)
{
  document.getElementsByTagName("td")[num1].firstChild.className ='matrixHoverOn';
  document.getElementsByTagName("td")[num2].firstChild.className ='matrixHoverOn';
  document.getElementsByTagName("td")[num3].firstChild.className ='matrixHoverOn';
  document.getElementsByTagName("td")[num4].firstChild.className ='matrixHoverOn';
  document.getElementsByTagName("td")[num5].firstChild.className ='matrixHoverOn';
}

function tdhoverOff(num1, num2, num3, num4, num5)
{
  document.getElementsByTagName("td")[num1].firstChild.className ='matrixHoverOff';
  document.getElementsByTagName("td")[num2].firstChild.className ='matrixHoverOff';
  document.getElementsByTagName("td")[num3].firstChild.className ='matrixHoverOff';
  document.getElementsByTagName("td")[num4].firstChild.className ='matrixHoverOff';
  document.getElementsByTagName("td")[num5].firstChild.className ='matrixHoverOff';
}
// matrix.html - END ---------------------------------------------------------*/

// Cookie setzen
function SetCookie (name, value, expires)
{
  var argv = SetCookie.arguments;
  var argc = SetCookie.arguments.length;
  var expires = (argc > 2) ? argv[2] : null;
  var path = (argc > 3) ? argv[3] : null;
  var domain = (argc > 4) ? argv[4] : null;
  var secure = (argc > 5) ? argv[5] : false;
  document.cookie = name + "=" + escape (value) +
      ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
      ((path == null) ? "" : ("; path=" + path)) +
      ((domain == null) ? "" : ("; domain=" + domain)) +
      ((secure == true) ? "; secure" : "");
}

// Cookie lesen
function getCookieVal (offset)
{
  var endstr = document.cookie.indexOf (";", offset);
  if (endstr == -1)
    endstr = document.cookie.length;
  return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie (name)
{
    var arg = name + "=";
    var alen = arg.length;
    var clen = document.cookie.length;
    var i = 0;

    while (i < clen)
    {
      var j = i + alen;
      if (document.cookie.substring(i, j) == arg)
        return getCookieVal (j);

      i = document.cookie.indexOf(" ", i) + 1;

      if (i == 0)
        break;
    }
    return null;
}

// Cookie löschen
function DeleteCookie (name)
{
  var exp = new Date();
  exp.setTime (exp.getTime() - 1);
  var cval = GetCookie (name);
  document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}

function getCookieVal (offset)
{
  var endstr = document.cookie.indexOf (";", offset);
  if (endstr == -1)
      endstr = document.cookie.length;
  return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie (name)
{
  var arg = name + "=";
  var alen = arg.length;
  var clen = document.cookie.length;
  var i = 0;
  while (i < clen) {
      var j = i + alen;
      if (document.cookie.substring(i, j) == arg)
      return getCookieVal (j);
      i = document.cookie.indexOf(" ", i) + 1;
      if (i == 0) break;
  }
  return null;
}

function SetCookieBg(cookieName, container)
{
  var expdate = new Date (); 
  expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000)); //Verfallsdatum setzen
  SetCookie(cookieName, container, expdate); // Cookie setzen
  
  //alert(GetCookie("CookieBG")); // Cookie lesen
  //DeleteCookie('CookieBG'); // cookie löschen
}

// Navigation - Menü
function showMenu(container, nav)
{
  function openClose(container, nav)
  {
    SetCookieBg('CookieMenu', container); // Cookie setzen
    SetCookieBg('CookieNav', nav); // Cookie setzen

    var display = document.getElementById(container).style.display;

    if( display == "" || display == "none" )
    {
      if(container.substr(0,7) == "subNavi")
      {
        document.getElementById("subNavi1").style.display = "none";
        document.getElementById("subNavi2").style.display = "none";
        document.getElementById("subNavi3").style.display = "none";
        //document.getElementById("subNavi4").style.display = "none";
        //document.getElementById("subNavi5").style.display = "none";
        //document.getElementById("subNavi6").style.display = "none";
        document.getElementById("subSubNavi1").style.display = "none";
        document.getElementById("subSubNavi2").style.display = "none";
        document.getElementById("subSubNavi3").style.display = "none";
        document.getElementById("nav1").className ='menueLink';
        document.getElementById("nav2").className ='menueLink';
        document.getElementById("nav3").className ='menueLink';
        //document.getElementById("nav4").className ='menueLink';
        //document.getElementById("nav5").className ='menueLink';
        //document.getElementById("nav6").className ='menueLink';

        document.getElementById(nav).className ='menueLinkOn';        
        document.getElementById(container).style.display = "block";
      }
      
      if(container.substr(0,10) == "subSubNavi")
      {
        document.getElementById("subSubNavi1").style.display = "none";
        document.getElementById("subSubNavi2").style.display = "none";
        document.getElementById("subSubNavi3").style.display = "none";

        document.getElementById(container).style.display = "block";
      }
    }
  	else
  	{
        document.getElementById(container).style.display = "none";
        colorbgNormal();
    }
  }

  switch (container) {
    case "subNavi1":
      DeleteCookie('CookieBG');
      openClose(container, nav);
      break;
    case "subNavi2":
      DeleteCookie('CookieBG');
      openClose(container, nav);
      break;
    case "subNavi3":
      DeleteCookie('CookieBG');
      openClose(container, nav);
      break;
    case "subNavi4":
      DeleteCookie('CookieBG');
      openClose(container, nav);
      break;
    case "subNavi5":
      DeleteCookie('CookieBG');
      openClose(container, nav);
      break;
    case "subNavi6":
      DeleteCookie('CookieBG');
      openClose(container, nav);
      break;
    case "subSubNavi1":
      openClose(container);
      break;
    case "subSubNavi2":
      openClose(container);
      break;
    case "subSubNavi3":
      openClose(container);
      break;
    default:
      alert("geht nicht");
      break;
  }
}

// Hintergrundfarbe des Menüs wird neu gesetzt
function colorbgNormal()
{
  for( i=1; i <= 41; i++ )
  {
    if( i == 1 || i == 4 || i == 9 )
      document.getElementById('colorbg'+String(i)).style.backgroundColor='#225e92';
    
    if( i == 2 || i == 3 )
      document.getElementById('colorbg'+String(i)).style.backgroundColor='#0e3c6c';
      
    if( i >= 5 )
      if( i <= 8 )
        document.getElementById('colorbg'+String(i)).style.backgroundColor='#0e3c6c';

    if( i >= 10 )
      if( i<= 13 )
        document.getElementById('colorbg'+String(i)).style.backgroundColor='#0e3c6c';

    if( i >= 14  )
      if( i <= 22)
        document.getElementById('colorbg'+String(i)).style.backgroundColor='#0e3c6c';
/*
    if( i >= 23 )
      document.getElementById('colorbg'+String(i)).style.backgroundColor='#225e92';
*/
  }
}

// Focus für Hintergrund setzen
function focusbg(colorbg)
{
  colorbgNormal();
  document.getElementById(colorbg).style.backgroundColor='#6099ce'; // Hintergrund hellblau setzen - fix
  SetCookieBg('CookieBG', colorbg); // Cookie setzen und Focus für Hinteergrund merken
}

// Rollover
function hoverbgOn(colorbg)
{
  document.getElementById(colorbg).style.backgroundColor='#6099ce';
}

function hoverbgOff(container)
{
  if( GetCookie('CookieBG') != null )
  {
    var cookie = GetCookie('CookieBG');
  
    if( cookie != container )
    {
      colorbgNormal();
      document.getElementById(cookie).style.backgroundColor='#6099ce';
    }
  }
  else
  {
    colorbgNormal();
  }
}

// Seitenmenü - aufklappbar
function siteNaviOn(container)
{
  document.getElementById(container).style.display = "block";
}

function siteNaviOff(num, colorbg)
{
  switch (num) {
    case 1:
      document.getElementById('siteNavi1').style.display = "none";
      break;
    case 2:
      document.getElementById('siteNavi2').style.display = "none";
      break;
    case 3:
      document.getElementById('siteNavi3').style.display = "none";
      break;
    case 4:
      document.getElementById('siteNavi4').style.display = "none";
      break;
    case 5:
      document.getElementById('siteNavi5').style.display = "none";
      break;
    case 6:
      document.getElementById('siteNavi6').style.display = "none";
      break;
    case 7:
      document.getElementById('siteNavi7').style.display = "none";
      break;
    case 8:
      document.getElementById('siteNavi8').style.display = "none";
      break;
    case 9:
      document.getElementById('siteNavi9').style.display = "none";
      break;
    case 10:
      document.getElementById('siteNavi10').style.display = "none";
      break;
    case 11:
      document.getElementById('siteNavi11').style.display = "none";
      break;
    case 12:
      document.getElementById('siteNavi12').style.display = "none";
      break;
    case 13:
      document.getElementById('siteNavi13').style.display = "none";
      break;
    case 14:
      document.getElementById('siteNavi14').style.display = "none";
      break;
    case 15:
      document.getElementById('siteNavi15').style.display = "none";
      break;
    case 16:
      document.getElementById('siteNavi16').style.display = "none";
      break;
    case 17:
      document.getElementById('siteNavi17').style.display = "none";
      break;
    case 18:
      document.getElementById('siteNavi18').style.display = "none";
      break;
    case 19:
      document.getElementById('siteNavi19').style.display = "none";
      break;
    default:
      alert("geht nicht");
      break;
  }
}

// Pfad vom Menü wird im Cookie gespeichert und anschließend beim neuladen
// im gewähltem Zustand geöffnet
function noticePath()
{
  if(GetCookie('CookieMenu') != null)
  {
    var cookie = GetCookie('CookieMenu'); // Cookie lesen

    if(GetCookie('CookieBG') != null)
    {
      var cookiebg = GetCookie('CookieBG'); // Cookie lesen
      document.getElementById(cookiebg).style.backgroundColor='#6099ce';
    }
    
    if(cookie.substr(0,10) == "subSubNavi")
    {
      document.getElementById('subNavi1').style.display = "block";
      document.getElementById(cookie).style.display = "block";
      document.getElementById("nav1").className ='menueLinkOn';
    }
    else
    {
      document.getElementById(cookie).style.display = "block";
      if(GetCookie('CookieNav') != null)
      {
        var cookieNav = GetCookie('CookieNav'); // Cookie lesen
        document.getElementById(cookieNav).className ='menueLinkOn';
      }
    }
  }
}

// Öffne 'Kurse & Seminare', fokusiere 'Informatik und Wirtschaft' und fokusiere 'Kurse & Seminare' 
// Übergabe-Bsp.: pathOpen('subNavi2', 'colorbg15', 'nav2');
function pathOpen(setNavi, setBG, nav)
{
  if(setBG != "")
  {
    SetCookieBg('CookieBG', setBG);
    document.getElementById(setBG).style.backgroundColor='#6099ce';
  }
  
  if(setNavi.substr(0,10) == "subSubNavi")
  {
    document.getElementById('subNavi1').style.display = "block";
    document.getElementById(setNavi).style.display = "block";
    document.getElementById("nav1").className ='menueLinkOn';
  }
  else
  {
    document.getElementById(setNavi).style.display = "block";
    document.getElementById(nav).className ='menueLinkOn';
  }
}
