Template:CAU China/CSS

From 2014.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 2: Line 2:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Line 8: Line 9:
<!--
<!--
body {
body {
-
background-color: #030D17;
+
background-color: #666666;
background-image: url(images/bg.jpg);
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
background-repeat: no-repeat;
Line 32: Line 33:
</style>
</style>
</head>
</head>
-
 
<body>
<body>
-
 
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
 +
<script src="https://2014.igem.org/Team:CAU_China/jquery.mini.star.js?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:CAU_China/home.star.js?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:CAU_China/firefly.js?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:CAU_China/jquery.js?action=raw&ctype=text/javascript"></script>
-
<script type="text/javascript">
+
<div id="lightbox-tmp"></div>
-
window.log=function(){log.history=log.history||[];log.history.push(arguments);if(this.console){arguments.callee=arguments.callee.caller;var a=[].slice.call(arguments);(typeof console.log==="object"?log.apply.call(console.log,console,a):console.log.apply(console,a))}};
+
<div id="lightbox-loading"><div></div></div>
-
(function(b){function c(){}for(var d="assert,count,debug,dir,dirxml,error,exception,group,groupCollapsed,groupEnd,info,log,timeStamp,profile,profileEnd,time,timeEnd,trace,warn".split(","),a;a=d.pop();){b[a]=b[a]||c}})((function(){try
+
<div id="lightbox-overlay" style="display: none;"></div>
-
{console.log();return window.console;}catch(err){return window.console={};}})());
+
-
</script>
+
-
<script type="text/javascript">
+
<div id="lightbox-wrap">
-
/*
+
<div id="lightbox-outer">
-
* jQuery Cycle Plugin (with Transition Definitions)
+
<div id="lightbox-content"></div>
-
* Examples and documentation at: http://jquery.malsup.com/cycle/
+
<a id="lightbox-close"></a>
-
* Copyright (c) 2007-2010 M. Alsup
+
<div id="lightbox-title"></div>
-
* Version: 2.88 (08-JUN-2010)
+
<a href="javascript:;" id="lightbox-left"><span id="lightbox-left-ico"></span></a>
-
* Dual licensed under the MIT and GPL licenses.
+
<a href="javascript:;" id="lightbox-right"><span id="lightbox-right-ico"></span></a>
-
* 一流素材网www.16sucai.com
+
</div></div>
-
* Requires: jQuery v1.2.6 or later
+
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: 0; top: 716.2850165px; left: 394.89641525px;">
-
*/
+
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -2; top: 2503.473282822485px; left: 345.0366129940828px;">
-
(function($){var ver="2.88";if($.support==undefined){$.support={opacity:!($.browser.msie)};}function debug(s){if($.fn.cycle.debug){log(s);}}function log(){if(window.console&&window.console.log){window.console.log("[cycle] "+Array.prototype.join.call(arguments," "));}}$.fn.cycle=function(options,arg2){var o={s:this.selector,c:this.context};if(this.length===0&&options!="stop"){if(!$.isReady&&o.s){log("DOM not ready, queuing slideshow");$(function(){$(o.s,o.c).cycle(options,arg2);});return this;}log("terminating; zero elements found by selector"+($.isReady?"":" (DOM not ready)"));return this;}return this.each(function(){var opts=handleArguments(this,options,arg2);if(opts===false){return;}opts.updateActivePagerLink=opts.updateActivePagerLink||$.fn.cycle.updateActivePagerLink;if(this.cycleTimeout){clearTimeout(this.cycleTimeout);}this.cycleTimeout=this.cyclePause=0;var $cont=$(this);var $slides=opts.slideExpr?$(opts.slideExpr,this):$cont.children();var els=$slides.get();if(els.length<2){log("terminating; too few slides: "+els.length);return;}var opts2=buildOptions($cont,$slides,els,opts,o);if(opts2===false){return;}var startTime=opts2.continuous?10:getTimeout(els[opts2.currSlide],els[opts2.nextSlide],opts2,!opts2.rev);if(startTime){startTime+=(opts2.delay||0);if(startTime<10){startTime=10;}debug("first timeout: "+startTime);this.cycleTimeout=setTimeout(function(){go(els,opts2,0,(!opts2.rev&&!opts.backwards));},startTime);}});};function handleArguments(cont,options,arg2){if(cont.cycleStop==undefined){cont.cycleStop=0;}if(options===undefined||options===null){options={};}if(options.constructor==String){switch(options){case"destroy":case"stop":var opts=$(cont).data("cycle.opts");if(!opts){return false;}cont.cycleStop++;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);}cont.cycleTimeout=0;$(cont).removeData("cycle.opts");if(options=="destroy"){destroy(opts);}return false;case"toggle":cont.cyclePause=(cont.cyclePause===1)?0:1;checkInstantResume(cont.cyclePause,arg2,cont);return false;case"pause":cont.cyclePause=1;return false;case"resume":cont.cyclePause=0;checkInstantResume(false,arg2,cont);return false;case"prev":case"next":var opts=$(cont).data("cycle.opts");if(!opts){log('options not found, "prev/next" ignored');return false;}$.fn.cycle[options](opts);return false;default:options={fx:options};}return options;}else{if(options.constructor==Number){var num=options;options=$(cont).data("cycle.opts");if(!options){log("options not found, can not advance slide");return false;}if(num<0||num>=options.elements.length){log("invalid slide index: "+num);return false;}options.nextSlide=num;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}if(typeof arg2=="string"){options.oneTimeFx=arg2;}go(options.elements,options,1,num>=options.currSlide);return false;}}return options;function checkInstantResume(isPaused,arg2,cont){if(!isPaused&&arg2===true){var options=$(cont).data("cycle.opts");if(!options){log("options not found, can not resume");return false;}if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}go(options.elements,options,1,(!opts.rev&&!opts.backwards));}}}function removeFilter(el,opts){if(!$.support.opacity&&opts.cleartype&&el.style.filter){try{el.style.removeAttribute("filter");}catch(smother){}}}function destroy(opts){if(opts.next){$(opts.next).unbind(opts.prevNextEvent);}if(opts.prev){$(opts.prev).unbind(opts.prevNextEvent);}if(opts.pager||opts.pagerAnchorBuilder){$.each(opts.pagerAnchors||[],function(){this.unbind().remove();});}opts.pagerAnchors=null;if(opts.destroy){opts.destroy(opts);}}function buildOptions($cont,$slides,els,options,o){var opts=$.extend({},$.fn.cycle.defaults,options||{},$.metadata?$cont.metadata():$.meta?$cont.data():{});if(opts.autostop){opts.countdown=opts.autostopCount||els.length;}var cont=$cont[0];$cont.data("cycle.opts",opts);opts.$cont=$cont;opts.stopCount=cont.cycleStop;opts.elements=els;opts.before=opts.before?[opts.before]:[];opts.after=opts.after?[opts.after]:[];opts.after.unshift(function(){opts.busy=0;});if(!$.support.opacity&&opts.cleartype){opts.after.push(function(){removeFilter(this,opts);});}if(opts.continuous){opts.after.push(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));});}saveOriginalOpts(opts);if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($slides);}if($cont.css("position")=="static"){$cont.css("position","relative");}if(opts.width){$cont.width(opts.width);}if(opts.height&&opts.height!="auto"){$cont.height(opts.height);}if(opts.startingSlide){opts.startingSlide=parseInt(opts.startingSlide);}else{if(opts.backwards){opts.startingSlide=els.length-1;}}if(opts.random){opts.randomMap=[];for(var i=0;i<els.length;i++){opts.randomMap.push(i);}opts.randomMap.sort(function(a,b){return Math.random()-0.5;});opts.randomIndex=1;opts.startingSlide=opts.randomMap[1];}else{if(opts.startingSlide>=els.length){opts.startingSlide=0;}}opts.currSlide=opts.startingSlide||0;var first=opts.startingSlide;$slides.css({position:"absolute"}).hide().each(function(i){var z;if(opts.backwards){z=first?i<=first?els.length+(i-first):first-i:els.length-i;}else{z=first?i>=first?els.length-(i-first):first-i:els.length-i;}$(this).css("z-index",z);});$(els[first]).css("opacity",1).show();removeFilter(els[first],opts);if(opts.fit&&opts.width){$slides.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height);}var reshape=opts.containerResize&&!$cont.innerHeight();if(reshape){var maxw=0,maxh=0;for(var j=0;j<els.length;j++){var $e=$(els[j]),e=$e[0],w=$e.outerWidth(),h=$e.outerHeight();if(!w){w=e.offsetWidth||e.width||$e.attr("width");}if(!h){h=e.offsetHeight||e.height||$e.attr("height");}maxw=w>maxw?w:maxw;maxh=h>maxh?h:maxh;}if(maxw>0&&maxh>0){$cont.css({width:maxw+"px",height:maxh+"px"});}}if(opts.pause){$cont.hover(function(){this.cyclePause++;},function(){this.cyclePause--;});}if(supportMultiTransitions(opts)===false){return false;}var requeue=false;options.requeueAttempts=options.requeueAttempts||0;$slides.each(function(){var $el=$(this);this.cycleH=(opts.fit&&opts.height)?opts.height:($el.height()||this.offsetHeight||this.height||$el.attr("height")||0);this.cycleW=(opts.fit&&opts.width)?opts.width:($el.width()||this.offsetWidth||this.width||$el.attr("width")||0);if($el.is("img")){var loadingIE=($.browser.msie&&this.cycleW==28&&this.cycleH==30&&!this.complete);var loadingFF=($.browser.mozilla&&this.cycleW==34&&this.cycleH==19&&!this.complete);var loadingOp=($.browser.opera&&((this.cycleW==42&&this.cycleH==19)||(this.cycleW==37&&this.cycleH==17))&&!this.complete);var loadingOther=(this.cycleH==0&&this.cycleW==0&&!this.complete);if(loadingIE||loadingFF||loadingOp||loadingOther){if(o.s&&opts.requeueOnImageNotLoaded&&++options.requeueAttempts<100){log(options.requeueAttempts," - img slide not loaded, requeuing slideshow: ",this.src,this.cycleW,this.cycleH);setTimeout(function(){$(o.s,o.c).cycle(options);},opts.requeueTimeout);requeue=true;return false;}else{log("could not determine size of image: "+this.src,this.cycleW,this.cycleH);}}}return true;});if(requeue){return false;}opts.cssBefore=opts.cssBefore||{};opts.animIn=opts.animIn||{};opts.animOut=opts.animOut||{};$slides.not(":eq("+first+")").css(opts.cssBefore);if(opts.cssFirst){$($slides[first]).css(opts.cssFirst);}if(opts.timeout){opts.timeout=parseInt(opts.timeout);if(opts.speed.constructor==String){opts.speed=$.fx.speeds[opts.speed]||parseInt(opts.speed);}if(!opts.sync){opts.speed=opts.speed/2;}var buffer=opts.fx=="shuffle"?500:250;while((opts.timeout-opts.speed)<buffer){opts.timeout+=opts.speed;}}if(opts.easing){opts.easeIn=opts.easeOut=opts.easing;}if(!opts.speedIn){opts.speedIn=opts.speed;}if(!opts.speedOut){opts.speedOut=opts.speed;}opts.slideCount=els.length;opts.currSlide=opts.lastSlide=first;if(opts.random){if(++opts.randomIndex==els.length){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.backwards){opts.nextSlide=opts.startingSlide==0?(els.length-1):opts.startingSlide-1;}else{opts.nextSlide=opts.startingSlide>=(els.length-1)?0:opts.startingSlide+1;}}if(!opts.multiFx){var init=$.fn.cycle.transitions[opts.fx];if($.isFunction(init)){init($cont,$slides,opts);}else{if(opts.fx!="custom"&&!opts.multiFx){log("unknown transition: "+opts.fx,"; slideshow terminating");return false;}}}var e0=$slides[first];if(opts.before.length){opts.before[0].apply(e0,[e0,e0,opts,true]);}if(opts.after.length>1){opts.after[1].apply(e0,[e0,e0,opts,true]);}if(opts.next){$(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?-1:1);});}if(opts.prev){$(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?1:-1);});}if(opts.pager||opts.pagerAnchorBuilder){buildPager(els,opts);}exposeAddSlide(opts,els);return opts;}function saveOriginalOpts(opts){opts.original={before:[],after:[]};opts.original.cssBefore=$.extend({},opts.cssBefore);opts.original.cssAfter=$.extend({},opts.cssAfter);opts.original.animIn=$.extend({},opts.animIn);opts.original.animOut=$.extend({},opts.animOut);$.each(opts.before,function(){opts.original.before.push(this);});$.each(opts.after,function(){opts.original.after.push(this);});}function supportMultiTransitions(opts){var i,tx,txs=$.fn.cycle.transitions;if(opts.fx.indexOf(",")>0){opts.multiFx=true;opts.fxs=opts.fx.replace(/\s*/g,"").split(",");for(i=0;i<opts.fxs.length;i++){var fx=opts.fxs[i];tx=txs[fx];if(!tx||!txs.hasOwnProperty(fx)||!$.isFunction(tx)){log("discarding unknown transition: ",fx);opts.fxs.splice(i,1);i--;}}if(!opts.fxs.length){log("No valid transitions named; slideshow terminating.");return false;}}else{if(opts.fx=="all"){opts.multiFx=true;opts.fxs=[];for(p in txs){tx=txs[p];if(txs.hasOwnProperty(p)&&$.isFunction(tx)){opts.fxs.push(p);}}}}if(opts.multiFx&&opts.randomizeEffects){var r1=Math.floor(Math.random()*20)+30;for(i=0;i<r1;i++){var r2=Math.floor(Math.random()*opts.fxs.length);opts.fxs.push(opts.fxs.splice(r2,1)[0]);}debug("randomized fx sequence: ",opts.fxs);}return true;}function exposeAddSlide(opts,els){opts.addSlide=function(newSlide,prepend){var $s=$(newSlide),s=$s[0];if(!opts.autostopCount){opts.countdown++;}els[prepend?"unshift":"push"](s);if(opts.els){opts.els[prepend?"unshift":"push"](s);}opts.slideCount=els.length;$s.css("position","absolute");$s[prepend?"prependTo":"appendTo"](opts.$cont);if(prepend){opts.currSlide++;opts.nextSlide++;}if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($s);}if(opts.fit&&opts.width){$s.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height);}s.cycleH=(opts.fit&&opts.height)?opts.height:$s.height();s.cycleW=(opts.fit&&opts.width)?opts.width:$s.width();$s.css(opts.cssBefore);if(opts.pager||opts.pagerAnchorBuilder){$.fn.cycle.createPagerAnchor(els.length-1,s,$(opts.pager),els,opts);}if($.isFunction(opts.onAddSlide)){opts.onAddSlide($s);}else{$s.hide();}};}$.fn.cycle.resetState=function(opts,fx){fx=fx||opts.fx;opts.before=[];opts.after=[];opts.cssBefore=$.extend({},opts.original.cssBefore);opts.cssAfter=$.extend({},opts.original.cssAfter);opts.animIn=$.extend({},opts.original.animIn);opts.animOut=$.extend({},opts.original.animOut);opts.fxFn=null;$.each(opts.original.before,function(){opts.before.push(this);});$.each(opts.original.after,function(){opts.after.push(this);});var init=$.fn.cycle.transitions[fx];if($.isFunction(init)){init(opts.$cont,$(opts.elements),opts);}};function go(els,opts,manual,fwd){if(manual&&opts.busy&&opts.manualTrump){debug("manualTrump in go(), stopping active transition");$(els).stop(true,true);opts.busy=false;}if(opts.busy){debug("transition active, ignoring new tx request");return;}var p=opts.$cont[0],curr=els[opts.currSlide],next=els[opts.nextSlide];if(p.cycleStop!=opts.stopCount||p.cycleTimeout===0&&!manual){return;}if(!manual&&!p.cyclePause&&!opts.bounce&&((opts.autostop&&(--opts.countdown<=0))||(opts.nowrap&&!opts.random&&opts.nextSlide<opts.currSlide))){if(opts.end){opts.end(opts);}return;}var changed=false;if((manual||!p.cyclePause)&&(opts.nextSlide!=opts.currSlide)){changed=true;var fx=opts.fx;curr.cycleH=curr.cycleH||$(curr).height();curr.cycleW=curr.cycleW||$(curr).width();next.cycleH=next.cycleH||$(next).height();next.cycleW=next.cycleW||$(next).width();if(opts.multiFx){if(opts.lastFx==undefined||++opts.lastFx>=opts.fxs.length){opts.lastFx=0;}fx=opts.fxs[opts.lastFx];opts.currFx=fx;}if(opts.oneTimeFx){fx=opts.oneTimeFx;opts.oneTimeFx=null;}$.fn.cycle.resetState(opts,fx);if(opts.before.length){$.each(opts.before,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});}var after=function(){$.each(opts.after,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});};debug("tx firing; currSlide: "+opts.currSlide+"; nextSlide: "+opts.nextSlide);opts.busy=1;if(opts.fxFn){opts.fxFn(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{if($.isFunction($.fn.cycle[opts.fx])){$.fn.cycle[opts.fx](curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{$.fn.cycle.custom(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}}}if(changed||opts.nextSlide==opts.currSlide){opts.lastSlide=opts.currSlide;if(opts.random){opts.currSlide=opts.nextSlide;if(++opts.randomIndex==els.length){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];if(opts.nextSlide==opts.currSlide){opts.nextSlide=(opts.currSlide==opts.slideCount-1)?0:opts.currSlide+1;}}else{if(opts.backwards){var roll=(opts.nextSlide-1)<0;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=1;opts.currSlide=0;}else{opts.nextSlide=roll?(els.length-1):opts.nextSlide-1;opts.currSlide=roll?0:opts.nextSlide+1;}}else{var roll=(opts.nextSlide+1)==els.length;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=els.length-2;opts.currSlide=els.length-1;}else{opts.nextSlide=roll?0:opts.nextSlide+1;opts.currSlide=roll?els.length-1:opts.nextSlide-1;}}}}if(changed&&opts.pager){opts.updateActivePagerLink(opts.pager,opts.currSlide,opts.activePagerClass);}var ms=0;if(opts.timeout&&!opts.continuous){ms=getTimeout(els[opts.currSlide],els[opts.nextSlide],opts,fwd);}else{if(opts.continuous&&p.cyclePause){ms=10;}}if(ms>0){p.cycleTimeout=setTimeout(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));},ms);}}$.fn.cycle.updateActivePagerLink=function(pager,currSlide,clsName){$(pager).each(function(){$(this).children().removeClass(clsName).eq(currSlide).addClass(clsName);});};function getTimeout(curr,next,opts,fwd){if(opts.timeoutFn){var t=opts.timeoutFn.call(curr,curr,next,opts,fwd);while((t-opts.speed)<250){t+=opts.speed;}debug("calculated timeout: "+t+"; speed: "+opts.speed);if(t!==false){return t;}}return opts.timeout;}$.fn.cycle.next=function(opts){advance(opts,opts.rev?-1:1);};$.fn.cycle.prev=function(opts){advance(opts,opts.rev?1:-1);};function advance(opts,val){var els=opts.elements;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}if(opts.random&&val<0){opts.randomIndex--;if(--opts.randomIndex==-2){opts.randomIndex=els.length-2;}else{if(opts.randomIndex==-1){opts.randomIndex=els.length-1;}}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.random){opts.nextSlide=opts.randomMap[opts.randomIndex];}else{opts.nextSlide=opts.currSlide+val;if(opts.nextSlide<0){if(opts.nowrap){return false;}opts.nextSlide=els.length-1;}else{if(opts.nextSlide>=els.length){if(opts.nowrap){return false;}opts.nextSlide=0;}}}}var cb=opts.onPrevNextEvent||opts.prevNextClick;if($.isFunction(cb)){cb(val>0,opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,val>=0);return false;}function buildPager(els,opts){var $p=$(opts.pager);$.each(els,function(i,o){$.fn.cycle.createPagerAnchor(i,o,$p,els,opts);});opts.updateActivePagerLink(opts.pager,opts.startingSlide,opts.activePagerClass);}$.fn.cycle.createPagerAnchor=function(i,el,$p,els,opts){var a;if($.isFunction(opts.pagerAnchorBuilder)){a=opts.pagerAnchorBuilder(i,el);debug("pagerAnchorBuilder("+i+", el) returned: "+a);}else{a='<a href="#">'+(i+1)+"</a>";}if(!a){return;}var $a=$(a);if($a.parents("body").length===0){var arr=[];if($p.length>1){$p.each(function(){var $clone=$a.clone(true);$(this).append($clone);arr.push($clone[0]);});$a=$(arr);}else{$a.appendTo($p);}}opts.pagerAnchors=opts.pagerAnchors||[];opts.pagerAnchors.push($a);$a.bind(opts.pagerEvent,function(e){e.preventDefault();opts.nextSlide=i;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}var cb=opts.onPagerEvent||opts.pagerClick;if($.isFunction(cb)){cb(opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,opts.currSlide<i);});if(!/^click/.test(opts.pagerEvent)&&!opts.allowPagerClickBubble){$a.bind("click.cycle",function(){return false;});}if(opts.pauseOnPagerHover){$a.hover(function(){opts.$cont[0].cyclePause++;},function(){opts.$cont[0].cyclePause--;});}};$.fn.cycle.hopsFromLast=function(opts,fwd){var hops,l=opts.lastSlide,c=opts.currSlide;if(fwd){hops=c>l?c-l:opts.slideCount-l;}else{hops=c<l?l-c:l+opts.slideCount-c;}return hops;};function clearTypeFix($slides){debug("applying clearType background-color hack");function hex(s){s=parseInt(s).toString(16);return s.length<2?"0"+s:s;}function getBg(e){for(;e&&e.nodeName.toLowerCase()!="html";e=e.parentNode){var v=$.css(e,"background-color");if(v.indexOf("rgb")>=0){var rgb=v.match(/\d+/g);return"#"+hex(rgb[0])+hex(rgb[1])+hex(rgb[2]);}if(v&&v!="transparent"){return v;}}return"#ffffff";}$slides.each(function(){$(this).css("background-color",getBg(this));});}$.fn.cycle.commonReset=function(curr,next,opts,w,h,rev){$(opts.elements).not(curr).hide();opts.cssBefore.opacity=1;opts.cssBefore.display="block";if(w!==false&&next.cycleW>0){opts.cssBefore.width=next.cycleW;}if(h!==false&&next.cycleH>0){opts.cssBefore.height=next.cycleH;}opts.cssAfter=opts.cssAfter||{};opts.cssAfter.display="none";$(curr).css("zIndex",opts.slideCount+(rev===true?1:0));$(next).css("zIndex",opts.slideCount+(rev===true?0:1));};$.fn.cycle.custom=function(curr,next,opts,cb,fwd,speedOverride){var $l=$(curr),$n=$(next);var speedIn=opts.speedIn,speedOut=opts.speedOut,easeIn=opts.easeIn,easeOut=opts.easeOut;$n.css(opts.cssBefore);if(speedOverride){if(typeof speedOverride=="number"){speedIn=speedOut=speedOverride;}else{speedIn=speedOut=1;}easeIn=easeOut=null;}var fn=function(){$n.animate(opts.animIn,speedIn,easeIn,cb);};$l.animate(opts.animOut,speedOut,easeOut,function(){if(opts.cssAfter){$l.css(opts.cssAfter);}if(!opts.sync){fn();}});if(opts.sync){fn();}};$.fn.cycle.transitions={fade:function($cont,$slides,opts){$slides.not(":eq("+opts.currSlide+")").css("opacity",0);opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.opacity=0;});opts.animIn={opacity:1};opts.animOut={opacity:0};opts.cssBefore={};}};$.fn.cycle.ver=function(){return ver;};$.fn.cycle.defaults={fx:"fade",timeout:4000,timeoutFn:null,continuous:0,speed:1000,speedIn:null,speedOut:null,next:null,prev:null,onPrevNextEvent:null,prevNextEvent:"click.cycle",pager:null,onPagerEvent:null,pagerEvent:"click.cycle",allowPagerClickBubble:false,pagerAnchorBuilder:null,before:null,after:null,end:null,easing:null,easeIn:null,easeOut:null,shuffle:null,animIn:null,animOut:null,cssBefore:null,cssAfter:null,fxFn:null,height:"auto",startingSlide:0,sync:1,random:0,fit:0,containerResize:1,pause:0,pauseOnPagerHover:0,autostop:0,autostopCount:0,delay:0,slideExpr:null,cleartype:!$.support.opacity,cleartypeNoBg:false,nowrap:0,fastOnEvent:0,randomizeEffects:1,rev:0,manualTrump:true,requeueOnImageNotLoaded:true,requeueTimeout:250,activePagerClass:"activeSlide",updateActivePagerLink:null,backwards:false};})(jQuery);
+
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -2; top: 2937.659491026786px; left: 422.30750941709186px;">
-
</script>
+
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -17; top: 3182.123572743056px; left: 498.83485010416666px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -13; top: 2177.014271050781px; left: 232.307091703125px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: 0; top: 862.8753687152775px; left: 902.5885991666667px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: 0; top: 2885.95620864px; left: 1124.2884761599998px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -10; top: 2987.988752377551px; left: 1178.0000147091837px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -5; top: 3080.573800560764px; left: 1019.2378300590278px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: 0; top: 1540.908251265625px; left: 798.779346234375px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -5; top: 1684.1410384615385px; left: 315.37023150887575px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -4; top: 2141.306027469388px; left: 569.3915063061224px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -15; top: 2832.6854965px; left: 579.2072117499999px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -14; top: 318.8196112500001px; left: 278.6442960625px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -12; top: 2435.7239840624998px; left: 344.84310286805555px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -18; top: 2441.7894139876544px; left: 1172.9845730493828px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -1; top: 2327.794557255102px; left: 911.9380649540816px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -2; top: 379.2951064px; left: 439.55046653750003px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -13; top: 714.9215830400001px; left: 375.4097088000001px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -13; top: 1775.8873959053255px; left: 1272.9983535621302px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -2; top: 2278.5485459753086px; left: 1021.5280508425925px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -13; top: 1925.4915972396693px; left: 743.226317801653px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -5; top: 2852.427344979592px; left: 518.9274253061224px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -5; top: 2688.44638125px; left: 613.44298125px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -6; top: 3223.643399841837px; left: 426.8663300867347px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -12; top: 1666.6328089421486px; left: 852.9179439008265px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -7; top: 632.5360431020408px; left: 597.3972271020408px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -5; top: 759.9451351975308px; left: 1138.724007691358px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: 0; top: 642.09028987px; left: 1004.95184327px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -12; top: 1911.214952765625px; left: 1100.664306765625px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -2; top: 2141.5558659722224px; left: 647.453025px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -11; top: 1118.2016796875px; left: 1117.4690234375px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -11; top: 3352.055778970663px; left: 214.68041154464288px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: 0; top: 439.1776694444444px; left: 908.9040222222222px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -2; top: 1201.00812927551px; left: 623.0017307806122px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -5; top: 2825.2940805555554px; left: 90.33493472222226px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -9; top: 2770.13232907438px; left: 717.1055189318181px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -15; top: 1154.04028711px; left: 1084.96758251px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -2; top: 1398.7947359999998px; left: 103.35478399999994px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -18; top: 1150.4953658125px; left: 194.1680493125px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -7; top: 841.3540503199999px; left: 314.95683068000005px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -17; top: 1762.47083559375px; left: 902.470948328125px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -8; top: 542.0037001183431px; left: 450.4649530887573px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -13; top: 1508.1349633500001px; left: 993.53085209px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -12; top: 2037.0473735500002px; left: 694.9208738799999px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -12; top: 248.73132718750003px; left: 523.8046234375px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -14; top: 2395.7681929600003px; left: 1216.2334530800001px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -13; top: 788.6043939183674px; left: 272.1457244540817px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -14; top: 1136.8476047430554px; left: 309.24067505208336px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -2; top: 1500.0078085546875px; left: 525.485803828125px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -7; top: 1098.6744077142857px; left: 421.29313759183674px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -8; top: 373.9332630266272px; left: 1055.6352643136095px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -15; top: 2585.6597851388888px; left: 552.1373240138889px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -8; top: 1733.6734653125px; left: 164.42381042187498px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -19; top: 2082.664392888889px; left: 563.6878115555555px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -3; top: 2055.4415564166666px; left: 879.5948475243056px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -5; top: 2874.8612242962963px; left: 101.61722390123457px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -11; top: 1825.8754271656805px; left: 1107.9282629289942px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -17; top: 2447.98871719px; left: 597.19878902px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -9; top: 94.67124583673473px; left: 394.62104412244895px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -15; top: 2228.10726975px; left: 818.8838179947917px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -17; top: 2665.2674002840236px; left: 610.9293162603551px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -8; top: 1152.5296456880167px; left: 947.0369353533058px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -5; top: 130.89129849999983px; left: 1238.6398435px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -4; top: 2419.753129px; left: 655.088463755102px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -16; top: 2448.6062807222224px; left: 842.3118039166667px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -10; top: 1781.795576876033px; left: 487.6133593553719px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -4; top: 1691.1202880118344px; left: 643.3111748476331px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -14; top: 2584.851651388889px; left: 852.5160927083333px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -5; top: 2512.573795777778px; left: 579.0291875555556px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -14; top: 2018.287992888889px; left: 216.212864px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -18; top: 2397.9132023863635px; left: 596.7544594338843px;">
 +
<img src="https://static.igem.org/mediawiki/2014/4/49/Spark2.png" style="position: absolute; z-index: -4; top: 923.9545375000002px; left: 142.5352687500001px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -18; top: 2042.34785px; left: 541.660525px;">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fb/Spark1.png" style="position: absolute; z-index: -14; top: 663.7647052083333px; left: 513.4028864583333px;">
-
<script type="text/javascript">
+
</body>
-
/*
+
-
* jQuery Cycle Plugin Transition Definitions
+
-
* This script is a plugin for the jQuery Cycle Plugin
+
-
* Examples and documentation at: http://malsup.com/jquery/cycle/
+
-
* Copyright (c) 2007-2010 M. Alsup
+
-
* Version: 2.72
+
-
* Dual licensed under the MIT and GPL licenses:
+
-
* http://www.opensource.org/licenses/mit-license.php
+
-
* http://www.gnu.org/licenses/gpl.html
+
-
*/
+
-
(function($){$.fn.cycle.transitions.none=function($cont,$slides,opts){opts.fxFn=function(curr,next,opts,after){$(next).show();$(curr).hide();after();};};$.fn.cycle.transitions.scrollUp=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssBefore={top:h,left:0};opts.cssFirst={top:0};opts.animIn={top:0};opts.animOut={top:-h};};$.fn.cycle.transitions.scrollDown=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssFirst={top:0};opts.cssBefore={top:-h,left:0};opts.animIn={top:0};opts.animOut={top:h};};$.fn.cycle.transitions.scrollLeft=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:0-w};};$.fn.cycle.transitions.scrollRight=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:-w,top:0};opts.animIn={left:0};opts.animOut={left:w};};$.fn.cycle.transitions.scrollHorz=function($cont,$slides,opts){$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.left=fwd?(next.cycleW-1):(1-next.cycleW);opts.animOut.left=fwd?-curr.cycleW:curr.cycleW;});opts.cssFirst={left:0};opts.cssBefore={top:0};opts.animIn={left:0};opts.animOut={top:0};};$.fn.cycle.transitions.scrollVert=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.top=fwd?(1-next.cycleH):(next.cycleH-1);opts.animOut.top=fwd?curr.cycleH:-curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0};opts.animIn={top:0};opts.animOut={left:0};};$.fn.cycle.transitions.slideX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;});opts.cssBefore={left:0,top:0,width:0};opts.animIn={width:"show"};opts.animOut={width:0};};$.fn.cycle.transitions.slideY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;});opts.cssBefore={left:0,top:0,height:0};opts.animIn={height:"show"};opts.animOut={height:0};};$.fn.cycle.transitions.shuffle=function($cont,$slides,opts){var i,w=$cont.css("overflow","visible").width();$slides.css({left:0,top:0});opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);});if(!opts.speedAdjusted){opts.speed=opts.speed/2;opts.speedAdjusted=true;}opts.random=0;opts.shuffle=opts.shuffle||{left:-w,top:15};opts.els=[];for(i=0;i<$slides.length;i++){opts.els.push($slides[i]);}for(i=0;i<opts.currSlide;i++){opts.els.push(opts.els.shift());}opts.fxFn=function(curr,next,opts,cb,fwd){var $el=fwd?$(curr):$(next);$(next).css(opts.cssBefore);var count=opts.slideCount;$el.animate(opts.shuffle,opts.speedIn,opts.easeIn,function(){var hops=$.fn.cycle.hopsFromLast(opts,fwd);for(var k=0;k<hops;k++){fwd?opts.els.push(opts.els.shift()):opts.els.unshift(opts.els.pop());}if(fwd){for(var i=0,len=opts.els.length;i<len;i++){$(opts.els[i]).css("z-index",len-i+count);}}else{var z=$(curr).css("z-index");$el.css("z-index",parseInt(z)+1+count);}$el.animate({left:0,top:0},opts.speedOut,opts.easeOut,function(){$(fwd?this:curr).hide();if(cb){cb();}});});};opts.cssBefore={display:"block",opacity:1,top:0,left:0};};$.fn.cycle.transitions.turnUp=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=next.cycleH;opts.animIn.height=next.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,height:0};opts.animIn={top:0};opts.animOut={height:0};};$.fn.cycle.transitions.turnDown=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,top:0,height:0};opts.animOut={height:0};};$.fn.cycle.transitions.turnLeft=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=next.cycleW;opts.animIn.width=next.cycleW;});opts.cssBefore={top:0,width:0};opts.animIn={left:0};opts.animOut={width:0};};$.fn.cycle.transitions.turnRight=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW;});opts.cssBefore={top:0,left:0,width:0};opts.animIn={left:0};opts.animOut={width:0};};$.fn.cycle.transitions.zoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false,true);opts.cssBefore.top=next.cycleH/2;opts.cssBefore.left=next.cycleW/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};opts.animOut={width:0,height:0,top:curr.cycleH/2,left:curr.cycleW/2};});opts.cssFirst={top:0,left:0};opts.cssBefore={width:0,height:0};};$.fn.cycle.transitions.fadeZoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false);opts.cssBefore.left=next.cycleW/2;opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};});opts.cssBefore={width:0,height:0};opts.animOut={opacity:0};};$.fn.cycle.transitions.blindX=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW;});opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:w};};$.fn.cycle.transitions.blindY=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssBefore={top:h,left:0};opts.animIn={top:0};opts.animOut={top:h};};$.fn.cycle.transitions.blindZ=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();var w=$cont.width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssBefore={top:h,left:w};opts.animIn={top:0,left:0};opts.animOut={top:h,left:w};};$.fn.cycle.transitions.growX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=this.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:0};});opts.cssBefore={width:0,top:0};};$.fn.cycle.transitions.growY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=this.cycleH/2;opts.animIn={top:0,height:this.cycleH};opts.animOut={top:0};});opts.cssBefore={height:0,left:0};};$.fn.cycle.transitions.curtainX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true,true);opts.cssBefore.left=next.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:curr.cycleW/2,width:0};});opts.cssBefore={top:0,width:0};};$.fn.cycle.transitions.curtainY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false,true);opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,height:next.cycleH};opts.animOut={top:curr.cycleH/2,height:0};});opts.cssBefore={left:0,height:0};};$.fn.cycle.transitions.cover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);if(d=="right"){opts.cssBefore.left=-w;}else{if(d=="up"){opts.cssBefore.top=h;}else{if(d=="down"){opts.cssBefore.top=-h;}else{opts.cssBefore.left=w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0};};$.fn.cycle.transitions.uncover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(d=="right"){opts.animOut.left=w;}else{if(d=="up"){opts.animOut.top=-h;}else{if(d=="down"){opts.animOut.top=h;}else{opts.animOut.left=-w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0};};$.fn.cycle.transitions.toss=function($cont,$slides,opts){var w=$cont.css("overflow","visible").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(!opts.animOut.left&&!opts.animOut.top){opts.animOut={left:w*2,top:-h/2,opacity:0};}else{opts.animOut.opacity=0;}});opts.cssBefore={left:0,top:0};opts.animIn={left:0};};$.fn.cycle.transitions.wipe=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.cssBefore=opts.cssBefore||{};var clip;if(opts.clip){if(/l2r/.test(opts.clip)){clip="rect(0px 0px "+h+"px 0px)";}else{if(/r2l/.test(opts.clip)){clip="rect(0px "+w+"px "+h+"px "+w+"px)";}else{if(/t2b/.test(opts.clip)){clip="rect(0px "+w+"px 0px 0px)";}else{if(/b2t/.test(opts.clip)){clip="rect("+h+"px "+w+"px "+h+"px 0px)";}else{if(/zoom/.test(opts.clip)){var top=parseInt(h/2);var left=parseInt(w/2);clip="rect("+top+"px "+left+"px "+top+"px "+left+"px)";}}}}}}opts.cssBefore.clip=opts.cssBefore.clip||clip||"rect(0px 0px 0px 0px)";var d=opts.cssBefore.clip.match(/(\d+)/g);var t=parseInt(d[0]),r=parseInt(d[1]),b=parseInt(d[2]),l=parseInt(d[3]);opts.before.push(function(curr,next,opts){if(curr==next){return;}var $curr=$(curr),$next=$(next);$.fn.cycle.commonReset(curr,next,opts,true,true,false);opts.cssAfter.display="block";var step=1,count=parseInt((opts.speedIn/13))-1;(function f(){var tt=t?t-parseInt(step*(t/count)):0;var ll=l?l-parseInt(step*(l/count)):0;var bb=b<h?b+parseInt(step*((h-b)/count||1)):h;var rr=r<w?r+parseInt(step*((w-r)/count||1)):w;$next.css({clip:"rect("+tt+"px "+rr+"px "+bb+"px "+ll+"px)"});(step++<=count)?setTimeout(f,13):$curr.css("display","none");})();});opts.cssBefore={display:"block",opacity:1,top:0,left:0};opts.animIn={left:0};opts.animOut={left:0};};})(jQuery);
+
-
</script>
+
-
<script type="text/javascript">
 
-
/*
 
-
* jQuery Firefly v0.1
 
-
* https://github.com/motyar/firefly
 
-
 
-
* Licensed under the MIT license.
 
-
* Copyright 2011 Dharmveer Motyar
 
-
* http://motyar.blogspot.com
 
-
*/
 
-
(function($) {
 
-
 
-
/* Plugin defaults */
 
-
var defaults = {
 
-
images : [
 
-
'http://dharmmotyar.googlecode.com/svn/trunk/images/spark.png',
 
-
'http://dharmmotyar.googlecode.com/svn/trunk/images//spark2.png',
 
-
'http://dharmmotyar.googlecode.com/svn/trunk/images/spark3.png',
 
-
'http://dharmmotyar.googlecode.com/svn/trunk/images/spark4.png'],
 
-
total : 20
 
-
};
 
-
 
-
$.firefly = function(settings) {
 
-
$.firefly.settings = $.extend({}, defaults, settings);
 
-
if($.firefly.preloadImages()){
 
-
for (i = 0; i < $.firefly.settings.total; i++){
 
-
$.firefly.fly($.firefly.create($.firefly.settings.images[$.firefly.random(($.firefly.settings.images).length)]));
 
-
}
 
-
}
 
-
return;
 
-
};
 
-
 
-
/* Public Functions */
 
-
$.firefly.create = function(img){
 
-
spark = $('<img>').attr({'src' : img}).hide();
 
-
$(document.body).append(spark);
 
-
return spark.css({
 
-
'position':'absolute',
 
-
'z-index': $.firefly.random(1),
 
-
top: $.firefly.random(($(window).height()-150)), //offsets
 
-
left: $.firefly.random(($(window).width()-150)) //offsets
 
-
}).show();
 
-
}
 
-
 
-
$.firefly.fly = function(sp) {
 
-
$(sp).animate({
 
-
top: $.firefly.random(($(window).height()-150)), //offsets
 
-
left: $.firefly.random(($(window).width()-150))
 
-
}, (($.firefly.random(10) + 5) * 1100),function(){ $.firefly.fly(sp) } );
 
-
};
 
-
 
-
$.firefly.preloadImages = function() {
 
-
var preloads = new Object();
 
-
for (i = 0; i < ($.firefly.settings.images).length; i++){
 
-
preloads[i] = new Image(); preloads[i].src = $.firefly.settings.images[i];
 
-
}
 
-
return true;
 
-
}
 
-
 
-
$.firefly.random = function(max) {
 
-
return Math.ceil(Math.random() * max) - 1;
 
-
}
 
-
 
-
})(jQuery);
 
-
</script>
 
-
 
-
<script type="text/javascript">
 
-
/**
 
-
* @author Alexander Farkas
 
-
* v. 1.22
 
-
*/
 
-
 
-
 
-
(function($) {
 
-
if(!document.defaultView || !document.defaultView.getComputedStyle){ // IE6-IE8
 
-
var oldCurCSS = $.curCSS;
 
-
$.curCSS = function(elem, name, force){
 
-
if(name === 'background-position'){
 
-
name = 'backgroundPosition';
 
-
}
 
-
if(name !== 'backgroundPosition' || !elem.currentStyle || elem.currentStyle[ name ]){
 
-
return oldCurCSS.apply(this, arguments);
 
-
}
 
-
var style = elem.style;
 
-
if ( !force && style && style[ name ] ){
 
-
return style[ name ];
 
-
}
 
-
return oldCurCSS(elem, 'backgroundPositionX', force) +' '+ oldCurCSS(elem, 'backgroundPositionY', force);
 
-
};
 
-
}
 
-
 
-
var oldAnim = $.fn.animate;
 
-
$.fn.animate = function(prop){
 
-
if('background-position' in prop){
 
-
prop.backgroundPosition = prop['background-position'];
 
-
delete prop['background-position'];
 
-
}
 
-
if('backgroundPosition' in prop){
 
-
prop.backgroundPosition = '('+ prop.backgroundPosition;
 
-
}
 
-
return oldAnim.apply(this, arguments);
 
-
};
 
-
 
-
function toArray(strg){
 
-
strg = strg.replace(/left|top/g,'0px');
 
-
strg = strg.replace(/right|bottom/g,'100%');
 
-
strg = strg.replace(/([0-9\.]+)(\s|\)|$)/g,"$1px$2");
 
-
var res = strg.match(/(-?[0-9\.]+)(px|\%|em|pt)\s(-?[0-9\.]+)(px|\%|em|pt)/);
 
-
return [parseFloat(res[1],10),res[2],parseFloat(res[3],10),res[4]];
 
-
}
 
-
 
-
$.fx.step. backgroundPosition = function(fx) {
 
-
if (!fx.bgPosReady) {
 
-
var start = $.curCSS(fx.elem,'backgroundPosition');
 
-
if(!start){//FF2 no inline-style fallback
 
-
start = '0px 0px';
 
-
}
 
-
 
-
start = toArray(start);
 
-
fx.start = [start[0],start[2]];
 
-
var end = toArray(fx.end);
 
-
fx.end = [end[0],end[2]];
 
-
 
-
fx.unit = [end[1],end[3]];
 
-
fx.bgPosReady = true;
 
-
}
 
-
//return;
 
-
var nowPosX = [];
 
-
nowPosX[0] = ((fx.end[0] - fx.start[0]) * fx.pos) + fx.start[0] + fx.unit[0];
 
-
nowPosX[1] = ((fx.end[1] - fx.start[1]) * fx.pos) + fx.start[1] + fx.unit[1];         
 
-
fx.elem.style.backgroundPosition = nowPosX[0]+' '+nowPosX[1];
 
-
 
-
};
 
-
})(jQuery);
 
-
 
-
 
-
 
-
$(document).ready(function() {
 
-
 
-
 
-
 
-
// HIDE LOADER
 
-
//$("#loadInfo").fadeOut('fast');
 
-
 
-
// FIREFLIES
 
-
if(screen.width > 960) {
 
-
$.firefly({images : ["https://static.igem.org/mediawiki/2014/8/8e/CAU_China_CSS_snowflake1.png", "https://static.igem.org/mediawiki/2014/8/8e/CAU_China_CSS_snowflake2.png"],total : 20});
 
-
}
 
-
 
-
 
 
-
    $('.tabs li:first-child').addClass('on');
 
-
    // CONTAINER TABS
 
-
    $('.tabs a').click( function() {
 
-
   
 
-
    $('.tabs li').removeClass('on');
 
-
    $(this).parent().toggleClass('on');
 
-
   
 
-
    var tabNum;
 
-
    tabNum = parseInt($(this).attr('class'));
 
-
    $('#tab-container').cycle(tabNum);
 
-
    return false;
 
-
   
 
-
    });
 
-
       
 
-
    // SERVICES FIGURE
 
-
    $('#services figure a').hover( function() {
 
-
    $(this).parent().addClass('on');
 
-
    }, function() {
 
-
    $(this).parent().removeClass('on');
 
-
    });
 
-
 
-
 
-
// TAB SLIDER
 
-
$('#tab-container').cycle({
 
-
fx: 'scrollDown', 
 
-
speed:  'slow',
 
-
timeout: 0,
 
-
slideResize: true,
 
-
            containerResize: false,
 
-
            width: '80%',
 
-
            cleartypeNoBg: true,
 
-
            fit: 1
 
-
    });
 
-
   
 
-
  // TAB SLIDER
 
-
    $('#featured').before('<div id="slidenav">').cycle({
 
-
fx: 'scrollLeft', 
 
-
speed:  'slow',
 
-
timeout: 6000,
 
-
slideResize: true,
 
-
            containerResize: false,
 
-
            width: '100%',
 
-
            pager:  '#slidenav',
 
-
            prev:  '#prev',
 
-
    next:  '#next',
 
-
    cleartypeNoBg: true,
 
-
            fit: 1
 
-
  });
 
-
 
 
-
  // BRANDS
 
-
  $('.brands').cycle({
 
-
fx: 'scrollRight', 
 
-
speed:  1600,
 
-
timeout: 5000,
 
-
slideResize: true,
 
-
            containerResize: false,
 
-
            width: '100%',
 
-
    cleartypeNoBg: true,
 
-
            fit: 1
 
-
  });
 
-
     
 
-
$(window).resize(function(){
 
-
 
-
var window_change = true;
 
-
var window_width = $(window).width();
 
-
var window_height = $(window).height();
 
-
if(window_width > 768)
 
-
{
 
-
$(".logo").css({top: 0});
 
-
$("#next").show();
 
-
$("#prev").show();
 
-
$("#slidenav").show();
 
-
$("#loadInfo").fadeOut('slow');
 
-
 
-
}
 
-
else if(window_width >= 0 && window_width <= 767)
 
-
{
 
-
//para mobile ocupo usar otro script
 
-
$(".logo").css({top: 100});
 
-
$("#next").hide();
 
-
$("#prev").hide();
 
-
$("#slidenav").hide();
 
-
 
-
}
 
-
 
-
if(window_width >= 768 && window_width <=959)
 
-
{
 
-
$("body#home #outer").css({backgroundPosition: '50% 0'});
 
-
$("body#home #inner").css({backgroundPosition: '50% 130px'});
 
-
$("body#home #deeper").css({backgroundPosition: '50% 294px'});
 
-
}
 
-
 
-
if(window_width >= 960)
 
-
{
 
-
$("body#home #outer").css({backgroundPosition: '50% 0'});
 
-
$("body#home #inner").css({backgroundPosition: '50% 154px'});
 
-
$("body#home #deeper").css({backgroundPosition: '50% 386px'});
 
-
}
 
-
 
-
});
 
-
 
-
// ANIMATIONS
 
-
if($(window).width() > 960) {
 
-
var window_change = false;
 
-
if (window_change == false) {
 
-
homeSlide();
 
-
}
 
-
}
 
-
 
-
 
-
 
-
function homeSlide() {
 
-
// CONTENT DEFAULT
 
-
$("#next").hide();
 
-
$("#prev").hide();
 
-
$("#slidenav").hide();
 
-
 
-
// BACKGROUND
 
-
$("body#home #outer").animate({backgroundPosition: '50% -300px'}, 0);
 
-
$("body#home #inner").animate({backgroundPosition: '50% -300px'}, 0);
 
-
$("body#home #deeper").animate({backgroundPosition: '50% -300px'}, 0);
 
-
 
-
$("body#home #outer").delay(1200).animate({backgroundPosition: '50% 0'}, 600);
 
-
$("body#home #inner").delay(1200).animate({backgroundPosition: '50% 154px'}, 600);
 
-
$("body#home #deeper").delay(1200).animate({backgroundPosition: '50% 386px'}, 600);
 
-
 
-
 
-
// HEADER DEFAULT
 
-
$(".logo").animate({top: -500}, 0);
 
-
$(".n-services").animate({top: -500}, 0);
 
-
$(".n-portfolio").animate({top: -500}, 0);
 
-
$(".n-team").animate({top: -500}, 0);
 
-
$(".n-blog").animate({top: -500}, 0);
 
-
$(".n-contact").animate({top: -500}, 0);
 
-
$(".n-quote").animate({top: -500}, 0);
 
-
 
-
// HEADER ANIMATE
 
-
$(".logo").animate({top: 0}, 1000);
 
-
$(".n-services").delay('100').animate({top: 0}, 1000);
 
-
$(".n-portfolio").delay('200').animate({top: 0}, 1000);
 
-
$(".n-team").delay('300').animate({top: 0}, 1000);
 
-
$(".n-blog").delay('400').animate({top: 0}, 1000);
 
-
$(".n-contact").delay('500').animate({top: 0}, 1000);
 
-
$(".n-quote").delay('600').animate({top: 0}, 1000);
 
-
 
-
// *** FEATURED ****
 
-
$("#featured").animate({left: 2000}, 0);
 
-
$("#featured").delay(1400).animate({left: 0}, 600);
 
-
$("#next").delay(2200).fadeIn();
 
-
$("#prev").delay(2200).fadeIn();
 
-
$("#slidenav").delay(2200).fadeIn();
 
-
 
-
// CONTENT DEFAULT
 
-
/*$("#midwrap").hide();
 
-
$("#prewrap").hide();
 
-
$("#footwrap").hide();*/
 
-
 
-
$("#s1").animate({left: 2000}, 0);
 
-
$("#s2").animate({left: 2000}, 0);
 
-
$("#s3").animate({left: 2000}, 0);
 
-
$("#s4").animate({left: 2000}, 0);
 
-
 
-
 
-
// ANIMATE
 
-
$("#s1").delay('1700').animate({left: 0}, 1000);
 
-
$("#s2").delay('1800').animate({left: 0}, 1000);
 
-
$("#s3").delay('1900').animate({left: 0}, 1000);
 
-
$("#s4").delay('2000').animate({left: 0}, 1000);
 
-
 
-
/*$("#midwrap").delay('2200').fadeIn('slow');
 
-
$("#prewrap").delay('2300').fadeIn('slow');
 
-
$("#footwrap").delay('2300').fadeIn('slow');*/
 
-
}
 
-
 
-
 
-
 
-
 
-
});
 
-
</script>
 
-
 
-
 
-
 
-
 
-
 
-
<script type="text/javascript">
 
-
/*
 
-
rotator.js
 
-
http://www.josephfinsterwald.com
 
-
*/
 
-
(function($) {
 
-
    $.rotate = function(s) {
 
-
        return $.rotate13($.rotate5(s));
 
-
    }
 
-
 
-
    $.rotate5 = function(s) {
 
-
        var b = [],c,i = s.length,a = '0'.charCodeAt(),z = a + 10;
 
-
        while (i--) {
 
-
            c = s.charCodeAt(i);
 
-
            if (c >= a && c < z) { b[i] = String.fromCharCode(((c - a + 5) % (10)) + a); }
 
-
            else { b[i] = s.charAt(i); }
 
-
        }
 
-
        return b.join('');
 
-
    };
 
-
 
-
    $.rotate13 = function(s) {
 
-
        var b = [],c,i = s.length,a = 'a'.charCodeAt(),z = a + 26,A = 'A'.charCodeAt(),Z = A + 26;
 
-
        while (i--) {
 
-
            c = s.charCodeAt(i);
 
-
            if (c >= a && c < z) { b[i] = String.fromCharCode(((c - a + 13) % (26)) + a); }
 
-
            else if (c >= A && c < Z) { b[i] = String.fromCharCode(((c - A + 13) % (26)) + A); }
 
-
            else { b[i] = s.charAt(i); }
 
-
        }
 
-
        return b.join('');
 
-
    };
 
-
})(jQuery)
 
-
 
-
$(function() {
 
-
$('#c_link').attr('href', $.rotate13('znvygb:vasb@dhnmne.zbov')).text(
 
-
$.rotate13('vasb@dhnmne.zbov'));
 
-
});
 
-
 
-
 
-
</script>
 
-
 
-
 
-
 
-
</body>
 
</html>
</html>

Latest revision as of 01:54, 16 October 2014