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

(Created page with " <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_lin...")
 
 
(22 intermediate revisions by one other user not shown)
Line 1: Line 1:
 +
<html>
  
<div id="Footer">
+
<div class="container-fluid FooterWrapper">
            <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 -->
+
    <div class="FooterImage">
<div id="MobileMenu">
+
<ul id="MainMobileMenu">
+
<li class="MobileIcon-li-mo" class="button">
+
<img class="MobileIconMenu" src="./images/mobileicon.png"/></li>
+
<li><button class="project-li-mo" onclick="location.href='./Project/Project.html'" type="button">Project</button></li>
+
<li><button class="background-li-mo" onclick="location.href='./Project/Background.html'" type="button">Background</button></li>
+
            <li><button class="wet-lab-li-mo">Wet-lab</button></li>
+
            <li><button class="model-li-mo">Model</button></li>           
+
<li><button class="application-li-mo">Application</button></li>
+
            <li><button class="human-practices-li-mo">Human Practices</button></li>
+
            <li><button class="notebook-li-mo">Notebook</button></li>
+
            <li><button class="team-li-mo">Team</button></li>
+
</ul>
+
  
<ul id="MobileSubMenu">
+
        <div class="col-lg-12 FooterMainColumn">
<li class="fill-sub-li-mo" class="button"></li>
+
  
<!-- Repeat Main menu Items-->
+
             <div class="col-md-2 hidden-xs Main-Left-Column">
             <li class="wet-lab-sub-li-mo"><button onclick="location.href='./Wet-lab/Wet-lab.html'" type >Wet-lab</button></li>
+
             </div>
             <li class="model-sub-li-mo"><button onclick="location.href='./Model/Model.html'" >Model</button></li>
+
             <!-- Left-Column -->
             <li class="human-practices-sub-li-mo"><button onclick="location.href='./Human_Practices.html'" >Human Practices</button></li>
+
            <li class="application-sub-li-mo"><button onclick="location.href='./Design.html'" >Application</button></li>           
+
<li class="notebook-sub-li-mo"><button onclick="location.href='./Notebook/Protocols.html'" >Notebook</button></li>
+
            <li class="team-sub-li-mo"><button onclick="location.href='./Team.html'" >Team</button></li>
+
  
<!--Submenu Items-->
+
             <div class="col-lg-8">
             <li class="parts-sub-li-mo"><button onclick="location.href='./Results/Part_Collection.html'" type="button">Parts</button></li>
+
            <li class="results-sub-li-mo"><button onclick="location.href='./Results.html'" type="button">Results</button></li>
+
<li class="demo-sub-li-mo"><button onclick="location.href='./Results/Demo.html'" type="button">Demo</button></li>
+
<li class="kinetics-sub-li-mo"><button onclick="location.href='./Model/Kinetics.html'" type="button">Kinetics</button></li>
+
<li class="qs-sub-li-mo"><button onclick="location.href='./Model/QS.html'" type="button">Quorum Sensing</button></li>
+
<li class="integration-sub-li-mo"><button onclick="location.href='./Model/Integration.html'" type="button"></button>Integration</button></li>
+
<li class="integrated-sub-li-mo"><button onclick="location.href='./HP/Gold_Integrated.html'" type="button">Integrated HP</button></li>
+
<li class="safety-sub-li-mo"><button onclick="location.href='./Safety.html'" type="button">Safety & Ethics</button></li>
+
<li class="future-sub-li-mo"><button onclick="location.href='./Future.html'" type="button">Future Perspectives</button></li>
+
<li class="Engagement-sub-li-mo"><button onclick="location.href='./Engagement.hml'" type="button">Engagement</button></li>
+
<li class="rollout-sub-li-mo"><button onclick="location.href='./Application/Rollout.html'" type="button">Rollout Plan</button></li>
+
<li class="device-sub-li-mo"><button onclick="location.href='./Application/Device.html'" type="button">Device</button></li>
+
<li class="collaboration-sub-li-mo"><button onclick="location.href='./Collaborations.html'" type="button">Collaborations</button></li>
+
<li class="protocols-sub-li-mo"><button onclick="location.href='./Notebook/Protocols.html'" type="button">Protocols</button></li>
+
<li class="interlab-sub-li-mo"><button onclick="location.href='./InterLab.html'" type="button">Interlab</button></li>
+
<li class="members-sub-li-mo"><button onclick="location.href='./Team/Profiles.html'" type="button">Members</button></li>
+
<li class="attributions-sub-li-mo"><button onclick="location.href=./Attributions.html'" type="button">Attributions</button>
+
        </ul>
+
</div>
+
  
<!-- Javascripts at the buttom so page loads first, then scripts are run-->
+
                <!-- Buttom that makes you go back to top -->
    <script>
+
                <img onclick="topFunction()" id="UpButton" src="https://static.igem.org/mediawiki/2017/0/0f/T--Wageningen_UR--UpButton.png" />
        //javascript to display menu
+
  
        //Loads the document
+
                <div id="Footer">
        $(document).ready(function() {
+
                    <p>iGEM Wageningen 2017. Send us an <a href="mailto:igemwageningen@gmail.com" class="soft_link" style="padding-right:0;">email</a> or follow us on <a class="soft_link" href="http://www.facebook.com/iGEMWageningen" target="_blank">Facebook</a>
 +
                    </p>
 +
                </div>
 +
                <!-- Footer -->
  
/*** Mobile Menu***/
+
            </div>
//Open up the mobile menu
+
            <!-- Center-Content-Column -->
$(".MobileIconGlobal").click(function() {
+
$("#MobileMenu").toggle();
+
$("#MainMobileMenu").toggle();
+
$(".MobileIconGlobal").toggle();
+
});
+
  
//And also the nemu version of the mobible menu icon
+
            <div class="col-md-2 hidden-xs Main-Right-Column">
$(".MobileIconMenu").click(function() {
+
            </div>
$("#MobileMenu").toggle();
+
            <!-- Right-Column -->
$("#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();
+
        </div>
+
        <!-- Main-Center-Column -->
$(".wet-lab-sub-li-mo").hide();
+
    </div>
$(".parts-sub-li-mo").hide();
+
 
$(".results-sub-li-mo").hide();
+
</div>
$(".demo-sub-li-mo").hide();
+
<!-- Bootstrap container-fluid -->
$(".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>

Latest revision as of 12:31, 1 November 2017