Difference between revisions of "Template:Wageningen UR/PageEnd"

Line 1: Line 1:
 
<html>
 
<html>
−
<div id="Footer">
 
−
            <p>iGEM Wageningen UR 2017. Send us an <a href="mailto:igemwageningen@gmail.com" class="soft_link">email</a> or follow us on <a class="soft_link" href="http://www.facebook.com/iGEMWageningen" target="_blank">Facebook</a>
 
−
            </p>
 
−
        </div>
 
−
        <!-- Footer -->
 
−
 
 
<!-- Mobile site menu -->
 
<!-- Mobile site menu -->
 
<div id="MobileMenu">
 
<div id="MobileMenu">
Line 52: Line 46:
 
         </ul>
 
         </ul>
 
</div>
 
</div>
−
 
−
<!-- Javascripts at the buttom so page loads first, then scripts are run-->
 
−
    <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>
 
</html>

Revision as of 15:35, 6 October 2017

  • Integration