$(document).ready(function(){
   
   $('.clickbox')
     .click(function(){
       var base = $('base').attr('href');
       var link = $(this).find('a:first').attr('href');
       window.location = base+link;
   });

   $('.clickbox').mouseenter(function(){
     var base = $('base').attr('href');
     var link = $(this).find('a:first').attr('href');
     window.status = base+link;
     $(this).animate({shadow: "0px 0px 10px #ccc"}, 100 );
  });

  $('.clickbox').mouseleave(function(){
     $(this).animate({shadow: "0px 0px 0px #ccc"}, 200 );
      window.status = '';
   });
   
   $('.hlist li.active.ebene_1 ul').addClass('sticky');
   
   $('#nav').mouseenter(function(){
     $('.hlist .sticky').removeClass('sticky');
   });
   $('#nav').mouseleave(function(){
     $('.hlist li.active.ebene_1 ul').addClass('sticky');
   });
   
   $('#nav li a').click(function(){
     $('.hlist .sticky').removeClass('sticky');
     $('.hlist li.active').removeClass('active');
     $(this).parent().addClass('active').parent().parent('.ebene_1').addClass('active');
   });
  
}); //end document.ready

/* PDF-Boxen */ 

function scrollBox(htmlClass){ 
     
  this.htmlClass = htmlClass; 
  this.arrowsCont = this.htmlClass+' .scrollBox_arrows'; 
  this.liChildren = this.htmlClass+' .ul_mask ul > li';  
  this.thisUl = this.htmlClass+' .ul_mask ul'; 
  
    this.numVisible = 2;
  this.liWidth = 348; 
  this.offset = 0;
  
    this.children = $(this.liChildren).length;
   this.ulWidth = this.liWidth*this.children;
  
    if ( this.children > this.numVisible ) {  
      $(this.arrowsCont).css('display','block');
      $(this.thisUl).css('width', this.ulWidth+'px'); 
    }; 
}  

function toggleArrows(target){           
  
  var left = target.htmlClass+' .sb_arrowLeft'; 
  var right = target.htmlClass+' .sb_arrowRight'; 
  
  if ( target.offset == 0) {
    $(left).css('display','none');
  }                               

  if ( target.offset >= target.liWidth ) {
  $(left).css('display','inline');
  }
  
  if ( target.ulWidth - target.offset == target.numVisible * target.liWidth ) {
    $(right).css('display','none');
  }

  if ( target.ulWidth - target.offset > target.numVisible * target.liWidth ) {
  $(right).css('display','inline');  
  }
}

function commitScroll(target){  
  $(target.thisUl).animate({left: -target.offset},200,'swing',toggleArrows(target)); 
}