Template:Team:TU Darmstadt/Js

// START MainMenu

$(window).load(function() {

 var distance = $('#title').outerHeight() + 5,
 $window = $(window);
 
 $window.scroll(function() {
   if ( $window.scrollTop() >= distance ) {
     $('.navbar').addClass('top-fixed');
   } else if ( $window.scrollTop() <= distance && $('.navbar').hasClass('top-fixed') ) {
     $('.navbar').removeClass('top-fixed');
   }
 });

$("#g4248-0").mouseenter(function() { $("#path4287-7").css("opacity", 0.4); $("#path5498").css("opacity", 0.4); $("#rect4366").css("opacity", 0.4); $("#rect4294").css("opacity", 0.4); $("#path4296").css("opacity", 0.4); $("#rect4300").css("opacity", 0.4); $("#path4302").css("opacity", 0.4); $("#rect4304").css("opacity", 0.4); $("#path4308").css("opacity", 0.4); $("#path4310").css("opacity", 0.4); $("#path4314").css("opacity", 0.4); $("#path4316").css("opacity", 0.4); $("#rect4391").css("opacity", 0.4); $("#rect4271").css("opacity", 0.4); $("#path4273").css("opacity", 0.4); $("#rect4250").css("opacity", 0.4); $("#path4252").css("opacity", 0.4); $("#rect4254").css("opacity", 0.4); $("#path4236").css("opacity", 0.4); $("#path4256").css("opacity", 0.4); $("#rect4258").css("opacity", 0.4); $("#path4266").css("opacity", 0.4); $("#path4268").css("opacity", 0.4); $("#rect4360").css("opacity", 0.4); $("#path4362").css("opacity", 0.4); $("#rect4334").css("opacity", 0.4); $("#path4336").css("opacity", 0.4); $("#rect4340").css("opacity", 0.4); $("#path4342").css("opacity", 0.4); $("#rect4344").css("opacity", 0.4); $("#path4354").css("opacity", 0.4); $("#path4356").css("opacity", 0.4); $("#path4278").css("opacity", 0.4); $("#path4280").css("opacity", 0.4); $("#rect4271-6").css("opacity", 0.4); $("#path4273-8").css("opacity", 0.4); $("#rect4254-1").css("opacity", 0.4); $("#path4236-8").css("opacity", 0.4); $("#path4256-3").css("opacity", 0.4); $("#path4266-8").css("opacity", 0.4); $("#path4268-4").css("opacity", 0.4); $("#rect4300-8").css("opacity", 0.4); $("#path4302-2").css("opacity", 0.4); $("#rect4304-1").css("opacity", 0.4); $("#path4308-8").css("opacity", 0.4); $("#path4310-7").css("opacity", 0.4); }).mouseleave(function() { $("#path4287-7").css("opacity", 1.0); $("#path5498").css("opacity", 1.0); $("#rect4366").css("opacity", 1.0); $("#rect4294").css("opacity", 1.0); $("#path4296").css("opacity", 1.0); $("#rect4300").css("opacity", 1.0); $("#path4302").css("opacity", 1.0); $("#rect4304").css("opacity", 1.0); $("#path4308").css("opacity", 1.0); $("#path4310").css("opacity", 1.0); $("#path4314").css("opacity", 1.0); $("#path4316").css("opacity", 1.0); $("#rect4391").css("opacity", 1.0); $("#rect4271").css("opacity", 1.0); $("#path4273").css("opacity", 1.0); $("#rect4250").css("opacity", 1.0); $("#path4252").css("opacity", 1.0); $("#rect4254").css("opacity", 1.0); $("#path4236").css("opacity", 1.0); $("#path4256").css("opacity", 1.0); $("#rect4258").css("opacity", 1.0); $("#path4266").css("opacity", 1.0); $("#path4268").css("opacity", 1.0); $("#rect4360").css("opacity", 1.0); $("#path4362").css("opacity", 1.0); $("#rect4334").css("opacity", 1.0); $("#path4336").css("opacity", 1.0); $("#rect4340").css("opacity", 1.0); $("#path4342").css("opacity", 1.0); $("#rect4344").css("opacity", 1.0); $("#path4354").css("opacity", 1.0); $("#path4356").css("opacity", 1.0); $("#path4278").css("opacity", 1.0); $("#path4280").css("opacity", 1.0); $("#rect4271-6").css("opacity", 1.0); $("#path4273-8").css("opacity", 1.0); $("#rect4254-1").css("opacity", 1.0); $("#path4236-8").css("opacity", 1.0); $("#path4256-3").css("opacity", 1.0); $("#path4266-8").css("opacity", 1.0); $("#path4268-4").css("opacity", 1.0); $("#rect4300-8").css("opacity", 1.0); $("#path4302-2").css("opacity", 1.0); $("#rect4304-1").css("opacity", 1.0); $("#path4308-8").css("opacity", 1.0); $("#path4310-7").css("opacity", 1.0); });

});

// END MainMenu // START ScrollBox

$(window).scroll(function(e) {

 var $element = $('.scrollbox');
 var headerHeight = $('#head').outerHeight() - 30;
 var isFixed = ($element.css('position') == 'fixed');

 if ($(this).scrollTop() > headerHeight) {
   if(!isFixed) {
       $element.addClass("scrolled");
   }
 }
 if ($(this).scrollTop() < headerHeight) {
   if(isFixed) {
       $element.removeClass("scrolled");
   }
 }

});

function scrollToTop() {

 $('body,html').animate({
   scrollTop: 0
 }, 400);

}

// END ScrollBox