var slideTimeout  = null;
var slidePause    = 6500;
var slideDuration = 650;
var slideNum      = 0;
var slideStep     = 0;
  
  
function slideAnimationComplete() {

  // Clear animation timeout
  clearTimeout(slideTimeout);
    
  // Increase step
  slideStep++;
  
  // Create animation
  if (slideStep == slideNum) {
    slideStep = 0;
    jQuery("#slideshow").animate({ left: -slideStep*870 }, slideDuration*slideNum/2, function() { slideTimeout = setTimeout("slideAnimationComplete();", slidePause); } ); 
  } else {
    jQuery("#slideshow").animate({ left: -slideStep*870 }, slideDuration, function() { slideTimeout = setTimeout("slideAnimationComplete();", slidePause); } ); 
  }
  
  // Change all styles
  jQuery("#slidenavigation .slidenavigationlink").css("background-position", "0px 0px");
  
  // Change this style
  jQuery("#slidenavigation #slidenavigationlink" + slideStep).css("background-position", "0px -8px");
}
  
  
// FAQ initialization ---------------------------------------------------------------------------
jQuery.noConflict()(function($){
  
  // Init slides
  $("#slideshow .slide").each(function() {
    $(this).css("left", 870 * (slideNum++));  
  });
  
  // Create slide links
  var directLinks = "";
  for (var i=0; i<slideNum; i++) {
    directLinks += "<a href=\"#\" id=\"slidenavigationlink" + i + "\" slide=\"" + i + "\" class=\"slidenavigationlink\"></a>";
  }
  $("#slidenavigation").html(directLinks);
  $("#slidenavigation .slidenavigationlink").click(function() {
  
    // Clear animation timeout
    clearTimeout(slideTimeout);
    
    // Change all styles
    $("#slidenavigation .slidenavigationlink").css("background-position", "0px 0px");
    
    // Change this style
    $(this).css("background-position", "0px -8px");
    
    // Animate
    var stepsDiff = Math.abs(slideStep - parseInt($(this).attr("slide")));
    slideStep = parseInt($(this).attr("slide"));
    jQuery("#slideshow").animate({ left: -slideStep*870 }, slideDuration*stepsDiff/2, function() { slideTimeout = setTimeout("slideAnimationComplete();", slidePause*5); } ); 
    
    return false;
  });
  
  // Start animation
  slideTimeout = setTimeout("slideAnimationComplete();", slidePause);
  $("#slidenavigation #slidenavigationlink" + slideStep).css("background-position", "0px -8px");
});