/* NIC-Systems Homepage Javascript Version 1.0 */

navigation = new Array(0, 0, 0, 0); // alle Menü-Unterpunkte sind zugeklappt
farben = new Array("#408E6E", "#6A6A6A", "#3F7CB8", "#DA6F19"); // Speichere alle Hintergrundfarben

var oc = 110;
var zaehler = 0;

/**
* on_load Funktion zur Steuerung der Hintergrundfarbe durch die Transparenz zweier Ebenen (body & bg_second_color)
*/
function bg_fade()
{
  if(oc <= 100)
  {
    document.getElementById('bg_second_color').style.filter = "Alpha(opacity = "+oc+")";
    document.getElementById('bg_second_color').style.opacity = oc/100;
    document.getElementById('bg_second_color').style.MozOpacity = oc/100;

    setTimeout('oc += 10; bg_fade()', 500);
  }
  else {

    set_cookie(); // Speichere die aktuelle Hintergrundfarbe in Cookie

    document.body.style.backgroundColor = farben[zaehler];

    document.getElementById('bg_second_color').style.filter = "Alpha(opacity = '0')";
    document.getElementById('bg_second_color').style.opacity = 0;
    document.getElementById('bg_second_color').style.MozOpacity = 0;

    if (zaehler == 3)
    {
      zaehler = -1;
    }

    document.getElementById('bg_second_color').style.backgroundColor = farben[zaehler+1];

    zaehler++;

    setTimeout('oc=0; bg_fade()', 8000);
  }
}

$(document).ready(function()
{
  /**
  * Animiere die einzelnen Buttons beim Mouseover und differenziere, ob bereits ausgeklappt oder nicht
  */
  $(".navi_listing li").mouseover(function()
  {
    if (((this.id == "navi_webdesign") && (navigation[0] == 0)) ||
        ((this.id == "navi_netzwerke") && (navigation[1] == 0)) ||
        ((this.id == "navi_service") && (navigation[2] == 0)) ||
        ((this.id == "navi_team") && (navigation[3] == 0)))
    {
      $(".text", this).stop().animate({width:'96px'}, 200);
    }
  });

  $(".navi_listing li").mouseout(function()
  {
    if (((this.id == "navi_webdesign") && (navigation[0] == 0)) ||
        ((this.id == "navi_netzwerke") && (navigation[1] == 0)) ||
        ((this.id == "navi_service") && (navigation[2] == 0)) ||
        ((this.id == "navi_team") && (navigation[3] == 0)))
    {
      $(".text", this).stop().animate({width:'0px'}, 200);
    }
  });

  $(".navi_listing li").mouseover(function()
  {
    $(".button img", this).stop().animate({opacity:'0'}, 2000);
  });

  $(".navi_listing li").mouseout(function()
  {
    $(".button img", this).stop().animate({opacity:'1'}, 2000);
  });

  ///////////////////////////////////////////

  /**
  * Lasse die jeweilige Liste beim Klick ein- oder ausfahren.
  */
  $(".navi_listing li").click(function()
  {
    if (this.id == "navi_webdesign")
    {
      if (navigation[0] == 0)
      {
        navigation[0] = 1;
        $("#navi_unterpunkte_webdesign").css('display','block');
        $(".text", this).css('backgroundImage','url(pfeil_zu.gif)');
      }
      else
      {
        navigation[0] = 0;
        $("#navi_unterpunkte_webdesign").css('display','none');
        $(".text", this).css('backgroundImage','url(pfeil_auf.gif)');
      }
    }

    if (this.id == "navi_netzwerke")
    {
      if (navigation[1] == 0)
      {
        navigation[1] = 1;
        $("#navi_unterpunkte_netzwerke").css('display','block');
        $(".text", this).css('backgroundImage','url(pfeil_zu.gif)');
      }
      else
      {
        navigation[1] = 0;
        $("#navi_unterpunkte_netzwerke").css('display','none');
        $(".text", this).css('backgroundImage','url(pfeil_auf.gif)');
      }
    }

    if (this.id == "navi_service")
    {
      if (navigation[2] == 0)
      {
        navigation[2] = 1;
        $("#navi_unterpunkte_service").css('display','block');
        $(".text", this).css('backgroundImage','url(pfeil_zu.gif)');
      }
      else
      {
        navigation[2] = 0;
        $("#navi_unterpunkte_service").css('display','none');
        $(".text", this).css('backgroundImage','url(pfeil_auf.gif)');
      }
    }

    if (this.id == "navi_team")
    {
      if (navigation[3] == 0)
      {
        navigation[3] = 1;
        $("#navi_unterpunkte_team").css('display','block');
        $(".text", this).css('backgroundImage','url(pfeil_zu.gif)');
      }
      else
      {
        navigation[3] = 0;
        $("#navi_unterpunkte_team").css('display','none');
        $(".text", this).css('backgroundImage','url(pfeil_auf.gif)');
      }
    }

    set_cookie(); // und speichere diese Veränderung im Cookie

  });

  ///////////////////////////////////////////

  /**
  * Verwalte das Hover-Menü der entsprechenden Links
  */
  $(".navi_listing_part2 li").mouseover(function()
  {
    if (this.id == "navi_netzwerke_leistungen")
    {
      $("#navi_unterpunkte_netzwerke_leistungen").css('display','block');
      $("a", this).css('color','#000000');
      $("a img", this).attr("src","pfeil_rechts_hover.gif");
    }

    if (this.id == "navi_service_hardware")
    {
      $("#navi_unterpunkte_service_hardware").css('display','block');
      $("a", this).css('color','#000000');
      $("a img", this).attr("src","pfeil_rechts_hover.gif");
    }

    if (this.id == "navi_home_news")
    {
      $("#navi_unterpunkte_home_news").css('display','block');
      $("a", this).css('color','#000000');
      $("a img", this).attr("src","pfeil_rechts_hover.gif");
    }
  });

  $(".navi_listing_part3").mouseover(function()
  {
    if (this.id == "navi_unterpunkte_netzwerke_leistungen")
    {
      $("#navi_unterpunkte_netzwerke_leistungen").css('display','block');
      $("#navi_netzwerke_leistungen a").css('color','#000000');
      $("#navi_netzwerke_leistungen a img").attr("src","pfeil_rechts_hover.gif");
    }

    if (this.id == "navi_unterpunkte_service_hardware")
    {
      $("#navi_unterpunkte_service_hardware").css('display','block');
      $("#navi_service_hardware a").css('color','#000000');
      $("#navi_service_hardware a img").attr("src","pfeil_rechts_hover.gif");
    }

    if (this.id == "navi_unterpunkte_home_news")
    {
      $("#navi_unterpunkte_home_news").css('display','block');
      $("#navi_home_news a").css('color','#000000');
      $("#navi_home_news a img").attr("src","pfeil_rechts_hover.gif");
    }
  });

  $(".navi_listing_part2 li").mouseout(function()
  {
    if (this.id == "navi_netzwerke_leistungen")
    {
      $("#navi_unterpunkte_netzwerke_leistungen").css('display','none');
      $("a", this).css('color','#72828E');
      $("a img", this).attr("src","pfeil_rechts.gif");
    }

    if (this.id == "navi_service_hardware")
    {
      $("#navi_unterpunkte_service_hardware").css('display','none');
      $("a", this).css('color','#72828E');
      $("a img", this).attr("src","pfeil_rechts.gif");
    }

    if (this.id == "navi_home_news")
    {
      $("#navi_unterpunkte_home_news").css('display','none');
      $("a", this).css('color','#72828E');
      $("a img", this).attr("src","pfeil_rechts.gif");
    }
  });

  $(".navi_listing_part3").mouseout(function()
  {
    if (this.id == "navi_unterpunkte_netzwerke_leistungen")
    {
      $("#navi_unterpunkte_netzwerke_leistungen").css('display','none');
      $("#navi_netzwerke_leistungen a").css('color','#72828E');
      $("#navi_netzwerke_leistungen a img").attr("src","pfeil_rechts.gif");
    }

    if (this.id == "navi_unterpunkte_service_hardware")
    {
      $("#navi_unterpunkte_service_hardware").css('display','none');
      $("#navi_service_hardware a").css('color','#72828E');
      $("#navi_service_hardware a img").attr("src","pfeil_rechts.gif");
    }

    if (this.id == "navi_unterpunkte_home_news")
    {
      $("#navi_unterpunkte_home_news").css('display','none');
      $("#navi_home_news a").css('color','#72828E');
      $("#navi_home_news a img").attr("src","pfeil_rechts.gif");
    }
  });

  ///////////////////////////////////////////

  /**
  * Cookie Verwaltung beim Start der Seite
  */
  if(document.cookie)
  {
    a = document.cookie;

    navi01 = a.substring(a.search('=')+1,a.search('_'));

    if (navi01 == '1')
    {
      navigation[0] = 1;
      $("#navi_unterpunkte_webdesign").css('display','block');
      $("#navi_webdesign .text").css('backgroundImage','url(pfeil_zu.gif)');
      $("#navi_webdesign .text").css('width','96px');
    }

    a = a.substring(a.search('_')+1,a.length);
    navi02 = a.substring(a.search('=')+1,a.search('_'));

    if (navi02 == '1')
    {
      navigation[1] = 1;
      $("#navi_unterpunkte_netzwerke").css('display','block');
      $("#navi_netzwerke .text").css('backgroundImage','url(pfeil_zu.gif)');
      $("#navi_netzwerke .text").css('width','96px');
    }

    a = a.substring(a.search('_')+1,a.length);
    navi03 = a.substring(a.search('=')+1,a.search('_'));

    if (navi03 == '1')
    {
      navigation[2] = 1;
      $("#navi_unterpunkte_service").css('display','block');
      $("#navi_service .text").css('backgroundImage','url(pfeil_zu.gif)');
      $("#navi_service .text").css('width','96px');
    }

    a = a.substring(a.search('_')+1,a.length);
    navi04 = a.substring(a.search('=')+1,a.search('_'));

    if (navi04 == '1')
    {
      navigation[3] = 1;
      $("#navi_unterpunkte_team").css('display','block');
      $("#navi_team .text").css('backgroundImage','url(pfeil_zu.gif)');
      $("#navi_team .text").css('width','96px');
    }

    a = a.substring(a.search('_')+1,a.length);
    zaehler01 = a.substring(a.search('=')+1,a.search('_'));
    zaehler = parseInt(zaehler01);
    document.body.style.backgroundColor = farben[zaehler];

  }
  else
  {
    set_cookie();
  }

});

/**
* Syntax der Cookie Speicherung
*/
function set_cookie()
{
  var a = new Date();
  a = new Date(a.getTime() +1000*60*60*24*365);
  document.cookie = 'navi01=' + navigation[0] + '_navi02=' + navigation[1] + '_navi03=' + navigation[2] + '_navi04=' + navigation[3] + '_zaehler01=' + zaehler + '_; expires='+a.toGMTString()+';';
}