Difference between revisions of "Template:Team:TU Darmstadt/Js"

 
(39 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
// START ScrollBox
+
// START MainMenu
  
−
$(window).scroll(function(e) {
+
$(window).load(function() {
−
   var $element = $('.scrollbox');
+
   var distance = $('#title').outerHeight() + 5,
−
   var headerHeight = $('#head').outerHeight();
+
   $window = $(window);
−
  var isFixed = ($element.css('position') == 'fixed');
+
 
−
 
+
  $window.scroll(function() {
−
  if ($(this).scrollTop() > headerHeight) {
+
    if ( $window.scrollTop() >= distance ) {
−
    if(!isFixed) {
+
      $('.navbar').addClass('top-fixed');
−
        console.log('scroll');
+
    } else if ( $window.scrollTop() <= distance && $('.navbar').hasClass('top-fixed') ) {
−
        $element.addClass("scrolled");
+
      $('.navbar').removeClass('top-fixed');
 
     }
 
     }
−
   }
+
   });
−
  if ($(this).scrollTop() < headerHeight) {
+
−
    if(isFixed) {
+
−
        console.log('dont scroll');
+
−
        $element.removeClass("scrolled");
+
−
    }
+
−
  }
+
−
});
+
  
−
function scrollToTop() {
 
−
  $('body,html').animate({
 
−
    scrollTop: 0
 
−
  }, 400);
 
−
}
 
  
−
// END ScrollBox
+
$("#box_right").append('<div id="text_Im2" class="highlights" style="margin: 10px 0px 10px 0px;">Immunity protein which inhibits miniColicin (DNase) and is a part of our killswitch</div>');
−
// START Breakpoint Stuff
+
$("#text_Im2").hide();
  
−
(function($) {
 
  
−
skel.breakpoints({
+
$("#box_right").append('<div id="text_mColE2" class="highlights" style="margin: 10px 0px 10px 0px;">miniColicin which is a part of our killswitch</div>');
−
wide: '(max-width: 1680px)',
+
$("#text_mColE2").hide();
−
normal: '(max-width: 1280px)',
+
−
narrow: '(max-width: 980px)',
+
−
narrower: '(max-width: 840px)',
+
−
mobile: '(max-width: 736px)',
+
−
mobilep: '(max-width: 480px)'
+
−
});
+
  
−
$(function() {
 
  
−
var $window = $(window),
+
$("#box_right").append('<div id="text_mVenus" class="highlights" style="margin: 10px 0px 10px 0px;">mVenus which indicates a low nnAA concentration</div>');
−
$body = $('body');
+
$("#text_mVenus").hide();
  
−
// Disable animations/transitions until the page has loaded.
 
−
$body.addClass('is-loading');
 
  
−
$window.on('load', function() {
+
$("#box_right").append('<div id="text_Zif23-GCN4" class="highlights" style="margin: 10px 0px 10px 0px;">Zif23-GCN4 repressor which inhibits mVenus expression when nnAA is present</div>');
−
$body.removeClass('is-loading');
+
$("#text_Zif23-GCN4").hide();
−
});
+
  
−
// Fix: Placeholder polyfill.
 
−
$('form').placeholder();
 
  
−
// Prioritize "important" elements on narrower.
+
$("#box_right").append('<div id="text_tRNA" class="highlights" style="margin: 10px 0px 10px 0px;">tRNA which is necessary for incorporation of OMT</div>');
−
skel.on('+narrower -narrower', function() {
+
$("#text_tRNA").hide();
−
$.prioritize(
+
−
'.important\\28 narrower\\29',
+
−
skel.breakpoint('narrower').active
+
−
);
+
−
});
+
  
−
// Dropdowns.
 
−
$('#nav > ul').dropotron({
 
−
offsetY: -15,
 
−
hoverDelay: 0,
 
−
alignment: 'center'
 
−
});
 
  
−
// Off-Canvas Navigation.
+
$("#box_right").append('<div id="text_aaRS" class="highlights" style="margin: 10px 0px 10px 0px;">Aminoacyl tRNA synthetase which is responsible to load the tRNA with the nnAA</div>');
 +
$("#text_aaRS").hide();
  
−
// Title Bar.
 
−
$(
 
−
'<div id="titleBar">' +
 
−
'<a href="#navPanel" class="toggle"></a>' +
 
−
'<span class="title">' + $('#logo').html() + '</span>' +
 
−
'</div>'
 
−
)
 
−
.appendTo($body);
 
  
−
// Navigation Panel.
+
$("#box_right").append('<div id="text_GFP" class="highlights" style="margin: 10px 0px 10px 0px;">GFP which is integrated into the genome to measure the metabolic burden</div>');
−
$(
+
$("#text_GFP").hide();
−
'<div id="navPanel">' +
+
−
'<nav>' +
+
−
$('#nav').navList() +
+
−
'</nav>' +
+
−
'</div>'
+
−
)
+
−
.appendTo($body)
+
−
.panel({
+
−
delay: 500,
+
−
hideOnClick: true,
+
−
hideOnSwipe: true,
+
−
resetScroll: true,
+
−
resetForms: true,
+
−
side: 'left',
+
−
target: $body,
+
−
visibleClass: 'navPanel-visible'
+
−
});
+
  
−
// Fix: Remove navPanel transitions on WP<10 (poor/buggy performance).
 
−
if (skel.vars.os == 'wp' && skel.vars.osVersion < 10)
 
−
$('#titleBar, #navPanel, #page-wrapper')
 
−
.css('transition', 'none');
 
  
−
});
+
$("#box_right").append('<div id="text_attP" class="highlights" style="margin: 10px 0px 10px 0px;">&lambda;-<i>attP</i> site which marks the site of genomic integration</div>');
 +
$("#text_attP").hide();
  
−
})(jQuery);
 
  
−
// END Breakpoint stuff
+
$("#box_right").append('<div id="text_Integrase" class="highlights" style="margin: 10px 0px 10px 0px;">&lambda;-Integrase which is responsible for genomic integration with the lambda integrase system</div>');
−
// START Other stuff
+
$("#text_Integrase").hide();
  
−
$(document).ready(function(){
 
−
$("#header").load("header.html");
 
−
$("#footer").load("footer.html");
 
−
$(window).scroll(function(event){
 
−
var scrollY = $(window).scrollTop();
 
−
var navbar = $(".navbar");
 
−
var computer = $(".computer")
 
−
var tablet = $(".tablet")
 
−
var topButton = $('button.back_top');
 
−
var highlights = $(".rechts");
 
−
 
−
    if(scrollY > $("#title").height()){
 
−
navbar.css({"top":"17px", "position":"fixed"});
 
−
}else{
 
−
navbar.css({"top":"0", "position":"static"});
 
−
}
 
−
 
−
// if(scrollY > 1300){
 
−
// highlights.css({"top": "10vh","position": "fixed","right":"0"});
 
−
                // }else{
 
−
// highlights.css({"top": "0","position": "static"});
 
−
                //}
 
−
 
−
 
−
        /*$("#lab1b").click(function(){
 
−
$("#lab1c").toggle();
 
−
});*/
 
−
 
−
    });
 
−
$('#groupparts').load('cgi/api/groupparts.cgi',{
 
−
t:'iGEM016',g:'TU_Darmstadt'},function(){
 
−
$('#groupparts').tablesorter();});
 
−
 
−
});
 
  
 +
$("#Im2").mouseenter(function() {
 +
$("#text_Im2").show();
 +
$("#mColE2").css("opacity", 0.4);
 +
$("#mVenus").css("opacity", 0.4);
 +
$("#Zif23-GCN4").css("opacity", 0.4);
 +
$("#tRNA").css("opacity", 0.4);
 +
$("#aaRS").css("opacity", 0.4);
 +
$("#GFP").css("opacity", 0.4);
 +
$("#attP").css("opacity", 0.4);
 +
$("#Integrase").css("opacity", 0.4);
 +
$("#ring").css("opacity", 0.4);
 +
$("#rect4990").css("opacity", 0.4);
 +
}).mouseleave(function() {
 +
$("#text_Im2").hide();
 +
$("#mColE2").css("opacity", 1.0);
 +
$("#mVenus").css("opacity", 1.0);
 +
$("#Zif23-GCN4").css("opacity", 1.0);
 +
$("#tRNA").css("opacity", 1.0);
 +
$("#aaRS").css("opacity", 1.0);
 +
$("#GFP").css("opacity", 1.0);
 +
$("#attP").css("opacity", 1.0);
 +
$("#Integrase").css("opacity", 1.0);
 +
$("#ring").css("opacity", 1.0);
 +
$("#rect4990").css("opacity", 1.0);
 +
});
  
−
$(document).ready(function(){
+
 
−
+
 
−
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
+
$("#mColE2").mouseenter(function() {
−
$(".tablet").show();
+
$("#text_mColE2").show();
−
$("#tabletbutton").click(function(){
+
$("#Im2").css("opacity", 0.4);
−
$("#tabletmenu").toggle();
+
$("#mVenus").css("opacity", 0.4);
 +
$("#Zif23-GCN4").css("opacity", 0.4);
 +
$("#tRNA").css("opacity", 0.4);
 +
$("#aaRS").css("opacity", 0.4);
 +
$("#GFP").css("opacity", 0.4);
 +
$("#attP").css("opacity", 0.4);
 +
$("#Integrase").css("opacity", 0.4);
 +
$("#ring").css("opacity", 0.4);
 +
$("#rect4990").css("opacity", 0.4);
 +
}).mouseleave(function() {
 +
$("#text_mColE2").hide();
 +
$("#Im2").css("opacity", 1.0);
 +
$("#mVenus").css("opacity", 1.0);
 +
$("#Zif23-GCN4").css("opacity", 1.0);
 +
$("#tRNA").css("opacity", 1.0);
 +
$("#aaRS").css("opacity", 1.0);
 +
$("#GFP").css("opacity", 1.0);
 +
$("#attP").css("opacity", 1.0);
 +
$("#Integrase").css("opacity", 1.0);
 +
$("#ring").css("opacity", 1.0);
 +
$("#rect4990").css("opacity", 1.0);
 
});
 
});
−
}
+
 
−
else{
+
 
−
$(".computer").show();
+
 
−
}
+
$("#mVenus").mouseenter(function() {
 +
$("#text_mVenus").show();
 +
$("#Im2").css("opacity", 0.4);
 +
$("#mColE2").css("opacity", 0.4);
 +
$("#Zif23-GCN4").css("opacity", 0.4);
 +
$("#tRNA").css("opacity", 0.4);
 +
$("#aaRS").css("opacity", 0.4);
 +
$("#GFP").css("opacity", 0.4);
 +
$("#attP").css("opacity", 0.4);
 +
$("#Integrase").css("opacity", 0.4);
 +
$("#ring").css("opacity", 0.4);
 +
$("#rect4990").css("opacity", 0.4);
 +
}).mouseleave(function() {
 +
$("#text_mVenus").hide();
 +
$("#Im2").css("opacity", 1.0);
 +
$("#mColE2").css("opacity", 1.0);
 +
$("#Zif23-GCN4").css("opacity", 1.0);
 +
$("#tRNA").css("opacity", 1.0);
 +
$("#aaRS").css("opacity", 1.0);
 +
$("#GFP").css("opacity", 1.0);
 +
$("#attP").css("opacity", 1.0);
 +
$("#Integrase").css("opacity", 1.0);
 +
$("#ring").css("opacity", 1.0);
 +
$("#rect4990").css("opacity", 1.0);
 +
});
 +
 
 +
 
 +
 
 +
$("#Zif23-GCN4").mouseenter(function() {
 +
$("#text_Zif23-GCN4").show();
 +
$("#Im2").css("opacity", 0.4);
 +
$("#mColE2").css("opacity", 0.4);
 +
$("#mVenus").css("opacity", 0.4);
 +
$("#tRNA").css("opacity", 0.4);
 +
$("#aaRS").css("opacity", 0.4);
 +
$("#GFP").css("opacity", 0.4);
 +
$("#attP").css("opacity", 0.4);
 +
$("#Integrase").css("opacity", 0.4);
 +
$("#ring").css("opacity", 0.4);
 +
$("#rect4990").css("opacity", 0.4);
 +
}).mouseleave(function() {
 +
$("#text_Zif23-GCN4").hide();
 +
$("#Im2").css("opacity", 1.0);
 +
$("#mColE2").css("opacity", 1.0);
 +
$("#mVenus").css("opacity", 1.0);
 +
$("#tRNA").css("opacity", 1.0);
 +
$("#aaRS").css("opacity", 1.0);
 +
$("#GFP").css("opacity", 1.0);
 +
$("#attP").css("opacity", 1.0);
 +
$("#Integrase").css("opacity", 1.0);
 +
$("#ring").css("opacity", 1.0);
 +
$("#rect4990").css("opacity", 1.0);
 +
});
 +
 
 +
 
 +
 
 +
$("#tRNA").mouseenter(function() {
 +
$("#text_tRNA").show();
 +
$("#Im2").css("opacity", 0.4);
 +
$("#mColE2").css("opacity", 0.4);
 +
$("#mVenus").css("opacity", 0.4);
 +
$("#Zif23-GCN4").css("opacity", 0.4);
 +
$("#aaRS").css("opacity", 0.4);
 +
$("#GFP").css("opacity", 0.4);
 +
$("#attP").css("opacity", 0.4);
 +
$("#Integrase").css("opacity", 0.4);
 +
$("#ring").css("opacity", 0.4);
 +
$("#rect4990").css("opacity", 0.4);
 +
}).mouseleave(function() {
 +
$("#text_tRNA").hide();
 +
$("#Im2").css("opacity", 1.0);
 +
$("#mColE2").css("opacity", 1.0);
 +
$("#mVenus").css("opacity", 1.0);
 +
$("#Zif23-GCN4").css("opacity", 1.0);
 +
$("#aaRS").css("opacity", 1.0);
 +
$("#GFP").css("opacity", 1.0);
 +
$("#attP").css("opacity", 1.0);
 +
$("#Integrase").css("opacity", 1.0);
 +
$("#ring").css("opacity", 1.0);
 +
$("#rect4990").css("opacity", 1.0);
 +
});
 +
 
 +
 
 +
 
 +
$("#aaRS").mouseenter(function() {
 +
$("#text_aaRS").show();
 +
$("#Im2").css("opacity", 0.4);
 +
$("#mColE2").css("opacity", 0.4);
 +
$("#mVenus").css("opacity", 0.4);
 +
$("#Zif23-GCN4").css("opacity", 0.4);
 +
$("#tRNA").css("opacity", 0.4);
 +
$("#GFP").css("opacity", 0.4);
 +
$("#attP").css("opacity", 0.4);
 +
$("#Integrase").css("opacity", 0.4);
 +
$("#ring").css("opacity", 0.4);
 +
$("#rect4990").css("opacity", 0.4);
 +
}).mouseleave(function() {
 +
$("#text_aaRS").hide();
 +
$("#Im2").css("opacity", 1.0);
 +
$("#mColE2").css("opacity", 1.0);
 +
$("#mVenus").css("opacity", 1.0);
 +
$("#Zif23-GCN4").css("opacity", 1.0);
 +
$("#tRNA").css("opacity", 1.0);
 +
$("#GFP").css("opacity", 1.0);
 +
$("#attP").css("opacity", 1.0);
 +
$("#Integrase").css("opacity", 1.0);
 +
$("#ring").css("opacity", 1.0);
 +
$("#rect4990").css("opacity", 1.0);
 +
});
 +
 
 +
 
 +
 
 +
$("#GFP").mouseenter(function() {
 +
$("#text_GFP").show();
 +
$("#Im2").css("opacity", 0.4);
 +
$("#mColE2").css("opacity", 0.4);
 +
$("#mVenus").css("opacity", 0.4);
 +
$("#Zif23-GCN4").css("opacity", 0.4);
 +
$("#tRNA").css("opacity", 0.4);
 +
$("#aaRS").css("opacity", 0.4);
 +
$("#attP").css("opacity", 0.4);
 +
$("#Integrase").css("opacity", 0.4);
 +
$("#ring").css("opacity", 0.4);
 +
$("#rect4990").css("opacity", 0.4);
 +
}).mouseleave(function() {
 +
$("#text_GFP").hide();
 +
$("#Im2").css("opacity", 1.0);
 +
$("#mColE2").css("opacity", 1.0);
 +
$("#mVenus").css("opacity", 1.0);
 +
$("#Zif23-GCN4").css("opacity", 1.0);
 +
$("#tRNA").css("opacity", 1.0);
 +
$("#aaRS").css("opacity", 1.0);
 +
$("#attP").css("opacity", 1.0);
 +
$("#Integrase").css("opacity", 1.0);
 +
$("#ring").css("opacity", 1.0);
 +
$("#rect4990").css("opacity", 1.0);
 +
});
 +
 
 +
 
 +
 
 +
$("#attP").mouseenter(function() {
 +
$("#text_attP").show();
 +
$("#Im2").css("opacity", 0.4);
 +
$("#mColE2").css("opacity", 0.4);
 +
$("#mVenus").css("opacity", 0.4);
 +
$("#Zif23-GCN4").css("opacity", 0.4);
 +
$("#tRNA").css("opacity", 0.4);
 +
$("#aaRS").css("opacity", 0.4);
 +
$("#GFP").css("opacity", 0.4);
 +
$("#Integrase").css("opacity", 0.4);
 +
$("#ring").css("opacity", 0.4);
 +
$("#rect4990").css("opacity", 0.4);
 +
}).mouseleave(function() {
 +
$("#text_attP").hide();
 +
$("#Im2").css("opacity", 1.0);
 +
$("#mColE2").css("opacity", 1.0);
 +
$("#mVenus").css("opacity", 1.0);
 +
$("#Zif23-GCN4").css("opacity", 1.0);
 +
$("#tRNA").css("opacity", 1.0);
 +
$("#aaRS").css("opacity", 1.0);
 +
$("#GFP").css("opacity", 1.0);
 +
$("#Integrase").css("opacity", 1.0);
 +
$("#ring").css("opacity", 1.0);
 +
$("#rect4990").css("opacity", 1.0);
 +
});
 +
 
 +
 
 +
 
 +
$("#Integrase").mouseenter(function() {
 +
$("#text_Integrase").show();
 +
$("#Im2").css("opacity", 0.4);
 +
$("#mColE2").css("opacity", 0.4);
 +
$("#mVenus").css("opacity", 0.4);
 +
$("#Zif23-GCN4").css("opacity", 0.4);
 +
$("#tRNA").css("opacity", 0.4);
 +
$("#aaRS").css("opacity", 0.4);
 +
$("#GFP").css("opacity", 0.4);
 +
$("#attP").css("opacity", 0.4);
 +
$("#ring").css("opacity", 0.4);
 +
$("#rect4990").css("opacity", 0.4);
 +
}).mouseleave(function() {
 +
$("#text_Integrase").hide();
 +
$("#Im2").css("opacity", 1.0);
 +
$("#mColE2").css("opacity", 1.0);
 +
$("#mVenus").css("opacity", 1.0);
 +
$("#Zif23-GCN4").css("opacity", 1.0);
 +
$("#tRNA").css("opacity", 1.0);
 +
$("#aaRS").css("opacity", 1.0);
 +
$("#GFP").css("opacity", 1.0);
 +
$("#attP").css("opacity", 1.0);
 +
$("#ring").css("opacity", 1.0);
 +
$("#rect4990").css("opacity", 1.0);
 +
});
 +
 
 +
 
 
});
 
});
  
−
$(document).ready(function(){
+
// END MainMenu
−
+
// START ScrollBox
−
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
+
 
−
$("#logoleiste").css({"width":"70vw"});
+
$(window).scroll(function(e) {
−
}
+
  var $element = $('.scrollbox');
−
else{
+
  var headerHeight = $('#head').outerHeight() - 30;
−
$("#logoleiste").css({"width":"50vw"});
+
  var isFixed = ($element.css('position') == 'fixed');
−
}
+
 
 +
  if ($(this).scrollTop() > headerHeight) {
 +
    if(!isFixed) {
 +
        $element.addClass("scrolled");
 +
    }
 +
  }
 +
  if ($(this).scrollTop() < headerHeight) {
 +
    if(isFixed) {
 +
        $element.removeClass("scrolled");
 +
    }
 +
  }
 
});
 
});
  
−
// END Other stuff
+
function scrollToTop() {
 +
  $('body,html').animate({
 +
    scrollTop: 0
 +
  }, 400);
 +
}
 +
 
 +
// END ScrollBox

Latest revision as of 01:36, 20 October 2016

// 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');
   }
 });


$("#box_right").append('
Immunity protein which inhibits miniColicin (DNase) and is a part of our killswitch
');

$("#text_Im2").hide();


$("#box_right").append('
miniColicin which is a part of our killswitch
');

$("#text_mColE2").hide();


$("#box_right").append('
mVenus which indicates a low nnAA concentration
');

$("#text_mVenus").hide();


$("#box_right").append('
Zif23-GCN4 repressor which inhibits mVenus expression when nnAA is present
');

$("#text_Zif23-GCN4").hide();


$("#box_right").append('
tRNA which is necessary for incorporation of OMT
');

$("#text_tRNA").hide();


$("#box_right").append('
Aminoacyl tRNA synthetase which is responsible to load the tRNA with the nnAA
');

$("#text_aaRS").hide();


$("#box_right").append('
GFP which is integrated into the genome to measure the metabolic burden
');

$("#text_GFP").hide();


$("#box_right").append('
λ-attP site which marks the site of genomic integration
');

$("#text_attP").hide();


$("#box_right").append('
λ-Integrase which is responsible for genomic integration with the lambda integrase system
');

$("#text_Integrase").hide();


$("#Im2").mouseenter(function() { $("#text_Im2").show(); $("#mColE2").css("opacity", 0.4); $("#mVenus").css("opacity", 0.4); $("#Zif23-GCN4").css("opacity", 0.4); $("#tRNA").css("opacity", 0.4); $("#aaRS").css("opacity", 0.4); $("#GFP").css("opacity", 0.4); $("#attP").css("opacity", 0.4); $("#Integrase").css("opacity", 0.4); $("#ring").css("opacity", 0.4); $("#rect4990").css("opacity", 0.4); }).mouseleave(function() { $("#text_Im2").hide(); $("#mColE2").css("opacity", 1.0); $("#mVenus").css("opacity", 1.0); $("#Zif23-GCN4").css("opacity", 1.0); $("#tRNA").css("opacity", 1.0); $("#aaRS").css("opacity", 1.0); $("#GFP").css("opacity", 1.0); $("#attP").css("opacity", 1.0); $("#Integrase").css("opacity", 1.0); $("#ring").css("opacity", 1.0); $("#rect4990").css("opacity", 1.0); });


$("#mColE2").mouseenter(function() { $("#text_mColE2").show(); $("#Im2").css("opacity", 0.4); $("#mVenus").css("opacity", 0.4); $("#Zif23-GCN4").css("opacity", 0.4); $("#tRNA").css("opacity", 0.4); $("#aaRS").css("opacity", 0.4); $("#GFP").css("opacity", 0.4); $("#attP").css("opacity", 0.4); $("#Integrase").css("opacity", 0.4); $("#ring").css("opacity", 0.4); $("#rect4990").css("opacity", 0.4); }).mouseleave(function() { $("#text_mColE2").hide(); $("#Im2").css("opacity", 1.0); $("#mVenus").css("opacity", 1.0); $("#Zif23-GCN4").css("opacity", 1.0); $("#tRNA").css("opacity", 1.0); $("#aaRS").css("opacity", 1.0); $("#GFP").css("opacity", 1.0); $("#attP").css("opacity", 1.0); $("#Integrase").css("opacity", 1.0); $("#ring").css("opacity", 1.0); $("#rect4990").css("opacity", 1.0); });


$("#mVenus").mouseenter(function() { $("#text_mVenus").show(); $("#Im2").css("opacity", 0.4); $("#mColE2").css("opacity", 0.4); $("#Zif23-GCN4").css("opacity", 0.4); $("#tRNA").css("opacity", 0.4); $("#aaRS").css("opacity", 0.4); $("#GFP").css("opacity", 0.4); $("#attP").css("opacity", 0.4); $("#Integrase").css("opacity", 0.4); $("#ring").css("opacity", 0.4); $("#rect4990").css("opacity", 0.4); }).mouseleave(function() { $("#text_mVenus").hide(); $("#Im2").css("opacity", 1.0); $("#mColE2").css("opacity", 1.0); $("#Zif23-GCN4").css("opacity", 1.0); $("#tRNA").css("opacity", 1.0); $("#aaRS").css("opacity", 1.0); $("#GFP").css("opacity", 1.0); $("#attP").css("opacity", 1.0); $("#Integrase").css("opacity", 1.0); $("#ring").css("opacity", 1.0); $("#rect4990").css("opacity", 1.0); });


$("#Zif23-GCN4").mouseenter(function() { $("#text_Zif23-GCN4").show(); $("#Im2").css("opacity", 0.4); $("#mColE2").css("opacity", 0.4); $("#mVenus").css("opacity", 0.4); $("#tRNA").css("opacity", 0.4); $("#aaRS").css("opacity", 0.4); $("#GFP").css("opacity", 0.4); $("#attP").css("opacity", 0.4); $("#Integrase").css("opacity", 0.4); $("#ring").css("opacity", 0.4); $("#rect4990").css("opacity", 0.4); }).mouseleave(function() { $("#text_Zif23-GCN4").hide(); $("#Im2").css("opacity", 1.0); $("#mColE2").css("opacity", 1.0); $("#mVenus").css("opacity", 1.0); $("#tRNA").css("opacity", 1.0); $("#aaRS").css("opacity", 1.0); $("#GFP").css("opacity", 1.0); $("#attP").css("opacity", 1.0); $("#Integrase").css("opacity", 1.0); $("#ring").css("opacity", 1.0); $("#rect4990").css("opacity", 1.0); });


$("#tRNA").mouseenter(function() { $("#text_tRNA").show(); $("#Im2").css("opacity", 0.4); $("#mColE2").css("opacity", 0.4); $("#mVenus").css("opacity", 0.4); $("#Zif23-GCN4").css("opacity", 0.4); $("#aaRS").css("opacity", 0.4); $("#GFP").css("opacity", 0.4); $("#attP").css("opacity", 0.4); $("#Integrase").css("opacity", 0.4); $("#ring").css("opacity", 0.4); $("#rect4990").css("opacity", 0.4); }).mouseleave(function() { $("#text_tRNA").hide(); $("#Im2").css("opacity", 1.0); $("#mColE2").css("opacity", 1.0); $("#mVenus").css("opacity", 1.0); $("#Zif23-GCN4").css("opacity", 1.0); $("#aaRS").css("opacity", 1.0); $("#GFP").css("opacity", 1.0); $("#attP").css("opacity", 1.0); $("#Integrase").css("opacity", 1.0); $("#ring").css("opacity", 1.0); $("#rect4990").css("opacity", 1.0); });


$("#aaRS").mouseenter(function() { $("#text_aaRS").show(); $("#Im2").css("opacity", 0.4); $("#mColE2").css("opacity", 0.4); $("#mVenus").css("opacity", 0.4); $("#Zif23-GCN4").css("opacity", 0.4); $("#tRNA").css("opacity", 0.4); $("#GFP").css("opacity", 0.4); $("#attP").css("opacity", 0.4); $("#Integrase").css("opacity", 0.4); $("#ring").css("opacity", 0.4); $("#rect4990").css("opacity", 0.4); }).mouseleave(function() { $("#text_aaRS").hide(); $("#Im2").css("opacity", 1.0); $("#mColE2").css("opacity", 1.0); $("#mVenus").css("opacity", 1.0); $("#Zif23-GCN4").css("opacity", 1.0); $("#tRNA").css("opacity", 1.0); $("#GFP").css("opacity", 1.0); $("#attP").css("opacity", 1.0); $("#Integrase").css("opacity", 1.0); $("#ring").css("opacity", 1.0); $("#rect4990").css("opacity", 1.0); });


$("#GFP").mouseenter(function() { $("#text_GFP").show(); $("#Im2").css("opacity", 0.4); $("#mColE2").css("opacity", 0.4); $("#mVenus").css("opacity", 0.4); $("#Zif23-GCN4").css("opacity", 0.4); $("#tRNA").css("opacity", 0.4); $("#aaRS").css("opacity", 0.4); $("#attP").css("opacity", 0.4); $("#Integrase").css("opacity", 0.4); $("#ring").css("opacity", 0.4); $("#rect4990").css("opacity", 0.4); }).mouseleave(function() { $("#text_GFP").hide(); $("#Im2").css("opacity", 1.0); $("#mColE2").css("opacity", 1.0); $("#mVenus").css("opacity", 1.0); $("#Zif23-GCN4").css("opacity", 1.0); $("#tRNA").css("opacity", 1.0); $("#aaRS").css("opacity", 1.0); $("#attP").css("opacity", 1.0); $("#Integrase").css("opacity", 1.0); $("#ring").css("opacity", 1.0); $("#rect4990").css("opacity", 1.0); });


$("#attP").mouseenter(function() { $("#text_attP").show(); $("#Im2").css("opacity", 0.4); $("#mColE2").css("opacity", 0.4); $("#mVenus").css("opacity", 0.4); $("#Zif23-GCN4").css("opacity", 0.4); $("#tRNA").css("opacity", 0.4); $("#aaRS").css("opacity", 0.4); $("#GFP").css("opacity", 0.4); $("#Integrase").css("opacity", 0.4); $("#ring").css("opacity", 0.4); $("#rect4990").css("opacity", 0.4); }).mouseleave(function() { $("#text_attP").hide(); $("#Im2").css("opacity", 1.0); $("#mColE2").css("opacity", 1.0); $("#mVenus").css("opacity", 1.0); $("#Zif23-GCN4").css("opacity", 1.0); $("#tRNA").css("opacity", 1.0); $("#aaRS").css("opacity", 1.0); $("#GFP").css("opacity", 1.0); $("#Integrase").css("opacity", 1.0); $("#ring").css("opacity", 1.0); $("#rect4990").css("opacity", 1.0); });


$("#Integrase").mouseenter(function() { $("#text_Integrase").show(); $("#Im2").css("opacity", 0.4); $("#mColE2").css("opacity", 0.4); $("#mVenus").css("opacity", 0.4); $("#Zif23-GCN4").css("opacity", 0.4); $("#tRNA").css("opacity", 0.4); $("#aaRS").css("opacity", 0.4); $("#GFP").css("opacity", 0.4); $("#attP").css("opacity", 0.4); $("#ring").css("opacity", 0.4); $("#rect4990").css("opacity", 0.4); }).mouseleave(function() { $("#text_Integrase").hide(); $("#Im2").css("opacity", 1.0); $("#mColE2").css("opacity", 1.0); $("#mVenus").css("opacity", 1.0); $("#Zif23-GCN4").css("opacity", 1.0); $("#tRNA").css("opacity", 1.0); $("#aaRS").css("opacity", 1.0); $("#GFP").css("opacity", 1.0); $("#attP").css("opacity", 1.0); $("#ring").css("opacity", 1.0); $("#rect4990").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