$(document).ready(function() {
  
  /**
  * Wait-Funktion
  * @param {Object} time
  * @param {Object} type
  */
  $.fn.wait = function(time, type) {
    time = time || 1000;
    type = type || 'fx';
    return this.queue(type, function() {
      var self = this;
      setTimeout(function() {
        $(self).dequeue();
      }, time);
    });
  };


  /**
   * Hintergrundbild-Animation mit Spritely
   */
  if($('#slider').length > 0){
    $('#slider').pan({fps: 25, speed: 2, dir: 'left'});
  }
  
  /**
   * Inhalte nachladen
   */
  var clicked = null;
  var $imgWrapper = $('#img-wrapper');
  
  var $contentText = $('#product-description');
  $contentText.children('li').eq(0).show().addClass('active');
  
  
  $('#nav_content > ul.nav a').click(function() {
    if (!$(this).parent().hasClass('active')) {
      clicked = $(this);
      updateDom($(this).parent().index(), $(this).attr('href'));
    }
    
    return false;
  });
  
  function updateDom(i,content) {
    // Navigation
    clicked.parent().siblings('li.active').toggleClass('active');
    clicked.parent().toggleClass('active');
    
    // Textinhalt
    $contentText.children('li.active').toggleClass('active').fadeOut('fast', function() {
      $contentText.children('li').eq(i).toggleClass('active').fadeIn('fast');
    });
    
    // Key Visual
    $imgWrapper.fadeOut('normal', 'easeOutSine', function() {
      $(this).load(content + ' li:eq(' + i + ') img', null, function() {
        $(this).wait(250).fadeIn('normal', 'easeInSine');
      });
    });
    
  }
  
});