Template:Wageningen UR/PageEnd

  • <img class="MobileIconMenu" src="./images/mobileicon.png"/>
  • <button class="project-li-mo" onclick="location.href='./Project/Project.html'" type="button">Project</button>
  • <button class="background-li-mo" onclick="location.href='./Project/Background.html'" type="button">Background</button>
  • <button class="wet-lab-li-mo">Wet-lab</button>
  • <button class="model-li-mo">Model</button>
  • <button class="application-li-mo">Application</button>
  • <button class="human-practices-li-mo">Human Practices</button>
  • <button class="notebook-li-mo">Notebook</button>
  • <button class="team-li-mo">Team</button>
  • <button onclick="location.href='./Wet-lab/Wet-lab.html'" type >Wet-lab</button>
  • <button onclick="location.href='./Model/Model.html'" >Model</button>
  • <button onclick="location.href='./Human_Practices.html'" >Human Practices</button>
  • <button onclick="location.href='./Design.html'" >Application</button>
  • <button onclick="location.href='./Notebook/Protocols.html'" >Notebook</button>
  • <button onclick="location.href='./Team.html'" >Team</button>
  • <button onclick="location.href='./Results/Part_Collection.html'" type="button">Parts</button>
  • <button onclick="location.href='./Results.html'" type="button">Results</button>
  • <button onclick="location.href='./Results/Demo.html'" type="button">Demo</button>
  • <button onclick="location.href='./Model/Kinetics.html'" type="button">Kinetics</button>
  • <button onclick="location.href='./Model/QS.html'" type="button">Quorum Sensing</button>
  • <button onclick="location.href='./Model/Integration.html'" type="button"></button>Integration</button>
  • <button onclick="location.href='./HP/Gold_Integrated.html'" type="button">Integrated HP</button>
  • <button onclick="location.href='./Safety.html'" type="button">Safety & Ethics</button>
  • <button onclick="location.href='./Future.html'" type="button">Future Perspectives</button>
  • <button onclick="location.href='./Application/Rollout.html'" type="button">Rollout Plan</button>
  • <button onclick="location.href='./Application/Device.html'" type="button">Device</button>
  • <button onclick="location.href='./Collaborations.html'" type="button">Collaborations</button>
  • <button onclick="location.href='./Notebook/Protocols.html'" type="button">Protocols</button>
  • <button onclick="location.href='./InterLab.html'" type="button">Interlab</button>
  • <button onclick="location.href='./Team/Profiles.html'" type="button">Members</button>
  • <button onclick="location.href=./Attributions.html'" type="button">Attributions</button>
   <script>
       //javascript to display menu
       //Loads the document
       $(document).ready(function() {

/*** Mobile Menu***/ //Open up the mobile menu $(".MobileIconGlobal").click(function() { $("#MobileMenu").toggle(); $("#MainMobileMenu").toggle(); $(".MobileIconGlobal").toggle(); });

//And also the nemu version of the mobible menu icon $(".MobileIconMenu").click(function() { $("#MobileMenu").toggle(); $("#MainMobileMenu").toggle(); $(".MobileIconGlobal").toggle();

});

//close when clicking outside the mobile menu $("#MobileSubMenu").click(function() { $("#MobileMenu").hide(); $("#MainMobileMenu").hide(); $(".MobileIconGlobal").show()

$(".fill-sub-li-mo").hide();

$(".wet-lab-sub-li-mo").hide(); $(".parts-sub-li-mo").hide(); $(".results-sub-li-mo").hide(); $(".demo-sub-li-mo").hide(); $(".model-sub-li-mo").hide(); $(".kinetics-sub-li-mo").hide(); $(".qs-sub-li-mo").hide(); $(".human-practices-sub-li-mo").hide(); $(".integration-sub-li-mo").hide(); $(".integrated-sub-li-mo").hide(); $(".safety-sub-li-mo").hide(); $(".Engagement-sub-li-mo").hide(); $(".future-sub-li-mo").hide(); $(".application-sub-li-mo").hide(); $(".rollout-sub-li-mo").hide(); $(".device-sub-li-mo").hide(); $(".notebook-sub-li-mo").hide(); $(".collaboration-sub-li-mo").hide(); $(".protocols-sub-li-mo").hide(); $(".interlab-sub-li-mo").hide(); $(".team-sub-li-mo").hide(); $(".members-sub-li-mo").hide(); $(".attributions-sub-li-mo").hide();

$(".project-li-mo").css("background","white"); $(".wet-lab-li-mo").css("background","white"); $(".model-li-mo").css("background","white"); $(".human-practices-li-mo").css("background","white"); $(".application-li-mo").css("background","white"); $(".notebook-li-mo").css("background","white"); $(".team-li-mo").css("background","white"); });


$(".wet-lab-li-mo").click(function() { $("#MobileSubMenu").show(); $(".fill-sub-li-mo").show();

$(".wet-lab-sub-li-mo").toggle(); $(".parts-sub-li-mo").toggle(); $(".results-sub-li-mo").toggle(); $(".demo-sub-li-mo").toggle();

$(".model-sub-li-mo").hide(); $(".kinetics-sub-li-mo").hide(); $(".qs-sub-li-mo").hide(); $(".human-practices-sub-li-mo").hide(); $(".integration-sub-li-mo").hide(); $(".integrated-sub-li-mo").hide(); $(".safety-sub-li-mo").hide(); $(".Engagement-sub-li-mo").hide(); $(".future-sub-li-mo").hide(); $(".rollout-sub-li-mo").hide(); $(".application-sub-li-mo").hide(); $(".device-sub-li-mo").hide(); $(".notebook-sub-li-mo").hide(); $(".collaboration-sub-li-mo").hide(); $(".protocols-sub-li-mo").hide(); $(".interlab-sub-li-mo").hide(); $(".team-sub-li-mo").hide(); $(".members-sub-li-mo").hide(); $(".attributions-sub-li-mo").hide();

$(".project-li-mo").css("background","white"); $(".wet-lab-li-mo").css("background","lightblue"); $(".model-li-mo").css("background","white"); $(".human-practices-li-mo").css("background","white"); $(".application-li-mo").css("background","white"); $(".notebook-li-mo").css("background","white"); $(".team-li-mo").css("background","white"); });

$(".model-li-mo").click(function() { $("#MobileSubMenu").show(); $(".fill-sub-li-mo").show(); $(".wet-lab-sub-li-mo").hide(); $(".parts-sub-li-mo").hide(); $(".results-sub-li-mo").hide(); $(".demo-sub-li-mo").hide();

$(".model-sub-li-mo").toggle(); $(".kinetics-sub-li-mo").toggle(); $(".qs-sub-li-mo").toggle();

$(".human-practices-sub-li-mo").hide(); $(".integration-sub-li-mo").hide(); $(".integrated-sub-li-mo").hide(); $(".safety-sub-li-mo").hide(); $(".Engagement-sub-li-mo").hide(); $(".future-sub-li-mo").hide(); $(".application-sub-li-mo").hide(); $(".rollout-sub-li-mo").hide(); $(".device-sub-li-mo").hide(); $(".notebook-sub-li-mo").hide(); $(".collaboration-sub-li-mo").hide(); $(".protocols-sub-li-mo").hide(); $(".interlab-sub-li-mo").hide(); $(".team-sub-li-mo").hide(); $(".members-sub-li-mo").hide(); $(".attributions-sub-li-mo").hide();

$(".project-li-mo").css("background","white"); $(".wet-lab-li-mo").css("background","white"); $(".model-li-mo").css("background","lightblue"); $(".human-practices-li-mo").css("background","white"); $(".application-li-mo").css("background","white"); $(".notebook-li-mo").css("background","white"); $(".team-li-mo").css("background","white"); });

$(".human-practices-li-mo").click(function() { $("#MobileSubMenu").show(); $(".fill-sub-li-mo").show();

$(".wet-lab-sub-li-mo").hide(); $(".parts-sub-li-mo").hide(); $(".results-sub-li-mo").hide(); $(".demo-sub-li-mo").hide(); $(".model-sub-li-mo").hide(); $(".kinetics-sub-li-mo").hide(); $(".qs-sub-li-mo").hide();

$(".human-practices-sub-li-mo").toggle(); $(".integrated-sub-li-mo").toggle(); $(".safety-sub-li-mo").toggle(); $(".future-sub-li-mo").toggle(); $(".Engagement-sub-li-mo").toggle();

$(".application-sub-li-mo").hide(); $(".rollout-sub-li-mo").hide(); $(".device-sub-li-mo").hide(); $(".notebook-sub-li-mo").hide(); $(".collaboration-sub-li-mo").hide(); $(".protocols-sub-li-mo").hide(); $(".interlab-sub-li-mo").hide(); $(".team-sub-li-mo").hide(); $(".members-sub-li-mo").hide(); $(".attributions-sub-li-mo").hide();

$(".project-li-mo").css("background","white"); $(".wet-lab-li-mo").css("background","white"); $(".model-li-mo").css("background","white"); $(".human-practices-li-mo").css("background","lightblue"); $(".application-li-mo").css("background","white"); $(".notebook-li-mo").css("background","white"); $(".team-li-mo").css("background","white"); });

$(".application-li-mo").click(function() { $("#MobileSubMenu").show(); $(".fill-sub-li-mo").show();

$(".wet-lab-sub-li-mo").hide(); $(".parts-sub-li-mo").hide(); $(".results-sub-li-mo").hide(); $(".demo-sub-li-mo").hide(); $(".model-sub-li-mo").hide(); $(".kinetics-sub-li-mo").hide(); $(".qs-sub-li-mo").hide(); $(".human-practices-sub-li-mo").hide(); $(".integrated-sub-li-mo").hide(); $(".safety-sub-li-mo").hide(); $(".Engagement-sub-li-mo").hide();; $(".future-sub-li-mo").hide();

$(".application-sub-li-mo").toggle(); $(".rollout-sub-li-mo").toggle(); $(".device-sub-li-mo").toggle();

$(".notebook-sub-li-mo").hide(); $(".collaboration-sub-li-mo").hide(); $(".protocols-sub-li-mo").hide(); $(".interlab-sub-li-mo").hide(); $(".team-sub-li-mo").hide(); $(".members-sub-li-mo").hide(); $(".attributions-sub-li-mo").hide();

$(".project-li-mo").css("background","white"); $(".wet-lab-li-mo").css("background","white"); $(".model-li-mo").css("background","white"); $(".human-practices-li-mo").css("background","white"); $(".application-li-mo").css("background","lightblue"); $(".notebook-li-mo").css("background","white"); $(".team-li-mo").css("background","white"); });

$(".notebook-li-mo").click(function() { $("#MobileSubMenu").show(); $(".fill-sub-li-mo").show();

$(".wet-lab-sub-li-mo").hide(); $(".parts-sub-li-mo").hide(); $(".results-sub-li-mo").hide(); $(".demo-sub-li-mo").hide(); $(".model-sub-li-mo").hide(); $(".kinetics-sub-li-mo").hide(); $(".qs-sub-li-mo").hide(); $(".human-practices-sub-li-mo").hide(); $(".integrated-sub-li-mo").hide(); $(".safety-sub-li-mo").hide(); $(".Engagement-sub-li-mo").hide(); $(".future-sub-li-mo").hide(); $(".application-sub-li-mo").hide(); $(".rollout-sub-li-mo").hide(); $(".device-sub-li-mo").hide();

$(".notebook-sub-li-mo").toggle(); $(".collaboration-sub-li-mo").toggle(); $(".protocols-sub-li-mo").toggle(); $(".interlab-sub-li-mo").toggle();

$(".team-sub-li-mo").hide(); $(".members-sub-li-mo").hide(); $(".attributions-sub-li-mo").hide();

$(".project-li-mo").css("background","white"); $(".wet-lab-li-mo").css("background","white"); $(".model-li-mo").css("background","white"); $(".human-practices-li-mo").css("background","white"); $(".application-li-mo").css("background","white"); $(".notebook-li-mo").css("background","lightblue"); $(".team-li-mo").css("background","white");

});

$(".team-li-mo").click(function() { $("#MobileSubMenu").show(); $(".fill-sub-li-mo").show();

$(".wet-lab-sub-li-mo").hide(); $(".parts-sub-li-mo").hide(); $(".results-sub-li-mo").hide(); $(".demo-sub-li-mo").hide(); $(".model-sub-li-mo").hide(); $(".kinetics-sub-li-mo").hide(); $(".qs-sub-li-mo").hide(); $(".human-practices-sub-li-mo").hide(); $(".integrated-sub-li-mo").hide(); $(".safety-sub-li-mo").hide(); $(".Engagement-sub-li-mo").hide(); $(".future-sub-li-mo").hide(); $(".application-sub-li-mo").hide(); $(".rollout-sub-li-mo").hide(); $(".device-sub-li-mo").hide(); $(".collaboration-sub-li-mo").hide(); $(".notebook-sub-li-mo").hide(); $(".protocols-sub-li-mo").hide(); $(".interlab-sub-li-mo").hide();

$(".team-sub-li-mo").toggle(); $(".members-sub-li-mo").toggle(); $(".attributions-sub-li-mo").toggle();

$(".project-li-mo").css("background","white"); $(".wet-lab-li-mo").css("background","white"); $(".model-li-mo").css("background","white"); $(".human-practices-li-mo").css("background","white"); $(".application-li-mo").css("background","white"); $(".notebook-li-mo").css("background","white"); $(".team-li-mo").css("background","lightblue");

});

/*** Main Menu ***/

           //delay of 400 ms before menu hover action takes effect
           var timer;
           var delay = 0;   
           //load color variables from css	
           color1 = $('#TopMenu').css('background-color');
           color2 = $('#SubMenu').css('background-color');
           //mouseovers to make main menu active
           $("#project").on("mouseover", function() {

clearTimeout(timer);

           timer = setTimeout(function () {

clearTimeout(timer); delay = 200;

               $("#project").css("text-decoration","underline");
               $("#background").css("text-decoration","none");
               $("#wet-lab").css("text-decoration","none");
               $("#model").css("text-decoration","none");
               $("#human-practices").css("text-decoration","none");

$("#application").css("text-decoration","none");

               $("#notebook").css("text-decoration","none");
               $("#team").css("text-decoration","none");
               //Switching menu button, clear everything else
               $("#wet-lab-sub").hide();
               $("#model-sub").hide();
               $("#human-practices-sub").hide();

$("#application-sub").hide();

               $("#notebook-sub").hide();
               $("#team-sub").hide();                
               $(".parts-sub-nav-item").css("text-decoration","none");
               $(".results-sub-nav-item").css("text-decoration","none");
               $(".demo-sub-nav-item").css("text-decoration","none");
               $(".kinetics-sub-nav-item").css("text-decoration","none");
               $(".qs-sub-nav-item").css("text-decoration","none");
               $(".integration-sub-nav-item").css("text-decoration","none");
               $(".integrated-sub-nav-item").css("text-decoration","none");
               $(".rollout-sub-nav-item").css("text-decoration","none");
               $(".device-sub-nav-item").css("text-decoration","none");
               $(".safety-sub-nav-item").css("text-decoration","none");
               $(".Engagement-sub-nav-item").css("text-decoration","none");
               $(".collaboration-sub-nav-item").css("text-decoration","none");
               $(".protocols-sub-nav-item").css("text-decoration","none");
               $(".interlab-sub-nav-item").css("text-decoration","none");
               $(".members-sub-nav-item").css("text-decoration","none");
               $(".attributions-sub-nav-item").css("text-decoration","none");
               }, delay);            
           });
           
           $("#background").on("mouseover", function() {

clearTimeout(timer);

           timer = setTimeout(function () {

clearTimeout(timer); delay = 200;

               $("#project").css("text-decoration","none");
               $("#background").css("text-decoration","underline");
               $("#wet-lab").css("text-decoration","none");
               $("#model").css("text-decoration","none");
               $("#human-practices").css("text-decoration","none");

$("#application").css("text-decoration","none");

               $("#notebook").css("text-decoration","none");
               $("#team").css("text-decoration","none");
               //Switching menu button, clear everything else
               $("#wet-lab-sub").hide();
               $("#model-sub").hide();
               $("#human-practices-sub").hide();

$("#application-sub").hide();

               $("#notebook-sub").hide();
               $("#team-sub").hide();
               $(".parts-sub-nav-item").css("text-decoration","none");
               $(".results-sub-nav-item").css("text-decoration","none");
               $(".demo-sub-nav-item").css("text-decoration","none");
               $(".kinetics-sub-nav-item").css("text-decoration","none");
               $(".qs-sub-nav-item").css("text-decoration","none");
               $(".integration-sub-nav-item").css("text-decoration","none");
               $(".integrated-sub-nav-item").css("text-decoration","none");
               $(".rollout-sub-nav-item").css("text-decoration","none");
               $(".device-sub-nav-item").css("text-decoration","none");
               $(".safety-sub-nav-item").css("text-decoration","none");
               $(".Engagement-sub-nav-item").css("text-decoration","none");
               $(".collaboration-sub-nav-item").css("text-decoration","none");
               $(".protocols-sub-nav-item").css("text-decoration","none");
               $(".interlab-sub-nav-item").css("text-decoration","none");
               $(".members-sub-nav-item").css("text-decoration","none");
               $(".attributions-sub-nav-item").css("text-decoration","none");
               }, delay);            
           });
           $("#wet-lab").on("mouseover", function() {

clearTimeout(timer);

           timer = setTimeout(function () {  

clearTimeout(timer); delay = 300;

               $("#wet-lab-sub").show();
               $("#project").css("text-decoration","none");
               $("#background").css("text-decoration","none");
               $("#wet-lab").css("text-decoration","underline");
               $("#model").css("text-decoration","none");
               $("#human-practices").css("text-decoration","none");				

$("#application").css("text-decoration","none");

               $("#notebook").css("text-decoration","none");
               $("#team").css("text-decoration","none");
               //Switching menu button, clear everything else                
               $("#model-sub").hide();
               $("#human-practices-sub").hide();

$("#application-sub").hide();

               $("#notebook-sub").hide();
               $("#team-sub").hide();
               $(".parts-sub-nav-item").css("text-decoration","none");
               $(".results-sub-nav-item").css("text-decoration","none");
               $(".demo-sub-nav-item").css("text-decoration","none");
               $(".kinetics-sub-nav-item").css("text-decoration","none");
               $(".qs-sub-nav-item").css("text-decoration","none");
               $(".integration-sub-nav-item").css("text-decoration","none");
               $(".integrated-sub-nav-item").css("text-decoration","none");
               $(".rollout-sub-nav-item").css("text-decoration","none");
               $(".device-sub-nav-item").css("text-decoration","none");
               $(".safety-sub-nav-item").css("text-decoration","none");
               $(".Engagement-sub-nav-item").css("text-decoration","none");
               $(".collaboration-sub-nav-item").css("text-decoration","none");
               $(".protocols-sub-nav-item").css("text-decoration","none");
               $(".interlab-sub-nav-item").css("text-decoration","none");
               $(".members-sub-nav-item").css("text-decoration","none");
               $(".attributions-sub-nav-item").css("text-decoration","none");
               }, delay);
           });
           $("#model").on("mouseover", function() {

clearTimeout(timer); timer = setTimeout(function () { clearTimeout(timer); delay = 300;

               $("#model-sub").show();
               $("#project").css("text-decoration","none");
               $("#background").css("text-decoration","none");
               $("#wet-lab").css("text-decoration","none");
               $("#model").css("text-decoration","underline");
               $("#human-practices").css("text-decoration","none");								

$("#application").css("text-decoration","none");

               $("#notebook").css("text-decoration","none");
               $("#team").css("text-decoration","none");
               //Switching menu button, clear everything else                
               $("#wet-lab-sub").hide();
               $("#human-practices-sub").hide();

$("#application-sub").hide();

               $("#notebook-sub").hide();
               $("#team-sub").hide();
               $(".parts-sub-nav-item").css("text-decoration","none");
               $(".results-sub-nav-item").css("text-decoration","none");
               $(".demo-sub-nav-item").css("text-decoration","none");
               $(".kinetics-sub-nav-item").css("text-decoration","none");
               $(".qs-sub-nav-item").css("text-decoration","none");
               $(".integration-sub-nav-item").css("text-decoration","none");
               $(".integrated-sub-nav-item").css("text-decoration","none");
               $(".rollout-sub-nav-item").css("text-decoration","none");
               $(".device-sub-nav-item").css("text-decoration","none");
               $(".safety-sub-nav-item").css("text-decoration","none");
               $(".Engagement-sub-nav-item").css("text-decoration","none");
               $(".collaboration-sub-nav-item").css("text-decoration","none");
               $(".protocols-sub-nav-item").css("text-decoration","none");
               $(".interlab-sub-nav-item").css("text-decoration","none");
               $(".members-sub-nav-item").css("text-decoration","none");
               $(".attributions-sub-nav-item").css("text-decoration","none");

}, delay);

           });
           $("#human-practices").on("mouseover", function() {

clearTimeout(timer); timer = setTimeout(function () { clearTimeout(timer); delay = 400;

               $("#human-practices-sub").show();
               $("#project").css("text-decoration","none");
               $("#background").css("text-decoration","none");
               $("#wet-lab").css("text-decoration","none");
               $("#model").css("text-decoration","none");
               $("#human-practices").css("text-decoration","underline")

$("#application").css("text-decoration","none");

               $("#notebook").css("text-decoration","none");
               $("#team").css("text-decoration","none");
               //Switching menu button, clear everything else                
               $("#wet-lab-sub").hide();
               $("#model-sub").hide();

$("#application-sub").hide();

               $("#notebook-sub").hide();
               $("#team-sub").hide();
               $(".parts-sub-nav-item").css("text-decoration","none");
               $(".results-sub-nav-item").css("text-decoration","none");
               $(".demo-sub-nav-item").css("text-decoration","none");
               $(".kinetics-sub-nav-item").css("text-decoration","none");
               $(".qs-sub-nav-item").css("text-decoration","none");
               $(".integration-sub-nav-item").css("text-decoration","none");
               $(".integrated-sub-nav-item").css("text-decoration","none");
               $(".rollout-sub-nav-item").css("text-decoration","none");
               $(".device-sub-nav-item").css("text-decoration","none");
               $(".safety-sub-nav-item").css("text-decoration","none");
               $(".Engagement-sub-nav-item").css("text-decoration","none");
               $(".collaboration-sub-nav-item").css("text-decoration","none");
               $(".protocols-sub-nav-item").css("text-decoration","none");
               $(".interlab-sub-nav-item").css("text-decoration","none");
               $(".members-sub-nav-item").css("text-decoration","none");
               $(".attributions-sub-nav-item").css("text-decoration","none");
               }, delay);
           });

$("#application").on("mouseover", function() { clearTimeout(timer); timer = setTimeout(function () { clearTimeout(timer); delay = 400; $("#application-sub").show();

               $("#project").css("text-decoration","none");
               $("#background").css("text-decoration","none");
               $("#wet-lab").css("text-decoration","none");
               $("#model").css("text-decoration","none");
               $("#human-practices").css("text-decoration","none");

$("#application").css("text-decoration","underline")

               $("#notebook").css("text-decoration","none");
               $("#team").css("text-decoration","none");
               //Switching menu button, clear everything else
               
               $("#wet-lab-sub").hide();
               $("#model-sub").hide();

$("#human-practices-sub").hide();

               $("#notebook-sub").hide();
               $("#team-sub").hide();
               $(".parts-sub-nav-item").css("text-decoration","none");
               $(".results-sub-nav-item").css("text-decoration","none");
               $(".demo-sub-nav-item").css("text-decoration","none");
               $(".kinetics-sub-nav-item").css("text-decoration","none");
               $(".qs-sub-nav-item").css("text-decoration","none");
               $(".integration-sub-nav-item").css("text-decoration","none");
               $(".integrated-sub-nav-item").css("text-decoration","none");
               $(".rollout-sub-nav-item").css("text-decoration","none");
               $(".device-sub-nav-item").css("text-decoration","none");
               $(".safety-sub-nav-item").css("text-decoration","none");
               $(".Engagement-sub-nav-item").css("text-decoration","none");
               $(".collaboration-sub-nav-item").css("text-decoration","none");
               $(".protocols-sub-nav-item").css("text-decoration","none");
               $(".interlab-sub-nav-item").css("text-decoration","none");
               $(".members-sub-nav-item").css("text-decoration","none");
               $(".attributions-sub-nav-item").css("text-decoration","none");
               }, delay);
           });


           $("#notebook").on("mouseover", function() {

clearTimeout(timer);

           timer = setTimeout(function () {

clearTimeout(timer); delay = 600;

               $("#notebook-sub").show();
               $("#project").css("text-decoration","none");
               $("#background").css("text-decoration","none");
               $("#wet-lab").css("text-decoration","none");
               $("#model").css("text-decoration","none");
               $("#human-practices").css("text-decoration","none");

$("#application").css("text-decoration","none");

               $("#notebook").css("text-decoration","underline")
               $("#team").css("text-decoration","none");
               //Switching menu button, clear everything else
               
               $("#wet-lab-sub").hide();
               $("#model-sub").hide();
               $("#human-practices-sub").hide();

$("#application-sub").hide();

               $("#team-sub").hide();
               $(".parts-sub-nav-item").css("text-decoration","none");
               $(".results-sub-nav-item").css("text-decoration","none");
               $(".demo-sub-nav-item").css("text-decoration","none");
               $(".kinetics-sub-nav-item").css("text-decoration","none");
               $(".qs-sub-nav-item").css("text-decoration","none");
               $(".integration-sub-nav-item").css("text-decoration","none");
               $(".integrated-sub-nav-item").css("text-decoration","none");
               $(".rollout-sub-nav-item").css("text-decoration","none");
               $(".device-sub-nav-item").css("text-decoration","none");
               $(".safety-sub-nav-item").css("text-decoration","none");
               $(".Engagement-sub-nav-item").css("text-decoration","none");
               $(".collaboration-sub-nav-item").css("text-decoration","none");
               $(".protocols-sub-nav-item").css("text-decoration","none");
               $(".interlab-sub-nav-item").css("text-decoration","none");
               $(".members-sub-nav-item").css("text-decoration","none");
               $(".attributions-sub-nav-item").css("text-decoration","none");
               }, delay);
           });
           $("#team").on("mouseover", function() {

clearTimeout(timer);

           timer = setTimeout(function () {

clearTimeout(timer); delay = 800;

               $("#team-sub").show();
               $("#project").css("text-decoration","none");
               $("#background").css("text-decoration","none");
               $("#wet-lab").css("text-decoration","none");
               $("#model").css("text-decoration","none");
               $("#human-practices").css("text-decoration","none");

$("#application").css("text-decoration","none");

               $("#notebook").css("text-decoration","none");
               $("#team").css("text-decoration","underline");
               //Switching menu button, clear everything else
               
               $("#wet-lab-sub").hide();
               $("#model-sub").hide();
               $("#human-practices-sub").hide();

$("#application-sub").hide();

               $("#notebook-sub").hide();
               $(".parts-sub-nav-item").css("text-decoration","none");
               $(".results-sub-nav-item").css("text-decoration","none");
               $(".demo-sub-nav-item").css("text-decoration","none");
               $(".kinetics-sub-nav-item").css("text-decoration","none");
               $(".qs-sub-nav-item").css("text-decoration","none");
               $(".integration-sub-nav-item").css("text-decoration","none");
               $(".integrated-sub-nav-item").css("text-decoration","none");
               $(".rollout-sub-nav-item").css("text-decoration","none");
               $(".device-sub-nav-item").css("text-decoration","none");
               $(".safety-sub-nav-item").css("text-decoration","none");
               $(".Engagement-sub-nav-item").css("text-decoration","none");
               $(".collaboration-sub-nav-item").css("text-decoration","none");
               $(".protocols-sub-nav-item").css("text-decoration","none");
               $(".interlab-sub-nav-item").css("text-decoration","none");
               $(".members-sub-nav-item").css("text-decoration","none");
               $(".attributions-sub-nav-item").css("text-decoration","none");
               }, delay);
           });
           			
           $(".parts-sub-nav-item").on("mouseover", function() {

clearTimeout(timer);

               $(".parts-sub-nav-item").css("text-decoration","underline");
               $(".results-sub-nav-item").css("text-decoration","none");
               $(".demo-sub-nav-item").css("text-decoration","none");
           });
           $(".results-sub-nav-item").on("mouseover", function() {

clearTimeout(timer);

               $(".parts-sub-nav-item").css("text-decoration","none");
               $(".results-sub-nav-item").css("text-decoration","underline");;
               $(".demo-sub-nav-item").css("text-decoration","none");
           });
           $(".demo-sub-nav-item").on("mouseover", function() {

clearTimeout(timer);

               $(".parts-sub-nav-item").css("text-decoration","none");
               $(".results-sub-nav-item").css("text-decoration","none");
               $(".demo-sub-nav-item").css("text-decoration","underline");
           });
           $(".kinetics-sub-nav-item").on("mouseover", function() {

clearTimeout(timer);

               $(".kinetics-sub-nav-item").css("text-decoration","underline");
               $(".qs-sub-nav-item").css("text-decoration","none");
               $(".integration-sub-nav-item").css("text-decoration","none");
           });
           $(".qs-sub-nav-item").on("mouseover", function() {

clearTimeout(timer);

               $(".kinetics-sub-nav-item").css("text-decoration","none");
               $(".qs-sub-nav-item").css("text-decoration","underline");
               $(".integration-sub-nav-item").css("text-decoration","none");
           });
           $(".integration-sub-nav-item").on("mouseover", function() {

clearTimeout(timer);

               $(".kinetics-sub-nav-item").css("text-decoration","none");
               $(".qs-sub-nav-item").css("text-decoration","none");
               $(".integration-sub-nav-item").css("text-decoration","underline");
           });
           $(".integrated-sub-nav-item").on("mouseover", function() {

clearTimeout(timer);

               $(".integrated-sub-nav-item").css("text-decoration","underline");
               $(".safety-sub-nav-item").css("text-decoration","none");
               $(".Engagement-sub-nav-item").css("text-decoration","none");

$(".future-sub-nav-item").css("text-decoration","none");

           });


           $(".safety-sub-nav-item").on("mouseover", function() {

clearTimeout(timer);

               $(".integrated-sub-nav-item").css("text-decoration","none");
               $(".safety-sub-nav-item").css("text-decoration","underline");
               $(".Engagement-sub-nav-item").css("text-decoration","none");

$(".future-sub-nav-item").css("text-decoration","none");

           });
           $(".Engagement-sub-nav-item").on("mouseover", function() {

clearTimeout(timer);

               $(".integrated-sub-nav-item").css("text-decoration","none");
               $(".safety-sub-nav-item").css("text-decoration","none");
               $(".Engagement-sub-nav-item").css("text-decoration","underline");

$(".future-sub-nav-item").css("text-decoration","none");

           });

$(".future-sub-nav-item").on("mouseover", function() { clearTimeout(timer);

               $(".integrated-sub-nav-item").css("text-decoration","none");
               $(".safety-sub-nav-item").css("text-decoration","none");
               $(".Engagement-sub-nav-item").css("text-decoration","none");

$(".future-sub-nav-item").css("text-decoration","underline");

           });

$(".device-sub-nav-item").on("mouseover", function() { clearTimeout(timer);

               $(".rollout-sub-nav-item").css("text-decoration","none");
               $(".device-sub-nav-item").css("text-decoration","underline");
           });
           $(".rollout-sub-nav-item").on("mouseover", function() {

clearTimeout(timer);

               $(".rollout-sub-nav-item").css("text-decoration","underline");
               $(".device-sub-nav-item").css("text-decoration","none");
           });
           $(".collaboration-sub-nav-item").on("mouseover", function() {

clearTimeout(timer);

               $(".collaboration-sub-nav-item").css("text-decoration","underline");
               $(".protocols-sub-nav-item").css("text-decoration","none");
               $(".interlab-sub-nav-item").css("text-decoration","none");
           });
           $(".protocols-sub-nav-item").on("mouseover", function() {

clearTimeout(timer);

               $(".collaboration-sub-nav-item").css("text-decoration","none");
               $(".protocols-sub-nav-item").css("text-decoration","underline");
               $(".interlab-sub-nav-item").css("text-decoration","none");
           });
           $(".interlab-sub-nav-item").on("mouseover", function() {

clearTimeout(timer);

               $(".collaboration-sub-nav-item").css("text-decoration","none");
               $(".protocols-sub-nav-item").css("text-decoration","none");
               $(".interlab-sub-nav-item").css("text-decoration","underline");
           });
           $(".members-sub-nav-item").on("mouseover", function() {

clearTimeout(timer);

               $(".members-sub-nav-item").css("text-decoration","underline");
               $(".attributions-sub-nav-item").css("text-decoration","none");
           });
           $(".attributions-sub-nav-item").on("mouseover", function() {

clearTimeout(timer);

               $(".members-sub-nav-item").css("text-decoration","none");
               $(".attributions-sub-nav-item").css("text-decoration","underline");
           });
           //Reset timer when not on the menu
           $("#FrontPage").on("mouseover", function() {

clearTimeout(timer); });

           $("Center-Text-Column-wrapper").on("mouseover", function() {

clearTimeout(timer); });

//Reset submenu selection after hovering over FrontPage or CenterTextColumnWraooer $("#FrontPage").on("mouseover", function() { clearTimeout(timer);

           timer = setTimeout(function () {

clearTimeout(timer); delay = 0;

               $("#team-sub").show();
               $("#project").css("text-decoration","none");
               $("#background").css("text-decoration","none");
               $("#wet-lab").css("text-decoration","none");
               $("#model").css("text-decoration","none");
               $("#human-practices").css("text-decoration","none");

$("#application").css("text-decoration","none");

               $("#notebook").css("text-decoration","none");
               $("#team").css("text-decoration","none");
               //Switching menu button, clear everything else                
               $("#wet-lab-sub").hide();
               $("#model-sub").hide();
               $("#human-practices-sub").hide();

$("#application-sub").hide();

               $("#notebook-sub").hide();

$("#team-sub").hide();

               $(".description-sub-nav-item").css("text-decoration","none");
               $(".design-sub-nav-item").css("text-decoration","none");

$(".summary-sub-nav-item").css("text-decoration","none"); $(".achievements-sub-nav-item").css("text-decoration","none");

               $(".parts-sub-nav-item").css("text-decoration","none");
               $(".results-sub-nav-item").css("text-decoration","none");
               $(".demo-sub-nav-item").css("text-decoration","none");
               $(".kinetics-sub-nav-item").css("text-decoration","none");
               $(".qs-sub-nav-item").css("text-decoration","none");
               $(".integration-sub-nav-item").css("text-decoration","none");
               $(".integrated-sub-nav-item").css("text-decoration","none");
               $(".safety-sub-nav-item").css("text-decoration","none");
               $(".Engagement-sub-nav-item").css("text-decoration","none");
               $(".future-sub-nav-item").css("text-decoration","none");

$(".rollout-sub-nav-item").css("text-decoration","none"); $(".device-sub-nav-item").css("text-decoration","none"); $(".collaboration-sub-nav-item").css("text-decoration","none");

               $(".protocols-sub-nav-item").css("text-decoration","none");
               $(".interlab-sub-nav-item").css("text-decoration","none");
               $(".members-sub-nav-item").css("text-decoration","none");
               $(".attributions-sub-nav-item").css("text-decoration","none");
               }, delay);
           });

//Reset submenu selection after hovering over FrontPage or CenterTextColumnWraooer $("#Center-Text-Column-wrapper").on("mouseover", function() { clearTimeout(timer);

           timer = setTimeout(function () {

clearTimeout(timer); delay = 400;

               $("#team-sub").show();
               $("#project").css("text-decoration","none");
               $("#background").css("text-decoration","none");
               $("#wet-lab").css("text-decoration","none");
               $("#model").css("text-decoration","none");
               $("#human-practices").css("text-decoration","none");

$("#application").css("text-decoration","none");

               $("#notebook").css("text-decoration","none");
               $("#team").css("text-decoration","none");
               //Switching menu button, clear everything else                
               $("#wet-lab-sub").hide();
               $("#model-sub").hide();
               $("#human-practices-sub").hide();

$("#application-sub").hide();

               $("#notebook-sub").hide();

$("#team-sub").hide();

               $(".description-sub-nav-item").css("text-decoration","none");
               $(".design-sub-nav-item").css("text-decoration","none");

$(".summary-sub-nav-item").css("text-decoration","none"); $(".achievements-sub-nav-item").css("text-decoration","none");

               $(".parts-sub-nav-item").css("text-decoration","none");
               $(".results-sub-nav-item").css("text-decoration","none");
               $(".demo-sub-nav-item").css("text-decoration","none");
               $(".kinetics-sub-nav-item").css("text-decoration","none");
               $(".qs-sub-nav-item").css("text-decoration","none");
               $(".integration-sub-nav-item").css("text-decoration","none");
               $(".integrated-sub-nav-item").css("text-decoration","none");
               $(".safety-sub-nav-item").css("text-decoration","none");
               $(".Engagement-sub-nav-item").css("text-decoration","none");
               $(".future-sub-nav-item").css("text-decoration","none");

$(".rollout-sub-nav-item").css("text-decoration","none"); $(".device-sub-nav-item").css("text-decoration","none"); $(".collaboration-sub-nav-item").css("text-decoration","none");

               $(".protocols-sub-nav-item").css("text-decoration","none");
               $(".interlab-sub-nav-item").css("text-decoration","none");
               $(".members-sub-nav-item").css("text-decoration","none");
               $(".attributions-sub-nav-item").css("text-decoration","none");
               }, delay);
           });
           //Reset timer when hovering over submenu bar
           $("#SubMenu").on("mouseover", function() {
               clearTimeout(timer);
           });


(function() {

              "use strict";
               document.onmousemove = handleMouseMove;
               function handleMouseMove(event) {
                   var dot, eventDoc, doc, body, pageX, pageY;
                   event = event || window.event; // IE-ism
                   // If pageX/Y aren't available and clientX/Y
                   // are, calculate pageX/Y - logic taken from jQuery
                   // Calculate pageX/Y if missing and clientX/Y available
                   if (event.pageX == null && event.clientX != null) {
                       eventDoc = (event.target && event.target.ownerDocument) || document;
                       doc = eventDoc.documentElement;
                       body = eventDoc.body;
                       event.pageX = event.clientX +
                           (doc && doc.scrollLeft || body && body.scrollLeft || 0) -
                           (doc && doc.clientLeft || body && body.clientLeft || 0);
                       event.pageY = event.clientY +
                           (doc && doc.scrollTop || body && body.scrollTop || 0) -
                           (doc && doc.clientTop || body && body.clientTop || 0);
                   }

// Add a dot to follow the cursor //Calculate percentage horizontal var Xpercent = ($(window).width() - event.pageX) / $(window).width() var Ypercent = ($(window).height() - event.pageY) / $(window).height() //Display when cursor in the bottom center of the screen, while not in mobile menu mode if(Xpercent > 0.25 && Xpercent < 0.75 && Ypercent < 0.2 && $('#MobileMenu').css('display') == "none"){ $("#DownArrow").show(); } if(Xpercent < 0.25 || Xpercent > 0.75 || Ypercent > 0.20) { $("#DownArrow").hide(); }

               }


           })();
           //Make transparant when scrolling down
           $(window).scroll(function() {
               //get scroll position
               //multiply by 1.5 so the arrow will become transparent half-way up the page
               var topWindow = $(window).scrollTop() * 1.5;
               //get height of window
               var windowHeight = $(window).height() - 105;
               //set position as percentage of how far the user has scrolled 
               var position = topWindow / windowHeight;
               //invert the percentage
               position = 0.5 - 0.5*position;
               //define arrow opacity as based on how far up the page the user has scrolled
               //no scrolling = 1, half-way up the page = 0
               $('#DownArrow').css('opacity', position);
           });
       });

//Scroll button // When the user scrolls down 400px from the top of the document, show the button window.onscroll = function() {scrollFunction()};

function scrollFunction() { if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) { document.getElementById("UpButton").style.display = "block"; } else { document.getElementById("UpButton").style.display = "none"; } }

// When the user clicks on the button, scroll to the top of the document function topFunction() { document.body.scrollTop = 0; // For Chrome, Safari and Opera document.documentElement.scrollTop = 0; // For IE and Firefox }

</script>

</html>