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

 
(21 intermediate revisions by one other user not shown)
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 -->
+
<div class="container-fluid FooterWrapper">
−
<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="FooterImage">
−
<li class="fill-sub-li-mo" class="button"></li>
+
  
−
<!-- Repeat Main menu Items-->
+
        <div class="col-lg-12 FooterMainColumn">
−
            <li class="wet-lab-sub-li-mo"><button onclick="location.href='./Wet-lab/Wet-lab.html'" type >Wet-lab</button></li>
+
−
            <li class="model-sub-li-mo"><button onclick="location.href='./Model/Model.html'" >Model</button></li>
+
−
            <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-md-2 hidden-xs Main-Left-Column">
−
             <li class="parts-sub-li-mo"><button onclick="location.href='./Results/Part_Collection.html'" type="button">Parts</button></li>
+
            </div>
−
            <li class="results-sub-li-mo"><button onclick="location.href='./Results.html'" type="button">Results</button></li>
+
            <!-- Left-Column -->
−
<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-->
+
            <div class="col-lg-8">
−
    <script>
+
−
        //javascript to display menu
+
  
−
        //Loads the document
+
                <!-- Buttom that makes you go back to top -->
−
        $(document).ready(function() {
+
                <img onclick="topFunction()" id="UpButton" src="https://static.igem.org/mediawiki/2017/0/0f/T--Wageningen_UR--UpButton.png" />
  
−
/*** Mobile Menu***/
+
                <div id="Footer">
−
//Open up the mobile menu
+
                    <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>
−
$(".MobileIconGlobal").click(function() {
+
                    </p>
−
$("#MobileMenu").toggle();
+
                </div>
−
$("#MainMobileMenu").toggle();
+
                <!-- Footer -->
−
$(".MobileIconGlobal").toggle();
+
−
});
+
  
−
//And also the nemu version of the mobible menu icon
+
            </div>
−
$(".MobileIconMenu").click(function() {
+
            <!-- Center-Content-Column -->
−
$("#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();
+
            <div class="col-md-2 hidden-xs Main-Right-Column">
−
+
            </div>
−
$(".wet-lab-sub-li-mo").hide();
+
            <!-- Right-Column -->
−
$(".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");
+
        </div>
−
$(".wet-lab-li-mo").css("background","white");
+
        <!-- Main-Center-Column -->
−
$(".model-li-mo").css("background","white");
+
    </div>
−
$(".human-practices-li-mo").css("background","white");
+
 
−
$(".application-li-mo").css("background","white");
+
</div>
−
$(".notebook-li-mo").css("background","white");
+
<!-- Bootstrap container-fluid -->
−
$(".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