- <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='./Engagement.hml'" type="button">Engagement</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>