/*--- ajax tabs ---*/
function ajaxTabs(t_hold){
  if(!t_hold) t_hold = $('body');
  var _speed = 500; //in ms
  t_hold.find('ul.tabset').each(function(){
    if(!this._atf){
      this._atf = true;
      var _hold = $('#'+$(this).attr('title'));
      var _btn = $(this).find('a');
      var _loader = $('<div class="loader">Loading...</div>');
      _loader.css({opacity:0, display:'none'});
      _hold.append(_loader);
      
      var _a = _btn.index(_btn.filter('.active:eq(0)'));
      if(_a == -1) _a = 0;
      if(_a == 0) $('html').addClass('with-bg');
      else $('html').removeClass('with-bg');
      _btn.removeClass('active').eq(_a).addClass('active');
      $.ajax({
        url: _btn.eq(_a).attr('href'),
        cache: false,
        dataType: 'html',
        success: function(_html){
          _btn.eq(_a).data('box', $(_html));
          _btn.eq(_a).data('box').addClass('active-tab');
          _hold.append(_btn.eq(_a).data('box'));
          inAjaxFunct(_btn.eq(_a).data('box'));
        }
      });
      _btn.click(function(){
        changeTab(_btn.index(this));
        return false;
      });
      var _f = true;
      function changeTab(_ind){
            
        if(_f && _ind != _a){  
          if(_ind == 0) $('html').addClass('with-bg');
          else $('html').removeClass('with-bg');
          _f = false;
          _hold.stop().height(_hold.height());
          _btn.eq(_a).removeClass('active');
          _btn.eq(_ind).addClass('active');
          if($.browser.msie) _btn.eq(_a).data('box').removeClass('active-tab').hide();
          else _btn.eq(_a).data('box').stop().removeClass('active-tab').animate({opacity: 0}, _speed, function(){ $(this).hide();});
          if(_btn.eq(_ind).data('box')){
            if($.browser.msie) _btn.eq(_ind).data('box').show().addClass('active-tab');
            else _btn.eq(_ind).data('box').stop().show().addClass('active-tab').animate({opacity: 1}, _speed);
            _hold.animate({height: _btn.eq(_ind).data('box').outerHeight()}, _speed/2, function(){ $(this).height('auto');});
            _a = _ind;
            _f = true;
          }
          else{
            _loader.stop().show().animate({opacity: 1}, 100);
            $.ajax({
              url: _btn.eq(_ind).attr('href'),
              cache: false,
              dataType: 'html',
              success: function(_html){
                _btn.eq(_ind).data('box', $(_html));
                if($.browser.msie) _btn.eq(_ind).data('box').hide();
                else _btn.eq(_ind).data('box').css('opacity', 0);
                _hold.append(_btn.eq(_ind).data('box'));
                _loader.stop().animate({opacity: 0}, 100, function(){ $(this).hide();});
                if($.browser.msie) _btn.eq(_ind).data('box').show().addClass('active-tab');
                else _btn.eq(_ind).data('box').stop().show().addClass('active-tab').animate({opacity: 1}, _speed);
                _hold.animate({height: _btn.eq(_ind).data('box').outerHeight()}, _speed/2, function(){ $(this).height('auto');});
                inAjaxFunct(_btn.eq(_a).data('box'));
                _a = _ind;
                _f = true;
              }
            });
          }
        }
      }
    }
  });
}
function ajaxPosts(t_hold){
  var _speed = 500;
  if(!t_hold) t_hold = $('body');
  t_hold.find('div.posts-holder').each(function(){
    var box_hold = $(this).find('div.container');
    var _btn = $(this).find('ul.image-list > li:has("a.post-btn")');
    var _loader = $('<div class="loader">Loading...</div>');
    _loader.css({opacity:0, display:'none'});
    box_hold.append(_loader);
    var _a = _btn.index(_btn.filter('.active:eq(0)'));
    box_hold.hide();
    if(_a != -1){
      box_hold.show();
      _btn.removeClass('active').eq(_a).addClass('active');
      $.ajax({
        url: _btn.eq(_a).find('a.post-btn').attr('href'),
        cache: false,
        dataType: 'html',
        success: function(_html){
          _btn.eq(_a).data('box', $(_html));
          _btn.eq(_a).data('box').addClass('active-post');
          box_hold.append(_btn.eq(_a).data('box'));
          inAjaxFunct(_btn.eq(_a).data('box'));
        }
      });
    }
    _btn.click(function(){
      changeEl(_btn.index(this));
      return false;
    });
    var _f = true;
    function changeEl(_ind){
      if(_f){

        $(window).scrollTo(box_hold.parent().parent().find('.headline'), 500);
        
        _f = false;
        if(box_hold.is(':hidden')) box_hold.css({height:0, display:'block'});
        else box_hold.stop().css({height:box_hold.height()});
        if(_a == _ind){
          _btn.eq(_a).removeClass('active');
          if($.browser.msie) _btn.eq(_a).data('box').removeClass('active-post').hide();
          else _btn.eq(_a).data('box').stop().removeClass('active-post').animate({opacity: 0}, _speed, function(){ $(this).hide();});
          box_hold.animate({height: 0}, _speed/2, function(){ $(this).css({display:'none', height:'auto'});});
          _a = -1;
          _f = true;
        }
        else{
          if(_a != -1){
            _btn.eq(_a).removeClass('active');
            if($.browser.msie) _btn.eq(_a).data('box').removeClass('active-post').hide();
            else _btn.eq(_a).data('box').stop().removeClass('active-post').animate({opacity: 0}, _speed, function(){ $(this).hide();});
          }
          _btn.eq(_ind).addClass('active');
          if(_btn.eq(_ind).data('box')){
            if($.browser.msie) _btn.eq(_ind).data('box').addClass('active-post').show();
            else _btn.eq(_ind).data('box').stop().show().addClass('active-post').animate({opacity: 1}, _speed);
            box_hold.animate({height: _btn.eq(_ind).data('box').outerHeight()}, _speed/2, function(){ $(this).css({height:'auto'});});
            _a = _ind;
            _f = true;
          }
          else{
            _loader.stop().show().animate({opacity: 1}, 150);
            $.ajax({
              url: _btn.eq(_ind).find('a.post-btn').attr('href'),
              cache: false,
              dataType: 'html',
              success: function(_html){
                _btn.eq(_ind).data('box', $(_html));
                if($.browser.msie) _btn.eq(_ind).data('box').hide();
                else _btn.eq(_ind).data('box').css({opacity:0, display:'none'});
                box_hold.append(_btn.eq(_ind).data('box'));
                _loader.stop().animate({opacity: 0}, 150, function(){ $(this).hide();});
                inAjaxFunct(_btn.eq(_ind).data('box'));
                if($.browser.msie) _btn.eq(_ind).data('box').addClass('active-post').show();
                else _btn.eq(_ind).data('box').stop().show().addClass('active-post').animate({opacity: 1}, _speed);
                box_hold.animate({height: _btn.eq(_ind).data('box').outerHeight()}, _speed/2, function(){ $(this).css({height:'auto', overflow:'visible'});});
                _a = _ind;
                _f = true;
              }
            });
          }
        }
      }
    }
  });
}
/*--- main navigation ---*/
function siteNavigation(t_hold){
  if(!t_hold) t_hold = $('body');
  t_hold.find('#nav a, a.btn-goto').each(function(){
    if(!this._nf){
      this._nf = true;
      this.onclick = function(){
        if(this.hash && this.hash.length > 1 && $(this.hash).length){
          $(window).scrollTo($(this.hash), 500);
          return false;
        }
      }
    }
  });
}
/*--- tooltip ---*/
function initTooltip(t_hold){
  if(!t_hold) t_hold = $('body');
  var _tooltip = $('#info-tooltip');
  var tooltip_text = _tooltip.find('div.c');
  var _k = 0;
  t_hold.find('.with-tooltip').each(function(){
    if(!this._tf){
      this._tf = true;
      var _text = $(this).parent().siblings('div.tooltip-content:eq(0)');
// wegen der Spans jeweils 3x parent() hinzugefügt
if(_text.length == 0) _text = $(this).parent().parent().parent().parent().parent().siblings('div.tooltip-content:eq(0)');
if(_text.length == 0) _text = $(this).parent().parent().parent().parent().parent().parent().siblings('div.tooltip-content:eq(0)');
// ende 
      if(_text.length != 0){
        $(this).mouseenter(function(e){
          if(e.pageX - $('#wrapper').offset().left < $('#wrapper').outerWidth()/2){
            _tooltip.removeClass('right').addClass('left');
            _k = 25;
          }
          else{
            _tooltip.removeClass('left').addClass('right');
            _k = -315;
          }
          tooltip_text.html(_text.html());
          _tooltip.css({top: e.pageY, left: e.pageX+_k});
          if($.browser.msie) _tooltip.show();
          else _tooltip.stop().show().animate({opacity: 1}, 200);
          _tooltip.css({top: e.pageY - _tooltip.outerHeight()/2});
        }).mousemove(function(e){
          _tooltip.css({top: e.pageY - _tooltip.outerHeight()/2, left: e.pageX+_k});
        }).mouseleave(function(){
          if($.browser.msie) _tooltip.hide();
          else _tooltip.stop().animate({opacity: 0}, 200, function(){ $(this).hide();});
        });
      }
    }
  });
}
/*--- more info ---*/
function moreInfo(t_hold){
  var open_text = 'Weniger';
  var close_text = 'Weiterlesen';
  var _speed = 300;
  if(!t_hold) t_hold = $('body');
  t_hold.find('a.more-btn').each(function(){
    if(!this._if){
      this._if = true;
      var _btn = $(this);
      var _box = _btn.parent().prev('div.more-hold');
      var _h = _box.outerHeight();
      if(_btn.hasClass('opened')){
        _btn.text(open_text);
        _box.show();
      }
      else{
        _btn.text(close_text);
        _box.hide();
      }
      _btn.click(function(){
        if(_btn.hasClass('opened')){
          _btn.removeClass('opened');
          _btn.text(close_text);
          _box.stop().animate({height:0}, _speed, function(){ $(this).css({display:'none', height: 'auto'});});
        }
        else{
          _btn.addClass('opened');
          _btn.text(open_text);
          if(_box.is(':hidden')){
            _box.show();
            _h = _box.outerHeight();
            _box.height(0);
          }
          _box.stop().animate({height:_h}, _speed, function(){ $(this).height('auto');});
        }
        return false;
      });
    }
  });
}
/*--- in ajax block's ---*/
function inAjaxFunct(t_hold){
  moreInfo(t_hold);
  initTooltip(t_hold);
  siteNavigation(t_hold);
}
/*--- on document ready ---*/
$(document).ready(function(){
  siteNavigation();
  initTooltip();
  moreInfo();
  ajaxTabs();
  ajaxPosts();
  /*--- menu animation ---*/
  var anim_t;
  $(window).bind('scroll', function(){
    if(anim_t) clearTimeout(anim_t);
    anim_t = setTimeout(function(){
      $('#nav').animate({top: $(window).scrollTop()}, {queue:false, duration: 300});
    }, 2);
    if (!$('#lightbox-box').is(':hidden')) lightbox();
  });
  /*--- ---*/
  $('ul.section-nav').each(function(){
    var _hold = $(this);
    var _list = _hold.find('span');
    var hold_w = _hold.parent().width();
    var list_w = _hold.outerWidth();
    if(list_w < hold_w){
      var _k = Math.round((hold_w - list_w)/_list.length);
      if(_k*_list.length + list_w > hold_w) _k--;
      for(var i = 0; i < _list.length; i++){
        _list.eq(i).width(_list.eq(i).width() + _k);
      }
      _k = hold_w - _hold.outerWidth();
      if(_k > 0){
        for(var i = 0; i < _k; i++){
          _list.eq(i).width(_list.eq(i).width() + 1);
        }
      }
    }
  });
  
  
});