// HN.Slider

// Konfiguration
var sspeed  = 800;
var interval  = 5000;  
var slideWidth  = 960;
var stopAfterClick = 0;
var t = window.setInterval("nextSlide()", interval);

$(document).ready(function () {
  var slideCount  = $("#sliderbox .sliderwrap .container").length;

  $("#sliderbox .sliderwrap").css("width",slideCount*slideWidth);
  
  // Switch erstellen
  for (var i = 1; i <= slideCount; i++) {
    $("#sliderbox ul.switch").append('<li><a href="#">' + i + '</a></li>');
  }

  // Ersten Punkt aktivieren
  $("#sliderbox ul.switch li:nth-child(1)").addClass("active");
  
  // Switch Click-Event
  $("#sliderbox ul.switch li a").click(function () {
    var slideNr    = $(this).html();
    var scrollToPos  = slideWidth*(slideNr-1);
    // Timer deaktivieren nach dem Klick
    t = window.clearInterval(t);
  
    $("#sliderbox ul.switch li").removeClass("active");
    $(this).parent().addClass("active");
    $("#sliderbox .sliderwrap").animate({ left: "-"+ scrollToPos +"px"}, sspeed);
    // Timer RE-aktivieren, wenn stopAfterClick aus
    if (stopAfterClick==0)  t  = window.setInterval("nextSlide()", interval);
    return false;
  });  
  
  // TIMER initialisieren
 // t  
});
function nextSlide() {
  var slideCount  = $("#sliderbox .sliderwrap .container").length;
  var actPos    = $("#sliderbox .sliderwrap").css("left").replace("px", "");
  var scrollToPos = (actPos-slideWidth);
  
  if (scrollToPos<((slideCount-1)*slideWidth*(-1))) scrollToPos  = 0;
  var slideNr    = ((scrollToPos/slideWidth)*(-1)+1);

  //alert(actPos);
  
  $("#sliderbox .sliderwrap").animate({left: scrollToPos+"px"}, sspeed);
  $("#sliderbox ul.switch li").removeClass("active");
  $("#sliderbox ul.switch li:nth-child(" + slideNr + ")").addClass("active");
  
  return true;
}