(function($){
  $.fn.scrollHeight = function(index) {
    var index = index || 0;
    return this[index].scrollHeight;
  };
})(jQuery);

(function($){
  $.fn.GbNavigator = function(options) {
    var settings = {
       speedIn: 125,
       speedOut: 100,
       contentContainer: $('#contentcontainer'),
       navigationHeight: $('li:first-child a:first', this).height(),
       moveContainerBy: '45px'
    };
    return this.each(function() {
      if (options) {
        $.extend(settings, options);
      }
      var elem = $(this);
      elem
        .css({
            position: 'absolute',
            height: settings.navigationHeight,
            zIndex: 20
          })
        .addClass('minimized')
        .hover(
          function() {
            elem
              .animate({
                  height: elem.scrollHeight()
                }, 
                { queue: false, duration: settings.speedIn }
              )
              .addClass('hovered');
          },
          function() {
            elem
              .stop()
              .animate({
                  height: settings.navigationHeight
                }, { queue: false, duration: settings.speedOut }
              )
              .removeClass('hovered');
          });
      settings.contentContainer.css({
        position: 'relative',
        overflow: 'hidden',
        clear: 'both',
        top: settings.moveContainerBy,
        marginBottom: settings.moveContainerBy
      });
    });
  };
})(jQuery);
jQuery(document).ready(function() {
  // Skript auf den Seiten aktivieren deren body die Klasse 'content' haben.
  if($('body.content').length > 0) {
    $('#navigation').GbNavigator();
  }

  var cycleOptions = {
    speed: 1400,
    timeout: 7000
  };
  if($('img', '#stage_left').length > 1) {
   jQuery('#stage_left').cycle(cycleOptions);
  }
  if($('img', '#stage_right').length > 1) {
   jQuery('#stage_right').cycle(cycleOptions);
  }
});