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

 
(2 intermediate revisions by 2 users not shown)
Line 14: Line 14:
  
  
−
$("#rect4300-8").mouseenter(function() {
+
$("#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>');
−
$("#path4287-7").css("opacity", 0.4);
+
$("#text_Im2").hide();
−
$("#path5498").css("opacity", 0.4);
+
 
−
$("#path4308").css("opacity", 0.4);
+
 
−
$("#path4310").css("opacity", 0.4);
+
$("#box_right").append('<div id="text_mColE2" class="highlights" style="margin: 10px 0px 10px 0px;">miniColicin which is a part of our killswitch</div>');
−
$("#path4314").css("opacity", 0.4);
+
$("#text_mColE2").hide();
−
$("#path4316").css("opacity", 0.4);
+
 
−
$("#path4236").css("opacity", 0.4);
+
 
−
$("#path4256").css("opacity", 0.4);
+
$("#box_right").append('<div id="text_mVenus" class="highlights" style="margin: 10px 0px 10px 0px;">mVenus which indicates a low nnAA concentration</div>');
−
$("#path4266").css("opacity", 0.4);
+
$("#text_mVenus").hide();
−
$("#path4268").css("opacity", 0.4);
+
 
−
$("#path4362").css("opacity", 0.4);
+
 
−
$("#path4354").css("opacity", 0.4);
+
$("#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>');
−
$("#path4356").css("opacity", 0.4);
+
$("#text_Zif23-GCN4").hide();
−
$("#path4278").css("opacity", 0.4);
+
 
−
$("#path4280").css("opacity", 0.4);
+
 
−
$("#path4236-8").css("opacity", 0.4);
+
$("#box_right").append('<div id="text_tRNA" class="highlights" style="margin: 10px 0px 10px 0px;">tRNA which is necessary for incorporation of OMT</div>');
−
$("#path4256-3").css("opacity", 0.4);
+
$("#text_tRNA").hide();
−
$("#path4266-8").css("opacity", 0.4);
+
 
−
$("#path4268-4").css("opacity", 0.4);
+
 
−
$("#path4308-8").css("opacity", 0.4);
+
$("#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>');
−
$("#path4310-7").css("opacity", 0.4);
+
$("#text_aaRS").hide();
−
$("#tspan4331").css("opacity", 0.4);
+
 
−
$("#tspan4355").css("opacity", 0.4);
+
 
−
$("#tspan4361").css("opacity", 0.4);
+
$("#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>');
−
$("#tspan4365").css("opacity", 0.4);
+
$("#text_GFP").hide();
−
$("#tspan4389").css("opacity", 0.4);
+
 
−
$("#tspan4393").css("opacity", 0.4);
+
 
−
$("#tspan4327").css("opacity", 0.4);
+
$("#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>');
−
$("#tspan4341").css("opacity", 0.4);
+
$("#text_attP").hide();
−
$("#tspan4345").css("opacity", 0.4);
+
 
−
$("#tspan4397").css("opacity", 0.4);
+
−
$("#tspan4427").css("opacity", 0.4);
+
−
$("#tspan4371").css("opacity", 0.4);
+
−
$("#tspan4423").css("opacity", 0.4);
+
−
$("#tspan4439").css("opacity", 0.4);
+
−
$("#tspan4337").css("opacity", 0.4);
+
−
$("#tspan4477").css("opacity", 0.4);
+
−
$("#tspan4481").css("opacity", 0.4);
+
−
$("#tspan4485").css("opacity", 0.4);
+
−
$("#rect4271-6").css("opacity", 0.4);
+
−
$("#rect4250-5").css("opacity", 0.4);
+
−
$("#rect4300").css("opacity", 0.4);
+
−
$("#rect4294").css("opacity", 0.4);
+
−
$("#rect4271").css("opacity", 0.4);
+
−
$("#rect4250").css("opacity", 0.4);
+
−
$("#rect4340").css("opacity", 0.4);
+
−
$("#rect4334").css("opacity", 0.4);
+
−
}).mouseleave(function() {
+
−
$("#path4287-7").css("opacity", 1.0);
+
−
$("#path5498").css("opacity", 1.0);
+
−
$("#path4308").css("opacity", 1.0);
+
−
$("#path4310").css("opacity", 1.0);
+
−
$("#path4314").css("opacity", 1.0);
+
−
$("#path4316").css("opacity", 1.0);
+
−
$("#path4236").css("opacity", 1.0);
+
−
$("#path4256").css("opacity", 1.0);
+
−
$("#path4266").css("opacity", 1.0);
+
−
$("#path4268").css("opacity", 1.0);
+
−
$("#path4362").css("opacity", 1.0);
+
−
$("#path4354").css("opacity", 1.0);
+
−
$("#path4356").css("opacity", 1.0);
+
−
$("#path4278").css("opacity", 1.0);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 1.0);
+
−
$("#path4310-7").css("opacity", 1.0);
+
−
$("#tspan4331").css("opacity", 1.0);
+
−
$("#tspan4355").css("opacity", 1.0);
+
−
$("#tspan4361").css("opacity", 1.0);
+
−
$("#tspan4365").css("opacity", 1.0);
+
−
$("#tspan4389").css("opacity", 1.0);
+
−
$("#tspan4393").css("opacity", 1.0);
+
−
$("#tspan4327").css("opacity", 1.0);
+
−
$("#tspan4341").css("opacity", 1.0);
+
−
$("#tspan4345").css("opacity", 1.0);
+
−
$("#tspan4397").css("opacity", 1.0);
+
−
$("#tspan4427").css("opacity", 1.0);
+
−
$("#tspan4371").css("opacity", 1.0);
+
−
$("#tspan4423").css("opacity", 1.0);
+
−
$("#tspan4439").css("opacity", 1.0);
+
−
$("#tspan4337").css("opacity", 1.0);
+
−
$("#tspan4477").css("opacity", 1.0);
+
−
$("#tspan4481").css("opacity", 1.0);
+
−
$("#tspan4485").css("opacity", 1.0);
+
−
$("#rect4271-6").css("opacity", 1.0);
+
−
$("#rect4250-5").css("opacity", 1.0);
+
−
$("#rect4300").css("opacity", 1.0);
+
−
$("#rect4294").css("opacity", 1.0);
+
−
$("#rect4271").css("opacity", 1.0);
+
−
$("#rect4250").css("opacity", 1.0);
+
−
$("#rect4340").css("opacity", 1.0);
+
−
$("#rect4334").css("opacity", 1.0);
+
−
});
+
  
 +
$("#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>');
 +
$("#text_Integrase").hide();
  
  
−
$("#rect4271-6").mouseenter(function() {
+
$("#Im2").mouseenter(function() {
−
$("#path4287-7").css("opacity", 0.4);
+
$("#text_Im2").show();
−
$("#path5498").css("opacity", 0.4);
+
$("#mColE2").css("opacity", 0.4);
−
$("#path4308").css("opacity", 0.4);
+
$("#mVenus").css("opacity", 0.4);
−
$("#path4310").css("opacity", 0.4);
+
$("#Zif23-GCN4").css("opacity", 0.4);
−
$("#path4314").css("opacity", 0.4);
+
$("#tRNA").css("opacity", 0.4);
−
$("#path4316").css("opacity", 0.4);
+
$("#aaRS").css("opacity", 0.4);
−
$("#path4236").css("opacity", 0.4);
+
$("#GFP").css("opacity", 0.4);
−
$("#path4256").css("opacity", 0.4);
+
$("#attP").css("opacity", 0.4);
−
$("#path4266").css("opacity", 0.4);
+
$("#Integrase").css("opacity", 0.4);
−
$("#path4268").css("opacity", 0.4);
+
$("#ring").css("opacity", 0.4);
−
$("#path4362").css("opacity", 0.4);
+
$("#rect4990").css("opacity", 0.4);
−
$("#path4354").css("opacity", 0.4);
+
−
$("#path4356").css("opacity", 0.4);
+
−
$("#path4278").css("opacity", 0.4);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 0.4);
+
−
$("#path4310-7").css("opacity", 0.4);
+
−
$("#tspan4331").css("opacity", 0.4);
+
−
$("#tspan4355").css("opacity", 0.4);
+
−
$("#tspan4361").css("opacity", 0.4);
+
−
$("#tspan4365").css("opacity", 0.4);
+
−
$("#tspan4389").css("opacity", 0.4);
+
−
$("#tspan4393").css("opacity", 0.4);
+
−
$("#tspan4327").css("opacity", 0.4);
+
−
$("#tspan4341").css("opacity", 0.4);
+
−
$("#tspan4345").css("opacity", 0.4);
+
−
$("#tspan4397").css("opacity", 0.4);
+
−
$("#tspan4427").css("opacity", 0.4);
+
−
$("#tspan4371").css("opacity", 0.4);
+
−
$("#tspan4423").css("opacity", 0.4);
+
−
$("#tspan4439").css("opacity", 0.4);
+
−
$("#tspan4337").css("opacity", 0.4);
+
−
$("#tspan4477").css("opacity", 0.4);
+
−
$("#tspan4481").css("opacity", 0.4);
+
−
$("#tspan4485").css("opacity", 0.4);
+
−
$("#rect4300-8").css("opacity", 0.4);
+
−
$("#rect4250-5").css("opacity", 0.4);
+
−
$("#rect4300").css("opacity", 0.4);
+
−
$("#rect4294").css("opacity", 0.4);
+
−
$("#rect4271").css("opacity", 0.4);
+
−
$("#rect4250").css("opacity", 0.4);
+
−
$("#rect4340").css("opacity", 0.4);
+
−
$("#rect4334").css("opacity", 0.4);
+
 
}).mouseleave(function() {
 
}).mouseleave(function() {
−
$("#path4287-7").css("opacity", 1.0);
+
$("#text_Im2").hide();
−
$("#path5498").css("opacity", 1.0);
+
$("#mColE2").css("opacity", 1.0);
−
$("#path4308").css("opacity", 1.0);
+
$("#mVenus").css("opacity", 1.0);
−
$("#path4310").css("opacity", 1.0);
+
$("#Zif23-GCN4").css("opacity", 1.0);
−
$("#path4314").css("opacity", 1.0);
+
$("#tRNA").css("opacity", 1.0);
−
$("#path4316").css("opacity", 1.0);
+
$("#aaRS").css("opacity", 1.0);
−
$("#path4236").css("opacity", 1.0);
+
$("#GFP").css("opacity", 1.0);
−
$("#path4256").css("opacity", 1.0);
+
$("#attP").css("opacity", 1.0);
−
$("#path4266").css("opacity", 1.0);
+
$("#Integrase").css("opacity", 1.0);
−
$("#path4268").css("opacity", 1.0);
+
$("#ring").css("opacity", 1.0);
−
$("#path4362").css("opacity", 1.0);
+
$("#rect4990").css("opacity", 1.0);
−
$("#path4354").css("opacity", 1.0);
+
−
$("#path4356").css("opacity", 1.0);
+
−
$("#path4278").css("opacity", 1.0);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 1.0);
+
−
$("#path4310-7").css("opacity", 1.0);
+
−
$("#tspan4331").css("opacity", 1.0);
+
−
$("#tspan4355").css("opacity", 1.0);
+
−
$("#tspan4361").css("opacity", 1.0);
+
−
$("#tspan4365").css("opacity", 1.0);
+
−
$("#tspan4389").css("opacity", 1.0);
+
−
$("#tspan4393").css("opacity", 1.0);
+
−
$("#tspan4327").css("opacity", 1.0);
+
−
$("#tspan4341").css("opacity", 1.0);
+
−
$("#tspan4345").css("opacity", 1.0);
+
−
$("#tspan4397").css("opacity", 1.0);
+
−
$("#tspan4427").css("opacity", 1.0);
+
−
$("#tspan4371").css("opacity", 1.0);
+
−
$("#tspan4423").css("opacity", 1.0);
+
−
$("#tspan4439").css("opacity", 1.0);
+
−
$("#tspan4337").css("opacity", 1.0);
+
−
$("#tspan4477").css("opacity", 1.0);
+
−
$("#tspan4481").css("opacity", 1.0);
+
−
$("#tspan4485").css("opacity", 1.0);
+
−
$("#rect4300-8").css("opacity", 1.0);
+
−
$("#rect4250-5").css("opacity", 1.0);
+
−
$("#rect4300").css("opacity", 1.0);
+
−
$("#rect4294").css("opacity", 1.0);
+
−
$("#rect4271").css("opacity", 1.0);
+
−
$("#rect4250").css("opacity", 1.0);
+
−
$("#rect4340").css("opacity", 1.0);
+
−
$("#rect4334").css("opacity", 1.0);
+
 
});
 
});
  
  
  
−
$("#rect4250-5").mouseenter(function() {
+
$("#mColE2").mouseenter(function() {
−
$("#path4287-7").css("opacity", 0.4);
+
$("#text_mColE2").show();
−
$("#path5498").css("opacity", 0.4);
+
$("#Im2").css("opacity", 0.4);
−
$("#path4308").css("opacity", 0.4);
+
$("#mVenus").css("opacity", 0.4);
−
$("#path4310").css("opacity", 0.4);
+
$("#Zif23-GCN4").css("opacity", 0.4);
−
$("#path4314").css("opacity", 0.4);
+
$("#tRNA").css("opacity", 0.4);
−
$("#path4316").css("opacity", 0.4);
+
$("#aaRS").css("opacity", 0.4);
−
$("#path4236").css("opacity", 0.4);
+
$("#GFP").css("opacity", 0.4);
−
$("#path4256").css("opacity", 0.4);
+
$("#attP").css("opacity", 0.4);
−
$("#path4266").css("opacity", 0.4);
+
$("#Integrase").css("opacity", 0.4);
−
$("#path4268").css("opacity", 0.4);
+
$("#ring").css("opacity", 0.4);
−
$("#path4362").css("opacity", 0.4);
+
$("#rect4990").css("opacity", 0.4);
−
$("#path4354").css("opacity", 0.4);
+
−
$("#path4356").css("opacity", 0.4);
+
−
$("#path4278").css("opacity", 0.4);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 0.4);
+
−
$("#path4310-7").css("opacity", 0.4);
+
−
$("#tspan4331").css("opacity", 0.4);
+
−
$("#tspan4355").css("opacity", 0.4);
+
−
$("#tspan4361").css("opacity", 0.4);
+
−
$("#tspan4365").css("opacity", 0.4);
+
−
$("#tspan4389").css("opacity", 0.4);
+
−
$("#tspan4393").css("opacity", 0.4);
+
−
$("#tspan4327").css("opacity", 0.4);
+
−
$("#tspan4341").css("opacity", 0.4);
+
−
$("#tspan4345").css("opacity", 0.4);
+
−
$("#tspan4397").css("opacity", 0.4);
+
−
$("#tspan4427").css("opacity", 0.4);
+
−
$("#tspan4371").css("opacity", 0.4);
+
−
$("#tspan4423").css("opacity", 0.4);
+
−
$("#tspan4439").css("opacity", 0.4);
+
−
$("#tspan4337").css("opacity", 0.4);
+
−
$("#tspan4477").css("opacity", 0.4);
+
−
$("#tspan4481").css("opacity", 0.4);
+
−
$("#tspan4485").css("opacity", 0.4);
+
−
$("#rect4300-8").css("opacity", 0.4);
+
−
$("#rect4271-6").css("opacity", 0.4);
+
−
$("#rect4300").css("opacity", 0.4);
+
−
$("#rect4294").css("opacity", 0.4);
+
−
$("#rect4271").css("opacity", 0.4);
+
−
$("#rect4250").css("opacity", 0.4);
+
−
$("#rect4340").css("opacity", 0.4);
+
−
$("#rect4334").css("opacity", 0.4);
+
 
}).mouseleave(function() {
 
}).mouseleave(function() {
−
$("#path4287-7").css("opacity", 1.0);
+
$("#text_mColE2").hide();
−
$("#path5498").css("opacity", 1.0);
+
$("#Im2").css("opacity", 1.0);
−
$("#path4308").css("opacity", 1.0);
+
$("#mVenus").css("opacity", 1.0);
−
$("#path4310").css("opacity", 1.0);
+
$("#Zif23-GCN4").css("opacity", 1.0);
−
$("#path4314").css("opacity", 1.0);
+
$("#tRNA").css("opacity", 1.0);
−
$("#path4316").css("opacity", 1.0);
+
$("#aaRS").css("opacity", 1.0);
−
$("#path4236").css("opacity", 1.0);
+
$("#GFP").css("opacity", 1.0);
−
$("#path4256").css("opacity", 1.0);
+
$("#attP").css("opacity", 1.0);
−
$("#path4266").css("opacity", 1.0);
+
$("#Integrase").css("opacity", 1.0);
−
$("#path4268").css("opacity", 1.0);
+
$("#ring").css("opacity", 1.0);
−
$("#path4362").css("opacity", 1.0);
+
$("#rect4990").css("opacity", 1.0);
−
$("#path4354").css("opacity", 1.0);
+
−
$("#path4356").css("opacity", 1.0);
+
−
$("#path4278").css("opacity", 1.0);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 1.0);
+
−
$("#path4310-7").css("opacity", 1.0);
+
−
$("#tspan4331").css("opacity", 1.0);
+
−
$("#tspan4355").css("opacity", 1.0);
+
−
$("#tspan4361").css("opacity", 1.0);
+
−
$("#tspan4365").css("opacity", 1.0);
+
−
$("#tspan4389").css("opacity", 1.0);
+
−
$("#tspan4393").css("opacity", 1.0);
+
−
$("#tspan4327").css("opacity", 1.0);
+
−
$("#tspan4341").css("opacity", 1.0);
+
−
$("#tspan4345").css("opacity", 1.0);
+
−
$("#tspan4397").css("opacity", 1.0);
+
−
$("#tspan4427").css("opacity", 1.0);
+
−
$("#tspan4371").css("opacity", 1.0);
+
−
$("#tspan4423").css("opacity", 1.0);
+
−
$("#tspan4439").css("opacity", 1.0);
+
−
$("#tspan4337").css("opacity", 1.0);
+
−
$("#tspan4477").css("opacity", 1.0);
+
−
$("#tspan4481").css("opacity", 1.0);
+
−
$("#tspan4485").css("opacity", 1.0);
+
−
$("#rect4300-8").css("opacity", 1.0);
+
−
$("#rect4271-6").css("opacity", 1.0);
+
−
$("#rect4300").css("opacity", 1.0);
+
−
$("#rect4294").css("opacity", 1.0);
+
−
$("#rect4271").css("opacity", 1.0);
+
−
$("#rect4250").css("opacity", 1.0);
+
−
$("#rect4340").css("opacity", 1.0);
+
−
$("#rect4334").css("opacity", 1.0);
+
 
});
 
});
  
  
  
−
$("#rect4300").mouseenter(function() {
+
$("#mVenus").mouseenter(function() {
−
$("#path4287-7").css("opacity", 0.4);
+
$("#text_mVenus").show();
−
$("#path5498").css("opacity", 0.4);
+
$("#Im2").css("opacity", 0.4);
−
$("#path4308").css("opacity", 0.4);
+
$("#mColE2").css("opacity", 0.4);
−
$("#path4310").css("opacity", 0.4);
+
$("#Zif23-GCN4").css("opacity", 0.4);
−
$("#path4314").css("opacity", 0.4);
+
$("#tRNA").css("opacity", 0.4);
−
$("#path4316").css("opacity", 0.4);
+
$("#aaRS").css("opacity", 0.4);
−
$("#path4236").css("opacity", 0.4);
+
$("#GFP").css("opacity", 0.4);
−
$("#path4256").css("opacity", 0.4);
+
$("#attP").css("opacity", 0.4);
−
$("#path4266").css("opacity", 0.4);
+
$("#Integrase").css("opacity", 0.4);
−
$("#path4268").css("opacity", 0.4);
+
$("#ring").css("opacity", 0.4);
−
$("#path4362").css("opacity", 0.4);
+
$("#rect4990").css("opacity", 0.4);
−
$("#path4354").css("opacity", 0.4);
+
−
$("#path4356").css("opacity", 0.4);
+
−
$("#path4278").css("opacity", 0.4);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 0.4);
+
−
$("#path4310-7").css("opacity", 0.4);
+
−
$("#tspan4331").css("opacity", 0.4);
+
−
$("#tspan4355").css("opacity", 0.4);
+
−
$("#tspan4361").css("opacity", 0.4);
+
−
$("#tspan4365").css("opacity", 0.4);
+
−
$("#tspan4389").css("opacity", 0.4);
+
−
$("#tspan4393").css("opacity", 0.4);
+
−
$("#tspan4327").css("opacity", 0.4);
+
−
$("#tspan4341").css("opacity", 0.4);
+
−
$("#tspan4345").css("opacity", 0.4);
+
−
$("#tspan4397").css("opacity", 0.4);
+
−
$("#tspan4427").css("opacity", 0.4);
+
−
$("#tspan4371").css("opacity", 0.4);
+
−
$("#tspan4423").css("opacity", 0.4);
+
−
$("#tspan4439").css("opacity", 0.4);
+
−
$("#tspan4337").css("opacity", 0.4);
+
−
$("#tspan4477").css("opacity", 0.4);
+
−
$("#tspan4481").css("opacity", 0.4);
+
−
$("#tspan4485").css("opacity", 0.4);
+
−
$("#rect4300-8").css("opacity", 0.4);
+
−
$("#rect4271-6").css("opacity", 0.4);
+
−
$("#rect4250-5").css("opacity", 0.4);
+
−
$("#rect4294").css("opacity", 0.4);
+
−
$("#rect4271").css("opacity", 0.4);
+
−
$("#rect4250").css("opacity", 0.4);
+
−
$("#rect4340").css("opacity", 0.4);
+
−
$("#rect4334").css("opacity", 0.4);
+
 
}).mouseleave(function() {
 
}).mouseleave(function() {
−
$("#path4287-7").css("opacity", 1.0);
+
$("#text_mVenus").hide();
−
$("#path5498").css("opacity", 1.0);
+
$("#Im2").css("opacity", 1.0);
−
$("#path4308").css("opacity", 1.0);
+
$("#mColE2").css("opacity", 1.0);
−
$("#path4310").css("opacity", 1.0);
+
$("#Zif23-GCN4").css("opacity", 1.0);
−
$("#path4314").css("opacity", 1.0);
+
$("#tRNA").css("opacity", 1.0);
−
$("#path4316").css("opacity", 1.0);
+
$("#aaRS").css("opacity", 1.0);
−
$("#path4236").css("opacity", 1.0);
+
$("#GFP").css("opacity", 1.0);
−
$("#path4256").css("opacity", 1.0);
+
$("#attP").css("opacity", 1.0);
−
$("#path4266").css("opacity", 1.0);
+
$("#Integrase").css("opacity", 1.0);
−
$("#path4268").css("opacity", 1.0);
+
$("#ring").css("opacity", 1.0);
−
$("#path4362").css("opacity", 1.0);
+
$("#rect4990").css("opacity", 1.0);
−
$("#path4354").css("opacity", 1.0);
+
−
$("#path4356").css("opacity", 1.0);
+
−
$("#path4278").css("opacity", 1.0);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 1.0);
+
−
$("#path4310-7").css("opacity", 1.0);
+
−
$("#tspan4331").css("opacity", 1.0);
+
−
$("#tspan4355").css("opacity", 1.0);
+
−
$("#tspan4361").css("opacity", 1.0);
+
−
$("#tspan4365").css("opacity", 1.0);
+
−
$("#tspan4389").css("opacity", 1.0);
+
−
$("#tspan4393").css("opacity", 1.0);
+
−
$("#tspan4327").css("opacity", 1.0);
+
−
$("#tspan4341").css("opacity", 1.0);
+
−
$("#tspan4345").css("opacity", 1.0);
+
−
$("#tspan4397").css("opacity", 1.0);
+
−
$("#tspan4427").css("opacity", 1.0);
+
−
$("#tspan4371").css("opacity", 1.0);
+
−
$("#tspan4423").css("opacity", 1.0);
+
−
$("#tspan4439").css("opacity", 1.0);
+
−
$("#tspan4337").css("opacity", 1.0);
+
−
$("#tspan4477").css("opacity", 1.0);
+
−
$("#tspan4481").css("opacity", 1.0);
+
−
$("#tspan4485").css("opacity", 1.0);
+
−
$("#rect4300-8").css("opacity", 1.0);
+
−
$("#rect4271-6").css("opacity", 1.0);
+
−
$("#rect4250-5").css("opacity", 1.0);
+
−
$("#rect4294").css("opacity", 1.0);
+
−
$("#rect4271").css("opacity", 1.0);
+
−
$("#rect4250").css("opacity", 1.0);
+
−
$("#rect4340").css("opacity", 1.0);
+
−
$("#rect4334").css("opacity", 1.0);
+
 
});
 
});
  
  
  
−
$("#rect4294").mouseenter(function() {
+
$("#Zif23-GCN4").mouseenter(function() {
−
$("#path4287-7").css("opacity", 0.4);
+
$("#text_Zif23-GCN4").show();
−
$("#path5498").css("opacity", 0.4);
+
$("#Im2").css("opacity", 0.4);
−
$("#path4308").css("opacity", 0.4);
+
$("#mColE2").css("opacity", 0.4);
−
$("#path4310").css("opacity", 0.4);
+
$("#mVenus").css("opacity", 0.4);
−
$("#path4314").css("opacity", 0.4);
+
$("#tRNA").css("opacity", 0.4);
−
$("#path4316").css("opacity", 0.4);
+
$("#aaRS").css("opacity", 0.4);
−
$("#path4236").css("opacity", 0.4);
+
$("#GFP").css("opacity", 0.4);
−
$("#path4256").css("opacity", 0.4);
+
$("#attP").css("opacity", 0.4);
−
$("#path4266").css("opacity", 0.4);
+
$("#Integrase").css("opacity", 0.4);
−
$("#path4268").css("opacity", 0.4);
+
$("#ring").css("opacity", 0.4);
−
$("#path4362").css("opacity", 0.4);
+
$("#rect4990").css("opacity", 0.4);
−
$("#path4354").css("opacity", 0.4);
+
−
$("#path4356").css("opacity", 0.4);
+
−
$("#path4278").css("opacity", 0.4);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 0.4);
+
−
$("#path4310-7").css("opacity", 0.4);
+
−
$("#tspan4331").css("opacity", 0.4);
+
−
$("#tspan4355").css("opacity", 0.4);
+
−
$("#tspan4361").css("opacity", 0.4);
+
−
$("#tspan4365").css("opacity", 0.4);
+
−
$("#tspan4389").css("opacity", 0.4);
+
−
$("#tspan4393").css("opacity", 0.4);
+
−
$("#tspan4327").css("opacity", 0.4);
+
−
$("#tspan4341").css("opacity", 0.4);
+
−
$("#tspan4345").css("opacity", 0.4);
+
−
$("#tspan4397").css("opacity", 0.4);
+
−
$("#tspan4427").css("opacity", 0.4);
+
−
$("#tspan4371").css("opacity", 0.4);
+
−
$("#tspan4423").css("opacity", 0.4);
+
−
$("#tspan4439").css("opacity", 0.4);
+
−
$("#tspan4337").css("opacity", 0.4);
+
−
$("#tspan4477").css("opacity", 0.4);
+
−
$("#tspan4481").css("opacity", 0.4);
+
−
$("#tspan4485").css("opacity", 0.4);
+
−
$("#rect4300-8").css("opacity", 0.4);
+
−
$("#rect4271-6").css("opacity", 0.4);
+
−
$("#rect4250-5").css("opacity", 0.4);
+
−
$("#rect4300").css("opacity", 0.4);
+
−
$("#rect4271").css("opacity", 0.4);
+
−
$("#rect4250").css("opacity", 0.4);
+
−
$("#rect4340").css("opacity", 0.4);
+
−
$("#rect4334").css("opacity", 0.4);
+
 
}).mouseleave(function() {
 
}).mouseleave(function() {
−
$("#path4287-7").css("opacity", 1.0);
+
$("#text_Zif23-GCN4").hide();
−
$("#path5498").css("opacity", 1.0);
+
$("#Im2").css("opacity", 1.0);
−
$("#path4308").css("opacity", 1.0);
+
$("#mColE2").css("opacity", 1.0);
−
$("#path4310").css("opacity", 1.0);
+
$("#mVenus").css("opacity", 1.0);
−
$("#path4314").css("opacity", 1.0);
+
$("#tRNA").css("opacity", 1.0);
−
$("#path4316").css("opacity", 1.0);
+
$("#aaRS").css("opacity", 1.0);
−
$("#path4236").css("opacity", 1.0);
+
$("#GFP").css("opacity", 1.0);
−
$("#path4256").css("opacity", 1.0);
+
$("#attP").css("opacity", 1.0);
−
$("#path4266").css("opacity", 1.0);
+
$("#Integrase").css("opacity", 1.0);
−
$("#path4268").css("opacity", 1.0);
+
$("#ring").css("opacity", 1.0);
−
$("#path4362").css("opacity", 1.0);
+
$("#rect4990").css("opacity", 1.0);
−
$("#path4354").css("opacity", 1.0);
+
−
$("#path4356").css("opacity", 1.0);
+
−
$("#path4278").css("opacity", 1.0);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 1.0);
+
−
$("#path4310-7").css("opacity", 1.0);
+
−
$("#tspan4331").css("opacity", 1.0);
+
−
$("#tspan4355").css("opacity", 1.0);
+
−
$("#tspan4361").css("opacity", 1.0);
+
−
$("#tspan4365").css("opacity", 1.0);
+
−
$("#tspan4389").css("opacity", 1.0);
+
−
$("#tspan4393").css("opacity", 1.0);
+
−
$("#tspan4327").css("opacity", 1.0);
+
−
$("#tspan4341").css("opacity", 1.0);
+
−
$("#tspan4345").css("opacity", 1.0);
+
−
$("#tspan4397").css("opacity", 1.0);
+
−
$("#tspan4427").css("opacity", 1.0);
+
−
$("#tspan4371").css("opacity", 1.0);
+
−
$("#tspan4423").css("opacity", 1.0);
+
−
$("#tspan4439").css("opacity", 1.0);
+
−
$("#tspan4337").css("opacity", 1.0);
+
−
$("#tspan4477").css("opacity", 1.0);
+
−
$("#tspan4481").css("opacity", 1.0);
+
−
$("#tspan4485").css("opacity", 1.0);
+
−
$("#rect4300-8").css("opacity", 1.0);
+
−
$("#rect4271-6").css("opacity", 1.0);
+
−
$("#rect4250-5").css("opacity", 1.0);
+
−
$("#rect4300").css("opacity", 1.0);
+
−
$("#rect4271").css("opacity", 1.0);
+
−
$("#rect4250").css("opacity", 1.0);
+
−
$("#rect4340").css("opacity", 1.0);
+
−
$("#rect4334").css("opacity", 1.0);
+
 
});
 
});
  
  
  
−
$("#rect4271").mouseenter(function() {
+
$("#tRNA").mouseenter(function() {
−
$("#path4287-7").css("opacity", 0.4);
+
$("#text_tRNA").show();
−
$("#path5498").css("opacity", 0.4);
+
$("#Im2").css("opacity", 0.4);
−
$("#path4308").css("opacity", 0.4);
+
$("#mColE2").css("opacity", 0.4);
−
$("#path4310").css("opacity", 0.4);
+
$("#mVenus").css("opacity", 0.4);
−
$("#path4314").css("opacity", 0.4);
+
$("#Zif23-GCN4").css("opacity", 0.4);
−
$("#path4316").css("opacity", 0.4);
+
$("#aaRS").css("opacity", 0.4);
−
$("#path4236").css("opacity", 0.4);
+
$("#GFP").css("opacity", 0.4);
−
$("#path4256").css("opacity", 0.4);
+
$("#attP").css("opacity", 0.4);
−
$("#path4266").css("opacity", 0.4);
+
$("#Integrase").css("opacity", 0.4);
−
$("#path4268").css("opacity", 0.4);
+
$("#ring").css("opacity", 0.4);
−
$("#path4362").css("opacity", 0.4);
+
$("#rect4990").css("opacity", 0.4);
−
$("#path4354").css("opacity", 0.4);
+
−
$("#path4356").css("opacity", 0.4);
+
−
$("#path4278").css("opacity", 0.4);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 0.4);
+
−
$("#path4310-7").css("opacity", 0.4);
+
−
$("#tspan4331").css("opacity", 0.4);
+
−
$("#tspan4355").css("opacity", 0.4);
+
−
$("#tspan4361").css("opacity", 0.4);
+
−
$("#tspan4365").css("opacity", 0.4);
+
−
$("#tspan4389").css("opacity", 0.4);
+
−
$("#tspan4393").css("opacity", 0.4);
+
−
$("#tspan4327").css("opacity", 0.4);
+
−
$("#tspan4341").css("opacity", 0.4);
+
−
$("#tspan4345").css("opacity", 0.4);
+
−
$("#tspan4397").css("opacity", 0.4);
+
−
$("#tspan4427").css("opacity", 0.4);
+
−
$("#tspan4371").css("opacity", 0.4);
+
−
$("#tspan4423").css("opacity", 0.4);
+
−
$("#tspan4439").css("opacity", 0.4);
+
−
$("#tspan4337").css("opacity", 0.4);
+
−
$("#tspan4477").css("opacity", 0.4);
+
−
$("#tspan4481").css("opacity", 0.4);
+
−
$("#tspan4485").css("opacity", 0.4);
+
−
$("#rect4300-8").css("opacity", 0.4);
+
−
$("#rect4271-6").css("opacity", 0.4);
+
−
$("#rect4250-5").css("opacity", 0.4);
+
−
$("#rect4300").css("opacity", 0.4);
+
−
$("#rect4294").css("opacity", 0.4);
+
−
$("#rect4250").css("opacity", 0.4);
+
−
$("#rect4340").css("opacity", 0.4);
+
−
$("#rect4334").css("opacity", 0.4);
+
 
}).mouseleave(function() {
 
}).mouseleave(function() {
−
$("#path4287-7").css("opacity", 1.0);
+
$("#text_tRNA").hide();
−
$("#path5498").css("opacity", 1.0);
+
$("#Im2").css("opacity", 1.0);
−
$("#path4308").css("opacity", 1.0);
+
$("#mColE2").css("opacity", 1.0);
−
$("#path4310").css("opacity", 1.0);
+
$("#mVenus").css("opacity", 1.0);
−
$("#path4314").css("opacity", 1.0);
+
$("#Zif23-GCN4").css("opacity", 1.0);
−
$("#path4316").css("opacity", 1.0);
+
$("#aaRS").css("opacity", 1.0);
−
$("#path4236").css("opacity", 1.0);
+
$("#GFP").css("opacity", 1.0);
−
$("#path4256").css("opacity", 1.0);
+
$("#attP").css("opacity", 1.0);
−
$("#path4266").css("opacity", 1.0);
+
$("#Integrase").css("opacity", 1.0);
−
$("#path4268").css("opacity", 1.0);
+
$("#ring").css("opacity", 1.0);
−
$("#path4362").css("opacity", 1.0);
+
$("#rect4990").css("opacity", 1.0);
−
$("#path4354").css("opacity", 1.0);
+
−
$("#path4356").css("opacity", 1.0);
+
−
$("#path4278").css("opacity", 1.0);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 1.0);
+
−
$("#path4310-7").css("opacity", 1.0);
+
−
$("#tspan4331").css("opacity", 1.0);
+
−
$("#tspan4355").css("opacity", 1.0);
+
−
$("#tspan4361").css("opacity", 1.0);
+
−
$("#tspan4365").css("opacity", 1.0);
+
−
$("#tspan4389").css("opacity", 1.0);
+
−
$("#tspan4393").css("opacity", 1.0);
+
−
$("#tspan4327").css("opacity", 1.0);
+
−
$("#tspan4341").css("opacity", 1.0);
+
−
$("#tspan4345").css("opacity", 1.0);
+
−
$("#tspan4397").css("opacity", 1.0);
+
−
$("#tspan4427").css("opacity", 1.0);
+
−
$("#tspan4371").css("opacity", 1.0);
+
−
$("#tspan4423").css("opacity", 1.0);
+
−
$("#tspan4439").css("opacity", 1.0);
+
−
$("#tspan4337").css("opacity", 1.0);
+
−
$("#tspan4477").css("opacity", 1.0);
+
−
$("#tspan4481").css("opacity", 1.0);
+
−
$("#tspan4485").css("opacity", 1.0);
+
−
$("#rect4300-8").css("opacity", 1.0);
+
−
$("#rect4271-6").css("opacity", 1.0);
+
−
$("#rect4250-5").css("opacity", 1.0);
+
−
$("#rect4300").css("opacity", 1.0);
+
−
$("#rect4294").css("opacity", 1.0);
+
−
$("#rect4250").css("opacity", 1.0);
+
−
$("#rect4340").css("opacity", 1.0);
+
−
$("#rect4334").css("opacity", 1.0);
+
 
});
 
});
  
  
  
−
$("#rect4250").mouseenter(function() {
+
$("#aaRS").mouseenter(function() {
−
$("#path4287-7").css("opacity", 0.4);
+
$("#text_aaRS").show();
−
$("#path5498").css("opacity", 0.4);
+
$("#Im2").css("opacity", 0.4);
−
$("#path4308").css("opacity", 0.4);
+
$("#mColE2").css("opacity", 0.4);
−
$("#path4310").css("opacity", 0.4);
+
$("#mVenus").css("opacity", 0.4);
−
$("#path4314").css("opacity", 0.4);
+
$("#Zif23-GCN4").css("opacity", 0.4);
−
$("#path4316").css("opacity", 0.4);
+
$("#tRNA").css("opacity", 0.4);
−
$("#path4236").css("opacity", 0.4);
+
$("#GFP").css("opacity", 0.4);
−
$("#path4256").css("opacity", 0.4);
+
$("#attP").css("opacity", 0.4);
−
$("#path4266").css("opacity", 0.4);
+
$("#Integrase").css("opacity", 0.4);
−
$("#path4268").css("opacity", 0.4);
+
$("#ring").css("opacity", 0.4);
−
$("#path4362").css("opacity", 0.4);
+
$("#rect4990").css("opacity", 0.4);
−
$("#path4354").css("opacity", 0.4);
+
−
$("#path4356").css("opacity", 0.4);
+
−
$("#path4278").css("opacity", 0.4);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 0.4);
+
−
$("#path4310-7").css("opacity", 0.4);
+
−
$("#tspan4331").css("opacity", 0.4);
+
−
$("#tspan4355").css("opacity", 0.4);
+
−
$("#tspan4361").css("opacity", 0.4);
+
−
$("#tspan4365").css("opacity", 0.4);
+
−
$("#tspan4389").css("opacity", 0.4);
+
−
$("#tspan4393").css("opacity", 0.4);
+
−
$("#tspan4327").css("opacity", 0.4);
+
−
$("#tspan4341").css("opacity", 0.4);
+
−
$("#tspan4345").css("opacity", 0.4);
+
−
$("#tspan4397").css("opacity", 0.4);
+
−
$("#tspan4427").css("opacity", 0.4);
+
−
$("#tspan4371").css("opacity", 0.4);
+
−
$("#tspan4423").css("opacity", 0.4);
+
−
$("#tspan4439").css("opacity", 0.4);
+
−
$("#tspan4337").css("opacity", 0.4);
+
−
$("#tspan4477").css("opacity", 0.4);
+
−
$("#tspan4481").css("opacity", 0.4);
+
−
$("#tspan4485").css("opacity", 0.4);
+
−
$("#rect4300-8").css("opacity", 0.4);
+
−
$("#rect4271-6").css("opacity", 0.4);
+
−
$("#rect4250-5").css("opacity", 0.4);
+
−
$("#rect4300").css("opacity", 0.4);
+
−
$("#rect4294").css("opacity", 0.4);
+
−
$("#rect4271").css("opacity", 0.4);
+
−
$("#rect4340").css("opacity", 0.4);
+
−
$("#rect4334").css("opacity", 0.4);
+
 
}).mouseleave(function() {
 
}).mouseleave(function() {
−
$("#path4287-7").css("opacity", 1.0);
+
$("#text_aaRS").hide();
−
$("#path5498").css("opacity", 1.0);
+
$("#Im2").css("opacity", 1.0);
−
$("#path4308").css("opacity", 1.0);
+
$("#mColE2").css("opacity", 1.0);
−
$("#path4310").css("opacity", 1.0);
+
$("#mVenus").css("opacity", 1.0);
−
$("#path4314").css("opacity", 1.0);
+
$("#Zif23-GCN4").css("opacity", 1.0);
−
$("#path4316").css("opacity", 1.0);
+
$("#tRNA").css("opacity", 1.0);
−
$("#path4236").css("opacity", 1.0);
+
$("#GFP").css("opacity", 1.0);
−
$("#path4256").css("opacity", 1.0);
+
$("#attP").css("opacity", 1.0);
−
$("#path4266").css("opacity", 1.0);
+
$("#Integrase").css("opacity", 1.0);
−
$("#path4268").css("opacity", 1.0);
+
$("#ring").css("opacity", 1.0);
−
$("#path4362").css("opacity", 1.0);
+
$("#rect4990").css("opacity", 1.0);
−
$("#path4354").css("opacity", 1.0);
+
−
$("#path4356").css("opacity", 1.0);
+
−
$("#path4278").css("opacity", 1.0);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 1.0);
+
−
$("#path4310-7").css("opacity", 1.0);
+
−
$("#tspan4331").css("opacity", 1.0);
+
−
$("#tspan4355").css("opacity", 1.0);
+
−
$("#tspan4361").css("opacity", 1.0);
+
−
$("#tspan4365").css("opacity", 1.0);
+
−
$("#tspan4389").css("opacity", 1.0);
+
−
$("#tspan4393").css("opacity", 1.0);
+
−
$("#tspan4327").css("opacity", 1.0);
+
−
$("#tspan4341").css("opacity", 1.0);
+
−
$("#tspan4345").css("opacity", 1.0);
+
−
$("#tspan4397").css("opacity", 1.0);
+
−
$("#tspan4427").css("opacity", 1.0);
+
−
$("#tspan4371").css("opacity", 1.0);
+
−
$("#tspan4423").css("opacity", 1.0);
+
−
$("#tspan4439").css("opacity", 1.0);
+
−
$("#tspan4337").css("opacity", 1.0);
+
−
$("#tspan4477").css("opacity", 1.0);
+
−
$("#tspan4481").css("opacity", 1.0);
+
−
$("#tspan4485").css("opacity", 1.0);
+
−
$("#rect4300-8").css("opacity", 1.0);
+
−
$("#rect4271-6").css("opacity", 1.0);
+
−
$("#rect4250-5").css("opacity", 1.0);
+
−
$("#rect4300").css("opacity", 1.0);
+
−
$("#rect4294").css("opacity", 1.0);
+
−
$("#rect4271").css("opacity", 1.0);
+
−
$("#rect4340").css("opacity", 1.0);
+
−
$("#rect4334").css("opacity", 1.0);
+
 
});
 
});
  
  
  
−
$("#rect4340").mouseenter(function() {
+
$("#GFP").mouseenter(function() {
−
$("#path4287-7").css("opacity", 0.4);
+
$("#text_GFP").show();
−
$("#path5498").css("opacity", 0.4);
+
$("#Im2").css("opacity", 0.4);
−
$("#path4308").css("opacity", 0.4);
+
$("#mColE2").css("opacity", 0.4);
−
$("#path4310").css("opacity", 0.4);
+
$("#mVenus").css("opacity", 0.4);
−
$("#path4314").css("opacity", 0.4);
+
$("#Zif23-GCN4").css("opacity", 0.4);
−
$("#path4316").css("opacity", 0.4);
+
$("#tRNA").css("opacity", 0.4);
−
$("#path4236").css("opacity", 0.4);
+
$("#aaRS").css("opacity", 0.4);
−
$("#path4256").css("opacity", 0.4);
+
$("#attP").css("opacity", 0.4);
−
$("#path4266").css("opacity", 0.4);
+
$("#Integrase").css("opacity", 0.4);
−
$("#path4268").css("opacity", 0.4);
+
$("#ring").css("opacity", 0.4);
−
$("#path4362").css("opacity", 0.4);
+
$("#rect4990").css("opacity", 0.4);
−
$("#path4354").css("opacity", 0.4);
+
−
$("#path4356").css("opacity", 0.4);
+
−
$("#path4278").css("opacity", 0.4);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 0.4);
+
−
$("#path4310-7").css("opacity", 0.4);
+
−
$("#tspan4331").css("opacity", 0.4);
+
−
$("#tspan4355").css("opacity", 0.4);
+
−
$("#tspan4361").css("opacity", 0.4);
+
−
$("#tspan4365").css("opacity", 0.4);
+
−
$("#tspan4389").css("opacity", 0.4);
+
−
$("#tspan4393").css("opacity", 0.4);
+
−
$("#tspan4327").css("opacity", 0.4);
+
−
$("#tspan4341").css("opacity", 0.4);
+
−
$("#tspan4345").css("opacity", 0.4);
+
−
$("#tspan4397").css("opacity", 0.4);
+
−
$("#tspan4427").css("opacity", 0.4);
+
−
$("#tspan4371").css("opacity", 0.4);
+
−
$("#tspan4423").css("opacity", 0.4);
+
−
$("#tspan4439").css("opacity", 0.4);
+
−
$("#tspan4337").css("opacity", 0.4);
+
−
$("#tspan4477").css("opacity", 0.4);
+
−
$("#tspan4481").css("opacity", 0.4);
+
−
$("#tspan4485").css("opacity", 0.4);
+
−
$("#rect4300-8").css("opacity", 0.4);
+
−
$("#rect4271-6").css("opacity", 0.4);
+
−
$("#rect4250-5").css("opacity", 0.4);
+
−
$("#rect4300").css("opacity", 0.4);
+
−
$("#rect4294").css("opacity", 0.4);
+
−
$("#rect4271").css("opacity", 0.4);
+
−
$("#rect4250").css("opacity", 0.4);
+
−
$("#rect4334").css("opacity", 0.4);
+
 
}).mouseleave(function() {
 
}).mouseleave(function() {
−
$("#path4287-7").css("opacity", 1.0);
+
$("#text_GFP").hide();
−
$("#path5498").css("opacity", 1.0);
+
$("#Im2").css("opacity", 1.0);
−
$("#path4308").css("opacity", 1.0);
+
$("#mColE2").css("opacity", 1.0);
−
$("#path4310").css("opacity", 1.0);
+
$("#mVenus").css("opacity", 1.0);
−
$("#path4314").css("opacity", 1.0);
+
$("#Zif23-GCN4").css("opacity", 1.0);
−
$("#path4316").css("opacity", 1.0);
+
$("#tRNA").css("opacity", 1.0);
−
$("#path4236").css("opacity", 1.0);
+
$("#aaRS").css("opacity", 1.0);
−
$("#path4256").css("opacity", 1.0);
+
$("#attP").css("opacity", 1.0);
−
$("#path4266").css("opacity", 1.0);
+
$("#Integrase").css("opacity", 1.0);
−
$("#path4268").css("opacity", 1.0);
+
$("#ring").css("opacity", 1.0);
−
$("#path4362").css("opacity", 1.0);
+
$("#rect4990").css("opacity", 1.0);
−
$("#path4354").css("opacity", 1.0);
+
−
$("#path4356").css("opacity", 1.0);
+
−
$("#path4278").css("opacity", 1.0);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 1.0);
+
−
$("#path4310-7").css("opacity", 1.0);
+
−
$("#tspan4331").css("opacity", 1.0);
+
−
$("#tspan4355").css("opacity", 1.0);
+
−
$("#tspan4361").css("opacity", 1.0);
+
−
$("#tspan4365").css("opacity", 1.0);
+
−
$("#tspan4389").css("opacity", 1.0);
+
−
$("#tspan4393").css("opacity", 1.0);
+
−
$("#tspan4327").css("opacity", 1.0);
+
−
$("#tspan4341").css("opacity", 1.0);
+
−
$("#tspan4345").css("opacity", 1.0);
+
−
$("#tspan4397").css("opacity", 1.0);
+
−
$("#tspan4427").css("opacity", 1.0);
+
−
$("#tspan4371").css("opacity", 1.0);
+
−
$("#tspan4423").css("opacity", 1.0);
+
−
$("#tspan4439").css("opacity", 1.0);
+
−
$("#tspan4337").css("opacity", 1.0);
+
−
$("#tspan4477").css("opacity", 1.0);
+
−
$("#tspan4481").css("opacity", 1.0);
+
−
$("#tspan4485").css("opacity", 1.0);
+
−
$("#rect4300-8").css("opacity", 1.0);
+
−
$("#rect4271-6").css("opacity", 1.0);
+
−
$("#rect4250-5").css("opacity", 1.0);
+
−
$("#rect4300").css("opacity", 1.0);
+
−
$("#rect4294").css("opacity", 1.0);
+
−
$("#rect4271").css("opacity", 1.0);
+
−
$("#rect4250").css("opacity", 1.0);
+
−
$("#rect4334").css("opacity", 1.0);
+
 
});
 
});
  
  
  
−
$("#rect4334").mouseenter(function() {
+
$("#attP").mouseenter(function() {
−
$("#path4287-7").css("opacity", 0.4);
+
$("#text_attP").show();
−
$("#path5498").css("opacity", 0.4);
+
$("#Im2").css("opacity", 0.4);
−
$("#path4308").css("opacity", 0.4);
+
$("#mColE2").css("opacity", 0.4);
−
$("#path4310").css("opacity", 0.4);
+
$("#mVenus").css("opacity", 0.4);
−
$("#path4314").css("opacity", 0.4);
+
$("#Zif23-GCN4").css("opacity", 0.4);
−
$("#path4316").css("opacity", 0.4);
+
$("#tRNA").css("opacity", 0.4);
−
$("#path4236").css("opacity", 0.4);
+
$("#aaRS").css("opacity", 0.4);
−
$("#path4256").css("opacity", 0.4);
+
$("#GFP").css("opacity", 0.4);
−
$("#path4266").css("opacity", 0.4);
+
$("#Integrase").css("opacity", 0.4);
−
$("#path4268").css("opacity", 0.4);
+
$("#ring").css("opacity", 0.4);
−
$("#path4362").css("opacity", 0.4);
+
$("#rect4990").css("opacity", 0.4);
−
$("#path4354").css("opacity", 0.4);
+
−
$("#path4356").css("opacity", 0.4);
+
−
$("#path4278").css("opacity", 0.4);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 0.4);
+
−
$("#path4310-7").css("opacity", 0.4);
+
−
$("#tspan4331").css("opacity", 0.4);
+
−
$("#tspan4355").css("opacity", 0.4);
+
−
$("#tspan4361").css("opacity", 0.4);
+
−
$("#tspan4365").css("opacity", 0.4);
+
−
$("#tspan4389").css("opacity", 0.4);
+
−
$("#tspan4393").css("opacity", 0.4);
+
−
$("#tspan4327").css("opacity", 0.4);
+
−
$("#tspan4341").css("opacity", 0.4);
+
−
$("#tspan4345").css("opacity", 0.4);
+
−
$("#tspan4397").css("opacity", 0.4);
+
−
$("#tspan4427").css("opacity", 0.4);
+
−
$("#tspan4371").css("opacity", 0.4);
+
−
$("#tspan4423").css("opacity", 0.4);
+
−
$("#tspan4439").css("opacity", 0.4);
+
−
$("#tspan4337").css("opacity", 0.4);
+
−
$("#tspan4477").css("opacity", 0.4);
+
−
$("#tspan4481").css("opacity", 0.4);
+
−
$("#tspan4485").css("opacity", 0.4);
+
−
$("#rect4300-8").css("opacity", 0.4);
+
−
$("#rect4271-6").css("opacity", 0.4);
+
−
$("#rect4250-5").css("opacity", 0.4);
+
−
$("#rect4300").css("opacity", 0.4);
+
−
$("#rect4294").css("opacity", 0.4);
+
−
$("#rect4271").css("opacity", 0.4);
+
−
$("#rect4250").css("opacity", 0.4);
+
−
$("#rect4340").css("opacity", 0.4);
+
 
}).mouseleave(function() {
 
}).mouseleave(function() {
−
$("#path4287-7").css("opacity", 1.0);
+
$("#text_attP").hide();
−
$("#path5498").css("opacity", 1.0);
+
$("#Im2").css("opacity", 1.0);
−
$("#path4308").css("opacity", 1.0);
+
$("#mColE2").css("opacity", 1.0);
−
$("#path4310").css("opacity", 1.0);
+
$("#mVenus").css("opacity", 1.0);
−
$("#path4314").css("opacity", 1.0);
+
$("#Zif23-GCN4").css("opacity", 1.0);
−
$("#path4316").css("opacity", 1.0);
+
$("#tRNA").css("opacity", 1.0);
−
$("#path4236").css("opacity", 1.0);
+
$("#aaRS").css("opacity", 1.0);
−
$("#path4256").css("opacity", 1.0);
+
$("#GFP").css("opacity", 1.0);
−
$("#path4266").css("opacity", 1.0);
+
$("#Integrase").css("opacity", 1.0);
−
$("#path4268").css("opacity", 1.0);
+
$("#ring").css("opacity", 1.0);
−
$("#path4362").css("opacity", 1.0);
+
$("#rect4990").css("opacity", 1.0);
−
$("#path4354").css("opacity", 1.0);
+
−
$("#path4356").css("opacity", 1.0);
+
−
$("#path4278").css("opacity", 1.0);
+
−
$("#path4280").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);
+
−
$("#path4308-8").css("opacity", 1.0);
+
−
$("#path4310-7").css("opacity", 1.0);
+
−
$("#tspan4331").css("opacity", 1.0);
+
−
$("#tspan4355").css("opacity", 1.0);
+
−
$("#tspan4361").css("opacity", 1.0);
+
−
$("#tspan4365").css("opacity", 1.0);
+
−
$("#tspan4389").css("opacity", 1.0);
+
−
$("#tspan4393").css("opacity", 1.0);
+
−
$("#tspan4327").css("opacity", 1.0);
+
−
$("#tspan4341").css("opacity", 1.0);
+
−
$("#tspan4345").css("opacity", 1.0);
+
−
$("#tspan4397").css("opacity", 1.0);
+
−
$("#tspan4427").css("opacity", 1.0);
+
−
$("#tspan4371").css("opacity", 1.0);
+
−
$("#tspan4423").css("opacity", 1.0);
+
−
$("#tspan4439").css("opacity", 1.0);
+
−
$("#tspan4337").css("opacity", 1.0);
+
−
$("#tspan4477").css("opacity", 1.0);
+
−
$("#tspan4481").css("opacity", 1.0);
+
−
$("#tspan4485").css("opacity", 1.0);
+
−
$("#rect4300-8").css("opacity", 1.0);
+
−
$("#rect4271-6").css("opacity", 1.0);
+
−
$("#rect4250-5").css("opacity", 1.0);
+
−
$("#rect4300").css("opacity", 1.0);
+
−
$("#rect4294").css("opacity", 1.0);
+
−
$("#rect4271").css("opacity", 1.0);
+
−
$("#rect4250").css("opacity", 1.0);
+
−
$("#rect4340").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);
 +
});
  
  

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