$(document).ready( function() {   
 
  /* Mitarbeiter Logos durchwechseln */
  IntervalId_logo = setInterval( "animate_logos()", 5000 );

/* S T A R T S E I T E : Hauptteaser durchwechseln ---------------------------------------------- */

  if ($('#home_stage') != null ) {
    $('.stage_number a').bind("click", function(event){
      event.preventDefault();
      // Aktive und angeklickte Link-Nummer ermitteln
      var curr = parseInt($(this).text());
      var last = parseInt($(this).parent().parent().children().find(".stage_act").text());
      if (curr != last) {
        // Highlight(CSS) der letzten Nummer wird entfernt
        $(this).parent().parent().children().find(".stage_act").removeAttr('class');
        // Die aktuelle Nummer highlighten (CSS)
        $(this).addClass('stage_act');
        // Letzte grosse Box ausblenden
        $('#stage_element_'+last+'').fadeOut(1000);
        // Danach Bild und Text zur aktuellen Nummer einblenden
        $('#stage_element_'+curr+'').fadeIn(1000);
      }
    });

    $('#stage_arrow_right').click(function () {
        animate_homestage('next');
    });
    
    $('#stage_arrow_left').click(function () {
      animate_homestage('previous');
    });

    // Automatische Ueberblendung
    IntervalId = setInterval( "animate_homestage('animation')", 4000 );

    // Waerend man im Bereich ist wird der Intervall angehalten
    $('#home_stage').mouseover(function () {
      IntervalId = clearInterval ( IntervalId );
    });

    // Beim Verlassen geht der Effekt weiter
    $('#home_stage').mouseleave(function () {
      IntervalId = setInterval( "animate_homestage('animation')", 4000 );
    });
  }

}); // Ende von  $(document).ready

function animate_homestage(direction) {
  // Aktuell angezeigtes Bild ermitteln
  //var current = parseInt($("#stage_element_numbers").children().find(".stage_act").text());
  var current = parseInt($("#stage_element_numbers .stage_act").text());
  // Naechstes Bild definieren
  if (direction == "previous"){
    if (current > 1) {
      var next = current - 1;
    } else {
      var next = 5;
    }
  } else {
    if (current < 5) {
      var next = current + 1;
    } else {
      var next = 1;
    }
  }

  // Highlight(CSS) der letzten Nummer wird entfernt
  //$("#sn_"+current+"").children().removeAttr("class");
  $("#sn_"+current+" a").removeAttr("class");
  // Die aktuelle Nummer highlighten (CSS)
  $("#sn_"+next+"").children().addClass("stage_act");
  // Letzte grosse Box ausblenden
  $("#stage_element_"+current+"").fadeOut(1000);
  // Danach Bild und Text zur aktuellen Nummer einblenden
  $("#stage_element_"+next+"").fadeIn(1000);
  // Neues Bild ggf. in die Mitte schieben
  // var stage_img_new_pos = Math.round(( parseInt( $("#stage_element_"+next+" img").attr("height")) - 335 ) / 2);
  // $("#stage_element_"+next+" img").css({ top: "-"+stage_img_new_pos+"px" });
}

function animate_logos() {
  // Aktuell angezeigtes Bild ermitteln
  var number = parseInt($("#module_logo_number").text());
  var current = $("#module_logo").children().find(".stage_act1").attr("id");
  current = current.substring(5,current.length);
  current = parseInt(current);

  // Naechstes Bild definieren
  if (current < number) {
    var next = current + 1;
  } else {
    var next = 1;
  }
  // Highlight(CSS) der letzten Nummer wird entfernt
  $("#logo_"+current+"").removeAttr("class");
  // Die aktuelle Nummer highlighten (CSS)
  $("#logo_"+next+"").addClass("stage_act1");
  // Letzte grosse Box ausblenden
  $("#logo_"+current+"").parent().fadeOut(1000);
  // Danach Bild und Text zur aktuellen Nummer einblenden
  $("#logo_"+next+"").parent().fadeIn(1000);

}