"

From 2013.igem.org

function proFlyout(which){ var x="."+which,y=".f-"+which,z="#id-"+which,w = 'id-' + which; var left = document.getElementsByClassName(which)[0].offsetLeft - document.getElementById('id-' + which).offsetParent.firstElementChild.offsetLeft - 4; $(z).mouseenter(function(){ $(y).fadeIn("fast"); var test; document.getElementsByClassName('f-'+which)[0].style.left = left + 'px'; //alert(document.getElementsByClassName('f-'+which)[0].style.left); $(x).addClass("deact"); }); $(z).mouseleave(function(){$(x).removeClass("deact");$(y).hide();}); };

//4 slides

function fadeInOut() { $("#slide").fadeOut(300,function(){ i++; document.getElementById("slide").src=e[i]; //document.getElementById("write").innerHTML = "slide: " + i; $("#slide").fadeIn(300,slide_ctrl()); });

}

function starttimer() {

//document.getElementById("slide").src=e[i]; fadeInOut(); //header_dots(); $("#resume").hide(); $("#stop").show(); if(i >= 3) i = 0; timer = setTimeout("starttimer()",5000); };

function stoptimer() { clearTimeout(timer); //document.getElementById("write").innerHTML = "stopped"; $("#pause").hide(); $("#resume").show(); }

function go2right(){ stoptimer(); starttimer(); }

function slide_ctrl(){

   var x = 0;

var text = '<img src="" alt="previous" id="left" onclick="go2left()" />'; for(x=0;x<=2;x++){ if (x==(i-1)) { text += '<img src="" />' ;} else { text += '<img src="" onclick="i = ' + x + ';stoptimer(); starttimer()" />';} }; text += '<img src="" alt="next" id="right" onclick="go2right()" />'; text += '<img src="" alt="pause" id="pause" onclick="stoptimer()" /><img src="" alt="resume" id="resume" onclick="starttimer()" style="display:none" />'; //else {text += ;} //alert(timer > 0); document.getElementById("slide-ctrl").innerHTML = text; }

function go2left(){ stoptimer(); if (i == 0) i = 3; i = i - 2; if (i < 0) i =2; starttimer(); }

var ob1; var rTop = 0;

function fixedpo() { var sTop = document.getElementsByTagName('body')[0].scrollTop; if(sTop > rTop) {ob1.style.position = 'fixed'; ob1.style.top = '0px';

                        ob1.style.width = '27%'}

else {ob1.style.position =; ob1.style.top = ;ob1.style.width = } //; }

function calDefTop(ob){ var dTop = 0; while( ob != null){ dTop += ob.offsetTop; //ob.innerHTML += dTop+ ' '; ob = ob.offsetParent;} return dTop; }

$(document).ready(function(){

   //universal
  $(".f-larger").click(function(){
   $("p").css("font-size","14pt");
  });
  $(".f-smaller").click(function(){
   $("p").css("font-size","12pt");
  });
  $(".f-medium").click(function(){
   $("p").css("font-size","13pt");
  });
   ob1 = document.getElementById('col-left');
   rTop = 307;
   window.setInterval('fixedpo()',20);

})