$(document).ready(function() {
//uitklap zooi van hans JW is een BITCH HANS is CRACKIE
$('.spoilerbutton').click(function() {
var id = "spoiler" + $(this).attr("id").match(/\d+/);
if ($(this).attr("src").indexOf("Uitgeklapt") != -1) {
$(this).attr("src","https://static.igem.org/mediawiki/2015/8/87/TU_Eindhoven_Ingeklapt.png");
$('#' + id).slideToggle();
} else {
$(this).attr("src","https://static.igem.org/mediawiki/2015/6/65/TU_Eindhoven_Uitgeklapt.png");
$('#' + id).slideToggle();
};
var element = $(this);
element.css("pointer-events","none");
setTimeout(function(){element.css("pointer-events","auto")},400);
});
//Wikitour
$(document).ready(function(){
//Check to see if the window is top if not then display button
var landingPageHeight = $('#wikiTour').height());
$(window).scroll(function(){
if ($(this).scrollTop() > 100)); {
$('#wikiTour').fadeIn();
} else {
$('#wikiTour').fadeOut();
}
});
//Click event to scroll to top
$('.wikiTour').click(function(){
$('html, body').animate({scrollTop : 0},800);
return false;
});
});
//scroll zooi van hans
$("a[href*=#]").click(function(e) {
if($(this).hasClass("extern")){
return;
}
e.preventDefault();
var id= $(this).attr('href');
id = id.substring(id.lastIndexOf("#"));
var el = $(id);
//If there is no element with this id, check for name attribute
if (el.length <= 0){
el = $('[name=' + id.substring(1)+ ']');
}
$('html, body').animate({ scrollTop: el.offset().top - 40}, 1000);
});
$(window).scroll(function(){
if( $(window).scrollTop() == 0){
$("#scrollUp").css("display","none");
}
else{
$("#scrollUp").css("display","initial");
}
$("#scrollUp").css("opacity", $(window).scrollTop() / 400);
});
$("#scrollUp").click(function() {
var h = window.innerHeight;
h = h - 250;
$("#scrollUp").css("bottom",h + "px");
setTimeout(function(){$('html, body').animate({ scrollTop: 0}, 1000);},700);
setTimeout(function(){$("#scrollUp").css("display","none");$("#scrollUp").css("bottom","0");},1700);
setTimeout(function(){$("#scrollUp").css("display","initial");},2400);
});
// Get current Page
locus=$(location).attr('pathname'); submenu = 0;
switch (locus) {
case '/Team:TU_Eindhoven':
submenu = 1;
break;
case '/Team:TU_Eindhoven/Team':
submenu = 2;
break;
case '/Team:TU_Eindhoven/Team/Members':
submenu = 2;
break;
case '/Team:TU_Eindhoven/Team/Supervisors':
submenu = 2;
break;
case '/Team:TU_Eindhoven/Attributions':
submenu = 2;
break;
case '/Team:TU_Eindhoven/Description':
submenu = 3;
break;
case '/Team:TU_Eindhoven/Project/Design':
submenu = 3;
break;
case '/Team:TU_Eindhoven/Project/Experimental_Approach':
submenu = 3;
break;
case '/Team:TU_Eindhoven/Project/Protocols':
submenu = 3;
break;
case '/Team:TU_Eindhoven/Notebook':
submenu = 3;
break;
case '/Team:TU_Eindhoven/Project/Interlab':
submenu = 4;
break;
case '/Team:TU_Eindhoven/ResultsHome':
submenu = 4;
break;
case '/Team:TU_Eindhoven/Results':
submenu = 4;
break;
case '/Team:TU_Eindhoven/Achievements':
submenu = 4;
break;
case '/Team:TU_Eindhoven/Parts':
submenu = 4;
break;
case '/Team:TU_Eindhoven/Modeling':
submenu = 5;
break;
case '/Team:TU_Eindhoven/Modeling/Approach':
submenu = 5;
break;
case '/Team:TU_Eindhoven/Modeling/Script':
submenu = 5;
break;
case '/Team:TU_Eindhoven/Modeling/Results':
submenu = 5;
break;
case '/Team:TU_Eindhoven/Practices':
submenu = 6;
break;
case '/Team:TU_Eindhoven/Policy_Practices/Timeline':
submenu = 6;
break;
case '/Team:TU_Eindhoven/Policy_Practices/Educational_outreach':
submenu = 6;
break;
case '/Team:TU_Eindhoven/Policy_Practices/Application_scenarios':
submenu = 6;
break;
case '/Team:TU_Eindhoven/Collaborations':
submenu = 7;
break;
case '/Team:TU_Eindhoven/Collaborations/CloningGuide':
submenu = 7;
break;
case '/Team:TU_Eindhoven/Collaborations/AmoyNewsletter':
submenu = 7;
break;
case '/Team:TU_Eindhoven/Collaborations/Collaboration_Attributions':
submenu = 7;
break;
case '/Team:TU_Eindhoven/Team/Sponsors':
submenu = 8;
break;
case '/Team:TU_Eindhoven/Safety/Lab':
submenu = 9;
break;
case '/Team:TU_Eindhoven/Safety':
submenu = 9;
break;
}; // "submenu" contains the number of the submenu to be shown by default (or 0 for none).
// icon
var link = document.createElement('link');
link.type = 'image/x-icon';
link.rel = 'shortcut icon';
link.href = 'https://static.igem.org/mediawiki/2015/4/4a/Logo_Eindhoven_small.png';
document.getElementsByTagName('head')[0].appendChild(link);
//background
$("
").appendTo("body");
$('').appendTo("#background");
var a = 0;
var fb_twit = 0;
$("#twitter_logo,#twitter").hover(
function() {
$("#twitter").css("z-index","11");
$("#twitter").css("display","initial");
$("#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9").css("color", "#004415");
$("#submenu").css("height","0px");
fb_twit = 1;
},
function() {
$("#twitter").css("z-index","-1");
$("#twitter").css("display","none");
fb_twit = 0;
defaultMenu();
});
$("#facebook_logo,#facebook").hover(
function() {
$("#facebook").css("z-index","11");
$("#facebook").css("display","initial");
$("#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9").css("color", "#004415");
$("#submenu").css("height","0px");
fb_twit = 1;
},
function() {
$("#facebook").css("z-index","-1");
$("#facebook").css("display","none");
fb_twit = 0;
defaultMenu();
});
$("#menu1").hover(
function() {
a = 1;
});
$("#menu2").hover(
function() {
a = 2;
});
$("#menu3").hover(
function() {
a = 3;
});
$("#menu4").hover(
function() {
a = 4;
});
$("#menu5").hover(
function() {
a = 5;
});
$("#menu6").hover(
function() {
a = 6;
});
$("#menu7").hover(
function() {
a = 7;
});
$("#menu8").hover(
function() {
a = 8;
});
$("#menu9").hover(
function() {
a = 9;
});
subhover = 0;
menuhover = 0;
$("#submenuwrapper").hover(
function() {
subhover = 1;
switch (a) {
case 2:
$("#menu2").css("color", "#9DC671");
$("#submenu").css("height", "60px");
break;
case 3:
$("#menu3").css("color", "#9DC671");
$("#submenu").css("height", "60px");
break;
case 4:
$("#menu4").css("color", "#9DC671");
$("#submenu").css("height", "60px");
break;
case 5:
$("#menu5").css("color", "#9DC671");
$("#submenu").css("height", "60px");
break;
case 6:
$("#menu6").css("color", "#9DC671");
$("#submenu").css("height", "60px");
break;
case 7:
$("#menu7").css("color", "#9DC671");
$("#submenu").css("height", "60px");
break;
case 9:
$("#menu9").css("color", "#9DC671");
$("#submenu").css("height", "60px");
break;
}
},
function() {
subhover = 0;
defaultMenu();
});
$("#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9").hover(
function() {
menuhover = 1;
//reset alles en display dan alleen de juiste
$("#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9").css("color", "#004415");
$("#sub2,#sub3,#sub4,#sub5,#sub6,#sub7,#sub9").css("display","none");
switch (a) {
case 1:
$("#menu1").css("color", "#9DC671");
$("#submenu").css("height","0px");
break;
case 2:
$("#menu2").css("color", "#9DC671");
$("#sub2").css("display","block");
$("#submenu").css("height", "60px");
break;
case 3:
$("#menu3").css("color", "#9DC671");
$("#sub3").css("display","block");
$("#submenu").css("height", "60px");
break;
case 4:
$("#menu4").css("color", "#9DC671");
$("#sub4").css("display","block");
$("#submenu").css("height", "60px");
break;
case 5:
$("#menu5").css("color", "#9DC671");
$("#sub5").css("display","block");
$("#submenu").css("height", "60px");
break;
case 6:
$("#menu6").css("color", "#9DC671");
$("#sub6").css("display","block");
$("#submenu").css("height", "60px");
break;
case 7:
$("#menu7").css("color", "#9DC671");
$("#sub7").css("display","block");
$("#submenu").css("height", "60px");
break;
case 8:
$("#menu8").css("color", "#9DC671");
$("#submenu").css("height", "0px");
break;
case 9:
$("#menu9").css("color", "#9DC671");
$("#sub9").css("display","block");
$("#submenu").css("height", "60px");
break;
}
},
function() {
menuhover = 0;
defaultMenu();
});
defaultMenu();
// Show default menu
function defaultMenu() {
setTimeout(function(){
if (subhover == 1 || menuhover == 1 || fb_twit == 1){
}
else{
a = submenu;
if (submenu == 1 || submenu == 8 ){
$("#submenu").css("height", "0");
$("#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9").css("color", "#004415");
$("#sub2,#sub3,#sub4,#sub5,#sub6,#sub7,#sub9").css("display","none");
$("#menu"+submenu.toString()).css("color", "#9DC671");
}
else{
$("#sub2,#sub3,#sub4,#sub5,#sub6,#sub7,#sub9").css("display","none");
$("#submenu").css("height", "60px");
$("#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7,#menu8,#menu9").css("color", "#004415");
$("#sub"+submenu.toString()).css("display","block");
$("#menu"+submenu.toString()).css("color", "#9DC671");
}
}
},5);
}
! function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
p = /^http:/.test(d.location) ? 'http' : 'https';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + "://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//Content Menu
$("#contentToggle").css("height",$("#infoTab").outerHeight());
$("#infoTabContent").css("height",$("#infoTabContent").outerHeight());
$("#infoTab").css("top","calc(50% - " + $("#infoTab").outerHeight()/2 + "px");
if(localStorage.getItem('contentMenu') == null){
localStorage.contentMenu = "true";
}
else{
contentMenuCheck();
}
$("#contentToggle").click(function(){
if(localStorage.contentMenu == "true"){
$("#infoTab").css("transition","transform 1s");
var scale = 200/$("#infoTab").outerHeight();
$("#infoTab").css("transform","translate(-80%,0) scale(1"+","+scale.toString());
$("#contentToggleImg").css("transform","rotate(180deg)");
localStorage.contentMenu = "false";
}
else{
$("#infoTab").css("transition","transform 1s");
$("#infoTab").css("transform","translate(0,0) scale(1,1)");
$("#contentToggleImg").css("transform","rotate(0deg)");
localStorage.contentMenu = "true";
}
});
$(".contentMenuImg").click(
function(){
if($("#contentList" + $(this).attr("id").match(/\d+/)).is(":visible")){
$("#contentMenuImg" + $(this).attr("id").match(/\d+/)).css("transform","rotate(0deg)");
}
else{
$("#contentMenuImg" + $(this).attr("id").match(/\d+/)).css("transform","rotate(180deg)");
}
$("#contentList" + $(this).attr("id").match(/\d+/)).slideToggle();
var el = $(this);
el.css("pointer-events", "none");
setTimeout(function(){el.css("pointer-events","auto")},400);
}
)
});
function contentMenuCheck() {
if(localStorage.contentMenu == "false"){
$("#infoTab").css("transition","none");
var scale = 200/$("#infoTab").outerHeight();
$("#infoTab").css("transform","translate(-80%,0) scale(1"+","+scale.toString());
$("#contentToggleImg").css("transform","rotate(180deg)");
}
}