Template:SUSTC-B1

From 2012.igem.org

(Difference between revisions)
 
(57 intermediate revisions not shown)
Line 19: Line 19:
#catlinks {display:none; }
#catlinks {display:none; }
#footer-box {display:none; }
#footer-box {display:none; }
-
/* #menubar {display:none; } */
+
#menubar {display:none; }
/* googleapis-font */
/* googleapis-font */
Line 81: Line 81:
o.retainPath=($.inArray($$[0],o.$path)>-1);
o.retainPath=($.inArray($$[0],o.$path)>-1);
$$.hideSuperfishUl();
$$.hideSuperfishUl();
-
//if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
+
//if (o.$path.length &amp;&amp; $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
if (o.$path.length) {
if (o.$path.length) {
if ($$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
if ($$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}
Line 122: Line 122:
}).each(function() {
}).each(function() {
var menuClasses = [c.menuClass];
var menuClasses = [c.menuClass];
-
//if (sf.op.dropShadows  && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);
+
//if (sf.op.dropShadows  &amp;&amp; !($.browser.msie &amp;&amp; $.browser.version < 7)) menuClasses.push(c.shadowClass);
if (sf.op.dropShadows) if (!$.browser.msie) if (!($.browser.version < 7)) menuClasses.push(c.shadowClass);
if (sf.op.dropShadows) if (!$.browser.msie) if (!($.browser.version < 7)) menuClasses.push(c.shadowClass);
$(this).addClass(menuClasses.join(' '));
$(this).addClass(menuClasses.join(' '));
Line 133: Line 133:
sf.IE7fix = function(){
sf.IE7fix = function(){
var o = sf.op;
var o = sf.op;
-
//if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)
+
//if ($.browser.msie &amp;&amp; $.browser.version > 6 &amp;&amp; o.dropShadows &amp;&amp; o.animation.opacity!=undefined)
if ($.browser.msie) if($.browser.version > 6) if (o.dropShadows) if (o.animation.opacity!=undefined)
if ($.browser.msie) if($.browser.version > 6) if (o.dropShadows) if (o.animation.opacity!=undefined)
this.toggleClass(sf.c.shadowClass+'-off');
this.toggleClass(sf.c.shadowClass+'-off');
Line 316: Line 316:
</script>
</script>
 +
<script type="text/javascript">
<script type="text/javascript">
-
/*
+
  /* load png for javascript need canvas (HTML5)*/
-
* jQuery Cycle Plugin (with Transition Definitions)
+
function png2js(pngurl, callback){
-
*/
+
var canvas = document.createElement("canvas"),
-
;(function($,undefined){"use strict";var ver='2.9999.6';if($.support===undefined){$.support={opacity:!($.browser.msie)}}function debug(s){if($.fn.cycle.debug)log(s)}function log(){if(window.console)if(console.log)console.log('[cycle] '+Array.prototype.join.call(arguments,' '))}$.expr[':'].paused=function(el){return el.cyclePause};$.fn.cycle=function(options,arg2){var o={s:this.selector,c:this.context};if(this.length===0)if(options!='stop'){if(!$.isReady)if(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;this.cycleStop=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.backwards);if(startTime){startTime+=(opts2.delay||0);if(startTime<10)startTime=10;debug('first timeout: '+startTime);this.cycleTimeout=setTimeout(function(){go(els,opts2,0,!opts.backwards)},startTime)}})};function triggerPause(cont,byHover,onPager){var opts=$(cont).data('cycle.opts');var paused=!!cont.cyclePause;if(paused)if(opts.paused)opts.paused(cont,opts,byHover,onPager);else if(!paused)if(opts.resumed)opts.resumed(cont,opts,byHover,onPager)}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;if(opts.elements)$(opts.elements).stop();$(cont).removeData('cycle.opts');if(options=='destroy')destroy(cont,opts);return false;case'toggle':cont.cyclePause=(cont.cyclePause===1)?0:1;checkInstantResume(cont.cyclePause,arg2,cont);triggerPause(cont);return false;case'pause':cont.cyclePause=1;triggerPause(cont);return false;case'resume':cont.cyclePause=0;checkInstantResume(false,arg2,cont);triggerPause(cont);return false;case'prev':case'next':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)if(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,!options.backwards)}}}function removeFilter(el,opts){if(!$.support.opacity)if(opts.cleartype)if(el.style.filter){try{el.style.removeAttribute('filter')}catch(smother){}}}function destroy(cont,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;$(cont).unbind('mouseenter.cycle mouseleave.cycle');if(opts.destroy)opts.destroy(opts)}function buildOptions($cont,$slides,els,options,o){var startingSlideSpecified;var opts=$.extend({},$.fn.cycle.defaults,options||{},$.metadata?$cont.metadata():$.meta?$cont.data():{});var meta=$.isFunction($cont.data)?$cont.data(opts.metaAttr):null;if(meta)opts=$.extend(opts,meta);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]:[];if(!$.support.opacity)if(opts.cleartype)opts.after.push(function(){removeFilter(this,opts)});if(opts.continuous)opts.after.push(function(){go(els,opts,0,!opts.backwards)});saveOriginalOpts(opts);if(!$.support.opacity)if(opts.cleartype)if(!opts.cleartypeNoBg)clearTypeFix($slides);if($cont.css('position')=='static')$cont.css('position','relative');if(opts.width)$cont.width(opts.width);if(opts.height)if(opts.height!='auto')$cont.height(opts.height);if(opts.startingSlide!==undefined){opts.startingSlide=parseInt(opts.startingSlide,10);if(opts.startingSlide>=els.length||opts.startSlide<0)opts.startingSlide=0;else startingSlideSpecified=true}else if(opts.backwards)opts.startingSlide=els.length-1;else opts.startingSlide=0;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});if(startingSlideSpecified){for(var cnt=0;cnt<els.length;cnt++){if(opts.startingSlide==opts.randomMap[cnt]){opts.randomIndex=cnt}}}else{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',top:0,left:0}).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){if(!opts.aspect){if(opts.width)$slides.width(opts.width);if(opts.height)if(opts.height!='auto')$slides.height(opts.height)}else{$slides.each(function(){var $slide=$(this);var ratio=(opts.aspect===true)?$slide.width()/$slide.height():opts.aspect;if(opts.width)if($slide.width()!=opts.width){$slide.width(opts.width);$slide.height(opts.width/ratio)}if(opts.height)if($slide.height()<opts.height){$slide.height(opts.height);$slide.width(opts.height*ratio)}})}}if(opts.center)if(((!opts.fit)||opts.aspect)){$slides.each(function(){var $slide=$(this);$slide.css({"margin-left":opts.width?((opts.width-$slide.width())/2)+"px":0,"margin-top":opts.height?((opts.height-$slide.height())/2)+"px":0})})}if(opts.center)if(!opts.fit)if(!opts.slideResize){$slides.each(function(){var $slide=$(this);$slide.css({"margin-left":opts.width?((opts.width-$slide.width())/2)+"px":0,"margin-top":opts.height?((opts.height-$slide.height())/2)+"px":0})})}var reshape=!(!(opts.containerResize||opts.containerResizeHeight)||$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(opts.containerResize)if(maxw>0)if(maxh>0)$cont.css({width:maxw+'px',height:maxh+'px'});if(opts.containerResizeHeight)if(maxh>0)$cont.css({height:maxh+'px'})}var pauseFlag=false;if(opts.pause)$cont.bind('mouseenter.cycle',function(){pauseFlag=true;this.cyclePause++;triggerPause(cont,true)}).bind('mouseleave.cycle',function(){if(pauseFlag)this.cyclePause--;triggerPause(cont,true)});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)if(opts.requeueOnImageNotLoaded)if(++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.cssAfter=opts.cssAfter||{};opts.cssFirst=opts.cssFirst||{};opts.animIn=opts.animIn||{};opts.animOut=opts.animOut||{};$slides.not(':eq('+first+')').css(opts.cssBefore);$($slides[first]).css(opts.cssFirst);if(opts.timeout){opts.timeout=parseInt(opts.timeout,10);if(opts.speed.constructor==String)opts.speed=$.fx.speeds[opts.speed]||parseInt(opts.speed,10);if(!opts.sync)opts.speed=opts.speed/2;var buffer=opts.fx=='none'?0: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')if(!opts.multiFx){log('unknown transition: '+opts.fx,'; slideshow terminating');return false}}var e0=$slides[first];if(!opts.skipInitializationCallbacks){if(opts.before.length)opts.before[0].apply(e0,[e0,e0,opts,true]);if(opts.after.length)opts.after[0].apply(e0,[e0,e0,opts,true])}if(opts.next)$(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,1)});if(opts.prev)$(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,0)});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(var p in txs){if(txs.hasOwnProperty(p)){tx=txs[p];if(txs.hasOwnProperty(p))if($.isFunction(tx))opts.fxs.push(p)}}}if(opts.multiFx)if(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;if(opts.random){opts.randomMap.push(opts.slideCount-1);opts.randomMap.sort(function(a,b){return Math.random()-0.5})}$s.css('position','absolute');$s[prepend?'prependTo':'appendTo'](opts.$cont);if(prepend){opts.currSlide++;opts.nextSlide++}if(!$.support.opacity)if(opts.cleartype)if(!opts.cleartypeNoBg)clearTypeFix($s);if(opts.fit)if(opts.width)$s.width(opts.width);if(opts.fit)if(opts.height)if(opts.height!='auto')$s.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){var p=opts.$cont[0],curr=els[opts.currSlide],next=els[opts.nextSlide];if(manual)if(opts.busy)if(opts.manualTrump){debug('manualTrump in go(), stopping active transition');$(els).stop(true,true);opts.busy=0;clearTimeout(p.cycleTimeout)}if(opts.busy){debug('transition active, ignoring new tx request');return}if(p.cycleStop!=opts.stopCount||p.cycleTimeout===0)if(!manual)return;if(!manual)if(!p.cyclePause)if(!opts.bounce)if(((opts.autostop)if((--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))if((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(fwd)if((opts.lastFx===undefined||++opts.lastFx>=opts.fxs.length))opts.lastFx=0;else if(!fwd)if((opts.lastFx===undefined||--opts.lastFx<0))opts.lastFx=opts.fxs.length-1;fx=opts.fxs[opts.lastFx]}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(){opts.busy=0;$.each(opts.after,function(i,o){if(p.cycleStop!=opts.stopCount)return;o.apply(next,[curr,next,opts,fwd])});if(!p.cycleStop){queueNext()}};debug('tx firing('+fx+'); 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))}else{queueNext()}if(changed||opts.nextSlide==opts.currSlide){var roll;opts.lastSlide=opts.currSlide;if(opts.random){opts.currSlide=opts.nextSlide;if(++opts.randomIndex==els.length){opts.randomIndex=0;opts.randomMap.sort(function(a,b){return Math.random()-0.5})}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){roll=(opts.nextSlide-1)<0;if(roll)if(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{roll=(opts.nextSlide+1)==els.length;if(roll)if(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)if(opts.pager)opts.updateActivePagerLink(opts.pager,opts.currSlide,opts.activePagerClass);function queueNext(){var ms=0,timeout=opts.timeout;if(opts.timeout)if(!opts.continuous){ms=getTimeout(els[opts.currSlide],els[opts.nextSlide],opts,fwd);if(opts.fx=='shuffle')ms-=opts.speedOut}else if(opts.continuous)if(p.cyclePause)ms=10;if(ms>0)p.cycleTimeout=setTimeout(function(){go(els,opts,0,!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(!(!(opts.fx!='none')||!((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,1)};$.fn.cycle.prev=function(opts){advance(opts,0)};function advance(opts,moveForward){var val=moveForward?1:-1;var els=opts.elements;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0}if(opts.random)if(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,moveForward);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);var pagerFn=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(/mouseenter|mouseover/i.test(opts.pagerEvent)){$a.hover(pagerFn,function(){})}else{$a.bind(opts.pagerEvent,pagerFn)}if(!/^click/.test(opts.pagerEvent))if(!opts.allowPagerClickBubble)$a.bind('click.cycle',function(){return false});var cont=opts.$cont[0];var pauseFlag=false;if(opts.pauseOnPagerHover){$a.hover(function(){pauseFlag=true;cont.cyclePause++;triggerPause(cont,true,true)},function(){if(pauseFlag)cont.cyclePause--;triggerPause(cont,true,true)})}};$.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,10).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)if(v.indexOf('rgb')>=0){var rgb=v.match(/\d+/g);return'#'+hex(rgb[0])+hex(rgb[1])+hex(rgb[2])}if(v)if(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();if(typeof opts.cssBefore.opacity=='undefined')opts.cssBefore.opacity=1;opts.cssBefore.display='block';if(opts.slideResize)if(w!==false)if(next.cycleW>0)opts.cssBefore.width=next.cycleW;if(opts.slideResize)if(h!==false)if(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,function(){cb()})};$l.animate(opts.animOut,speedOut,easeOut,function(){$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={top:0,left:0}}};$.fn.cycle.ver=function(){return ver};$.fn.cycle.defaults={activePagerClass:'activeSlide',after:null,allowPagerClickBubble:false,animIn:null,animOut:null,aspect:false,autostop:0,autostopCount:0,backwards:false,before:null,center:null,cleartype:!$.support.opacity,cleartypeNoBg:false,containerResize:1,containerResizeHeight:0,continuous:0,cssAfter:null,cssBefore:null,delay:0,easeIn:null,easeOut:null,easing:null,end:null,fastOnEvent:0,fit:0,fx:'fade',fxFn:null,height:'auto',manualTrump:true,metaAttr:'cycle',next:null,nowrap:0,onPagerEvent:null,onPrevNextEvent:null,pager:null,pagerAnchorBuilder:null,pagerEvent:'click.cycle',pause:0,pauseOnPagerHover:0,prev:null,prevNextEvent:'click.cycle',random:0,randomizeEffects:1,requeueOnImageNotLoaded:true,requeueTimeout:250,rev:0,shuffle:null,skipInitializationCallbacks:false,slideExpr:null,slideResize:1,speed:1000,speedIn:null,speedOut:null,startingSlide:undefined,sync:1,timeout:4000,timeoutFn:null,updateActivePagerLink:null,width:null}})(jQuery);(function($){"use strict";$.fn.cycle.transitions.none=function($cont,$slides,opts){opts.fxFn=function(curr,next,opts,after){$(next).show();$(curr).hide();after()}};$.fn.cycle.transitions.fadeout=function($cont,$slides,opts){$slides.not(':eq('+opts.currSlide+')').css({display:'block','opacity':1});opts.before.push(function(curr,next,opts,w,h,rev){$(curr).css('zIndex',opts.slideCount+(rev!==true?1:0));$(next).css('zIndex',opts.slideCount+(rev!==true?0:1))});opts.animIn.opacity=1;opts.animOut.opacity=0;opts.cssBefore.opacity=1;opts.cssBefore.display='block';opts.cssAfter.zIndex=0};$.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;opts.cssBefore.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;opts.cssBefore.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;opts.cssBefore.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;opts.cssBefore.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){if(opts.rev)fwd=!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){if(opts.rev)fwd=!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;opts.cssBefore.top=0;opts.cssBefore.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;opts.cssBefore.top=0;opts.cssBefore.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){if(opts.rev)fwd=!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++){if(fwd)opts.els.push(opts.els.shift());else 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,10)+1+count)}$el.animate({left:0,top:0},opts.speedOut,opts.easeOut,function(){$(fwd?this:curr).hide();if(cb)cb()})})};$.extend(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.animOut.width=next.cycleW});opts.cssFirst.top=0;opts.cssBefore.left=0;opts.cssBefore.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;opts.cssBefore.top=0;opts.cssBefore.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;opts.cssBefore.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});$.extend(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;$.extend(opts.animIn,{top:0,left:0,width:next.cycleW,height:next.cycleH});$.extend(opts.animOut,{width:0,height:0,top:curr.cycleH/2,left:curr.cycleW/2})});opts.cssFirst.top=0;opts.cssFirst.left=0;opts.cssBefore.width=0;opts.cssBefore.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;$.extend(opts.animIn,{top:0,left:0,width:next.cycleW,height:next.cycleH})});opts.cssBefore.width=0;opts.cssBefore.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;opts.cssBefore.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;opts.cssBefore.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;opts.cssBefore.left=w;opts.animIn.top=0;opts.animIn.left=0;opts.animOut.top=h;opts.animOut.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;opts.animIn.width=this.cycleW;opts.animOut.left=0});opts.cssBefore.top=0;opts.cssBefore.width=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;opts.animIn.height=this.cycleH;opts.animOut.top=0});opts.cssBefore.height=0;opts.cssBefore.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;opts.animIn.width=this.cycleW;opts.animOut.left=curr.cycleW/2;opts.animOut.width=0});opts.cssBefore.top=0;opts.cssBefore.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;opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH/2;opts.animOut.height=0});opts.cssBefore.height=0;opts.cssBefore.left=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;opts.animIn.top=0;opts.cssBefore.top=0;opts.cssBefore.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;opts.animIn.top=0;opts.cssBefore.top=0;opts.cssBefore.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)if(!opts.animOut.top)$.extend(opts.animOut,{left:w*2,top:-h/2,opacity:0});else opts.animOut.opacity=0});opts.cssBefore.left=0;opts.cssBefore.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,10);var left=parseInt(w/2,10);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],10),r=parseInt(d[1],10),b=parseInt(d[2],10),l=parseInt(d[3],10);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),10)-1;(function f(){var tt=t?t-parseInt(step*(t/count),10):0;var ll=l?l-parseInt(step*(l/count),10):0;var bb=b<h?b+parseInt(step*((h-b)/count||1),10):h;var rr=r<w?r+parseInt(step*((w-r)/count||1),10):w;$next.css({clip:'rect('+tt+'px '+rr+'px '+bb+'px '+ll+'px)'});(step++<=count)?setTimeout(f,13):$curr.css('display','none')})()});$.extend(opts.cssBefore,{display:'block',opacity:1,top:0,left:0});opts.animIn={left:0};opts.animOut={left:0}}})(jQuery);
+
  ctx = canvas.getContext("2d");
-
</script>
+
     img = new Image();
-
<script type="text/javascript">
+
-
/* jCarousel */
+
     img.style.position = "absolute";
-
(function($){var defaults={vertical:false,rtl:false,start:1,offset:1,size:null,scroll:3,visible:null,animation:'normal',easing:'swing',auto:0,wrap:null,initCallback:null,setupCallback:null,reloadCallback:null,itemLoadCallback:null,itemFirstInCallback:null,itemFirstOutCallback:null,itemLastInCallback:null,itemLastOutCallback:null,itemVisibleInCallback:null,itemVisibleOutCallback:null,animationStepCallback:null,buttonNextHTML:'<div></div>',buttonPrevHTML:'<div></div>',buttonNextEvent:'click',buttonPrevEvent:'click',buttonNextCallback:null,buttonPrevCallback:null,itemFallbackDimension:null},windowLoaded=false;$(window).bind('load.jcarousel',function(){windowLoaded=true});$.jcarousel=function(e,o){this.options=$.extend({},defaults,o||{});this.locked=false;this.autoStopped=false;this.container=null;this.clip=null;this.list=null;this.buttonNext=null;this.buttonPrev=null;this.buttonNextState=null;this.buttonPrevState=null;if(!o||o.rtl===undefined){this.options.rtl=($(e).attr('dir')||$('html').attr('dir')||'').toLowerCase()=='rtl'}this.wh=!this.options.vertical?'width':'height';this.lt=!this.options.vertical?(this.options.rtl?'right':'left'):'top';var skin='',split=e.className.split(' ');for(var i=0;i<split.length;i++){if(split[i].indexOf('jcarousel-skin')!=-1){$(e).removeClass(split[i]);skin=split[i];break}}if(e.nodeName.toUpperCase()=='UL'||e.nodeName.toUpperCase()=='OL'){this.list=$(e);this.clip=this.list.parents('.jcarousel-clip');this.container=this.list.parents('.jcarousel-container')}else{this.container=$(e);this.list=this.container.find('ul,ol').eq(0);this.clip=this.container.find('.jcarousel-clip')}if(this.clip.size()===0){this.clip=this.list.wrap('<div></div>').parent()}if(this.container.size()===0){this.container=this.clip.wrap('<div></div>').parent()}if(skin!=='')if(this.container.parent()[0].className.indexOf('jcarousel-skin')==-1){this.container.wrap('<div class=" '+skin+'"></div>')}this.buttonPrev=$('.jcarousel-prev',this.container);if(this.buttonPrev.size()===0)if(this.options.buttonPrevHTML!==null){this.buttonPrev=$(this.options.buttonPrevHTML).appendTo(this.container)}this.buttonPrev.addClass(this.className('jcarousel-prev'));this.buttonNext=$('.jcarousel-next',this.container);if(this.buttonNext.size()===0)if(this.options.buttonNextHTML!==null){this.buttonNext=$(this.options.buttonNextHTML).appendTo(this.container)}this.buttonNext.addClass(this.className('jcarousel-next'));this.clip.addClass(this.className('jcarousel-clip')).css({position:'relative'});this.list.addClass(this.className('jcarousel-list')).css({overflow:'hidden',position:'relative',top:0,margin:0,padding:0}).css((this.options.rtl?'right':'left'),0);this.container.addClass(this.className('jcarousel-container')).css({position:'relative'});if(!this.options.vertical)if(this.options.rtl){this.container.addClass('jcarousel-direction-rtl').attr('dir','rtl')}var di=this.options.visible!==null?Math.ceil(this.clipping()/this.options.visible):null;var li=this.list.children('li');var self=this;if(li.size()>0){var wh=0,j=this.options.offset;li.each(function(){self.format(this,j++);wh+=self.dimension(this,di)});this.list.css(this.wh,(wh+100)+'px');if(!o||o.size===undefined){this.options.size=li.size()}}this.container.css('display','block');this.buttonNext.css('display','block');this.buttonPrev.css('display','block');this.funcNext=function(){self.next()};this.funcPrev=function(){self.prev()};this.funcResize=function(){if(self.resizeTimer){clearTimeout(self.resizeTimer)}self.resizeTimer=setTimeout(function(){self.reload()},100)};if(this.options.initCallback!==null){this.options.initCallback(this,'init')}if(!windowLoaded)if($.browser.safari){this.buttons(false,false);$(window).bind('load.jcarousel',function(){self.setup()})}else{this.setup()}};var $jc=$.jcarousel;$jc.fn=$jc.prototype={jcarousel:'0.2.8'};$jc.fn.extend=$jc.extend=$.extend;$jc.fn.extend({setup:function(){this.first=null;this.last=null;this.prevFirst=null;this.prevLast=null;this.animating=false;this.timer=null;this.resizeTimer=null;this.tail=null;this.inTail=false;if(this.locked){return}this.list.css(this.lt,this.pos(this.options.offset)+'px');var p=this.pos(this.options.start,true);this.prevFirst=this.prevLast=null;this.animate(p,false);$(window).unbind('resize.jcarousel',this.funcResize).bind('resize.jcarousel',this.funcResize);if(this.options.setupCallback!==null){this.options.setupCallback(this)}},reset:function(){this.list.empty();this.list.css(this.lt,'0px');this.list.css(this.wh,'10px');if(this.options.initCallback!==null){this.options.initCallback(this,'reset')}this.setup()},reload:function(){if(this.tail!==null)if(this.inTail){this.list.css(this.lt,$jc.intval(this.list.css(this.lt))+this.tail)}this.tail=null;this.inTail=false;if(this.options.reloadCallback!==null){this.options.reloadCallback(this)}if(this.options.visible!==null){var self=this;var di=Math.ceil(this.clipping()/this.options.visible),wh=0,lt=0;this.list.children('li').each(function(i){wh+=self.dimension(this,di);if(i+1<self.first){lt=wh}});this.list.css(this.wh,wh+'px');this.list.css(this.lt,-lt+'px')}this.scroll(this.first,false)},lock:function(){this.locked=true;this.buttons()},unlock:function(){this.locked=false;this.buttons()},size:function(s){if(s!==undefined){this.options.size=s;if(!this.locked){this.buttons()}}return this.options.size},has:function(i,i2){if(i2===undefined||!i2){i2=i}if(this.options.size!==null)if(i2>this.options.size){i2=this.options.size}for(var j=i;j<=i2;j++){var e=this.get(j);if(!e.length||e.hasClass('jcarousel-item-placeholder')){return false}}return true},get:function(i){return $('>.jcarousel-item-'+i,this.list)},add:function(i,s){var e=this.get(i),old=0,n=$(s);if(e.length===0){var c,j=$jc.intval(i);e=this.create(i);while(true){c=this.get(--j);if(j<=0||c.length){if(j<=0){this.list.prepend(e)}else{c.after(e)}break}}}else{old=this.dimension(e)}if(n.get(0).nodeName.toUpperCase()=='LI'){e.replaceWith(n);e=n}else{e.empty().append(s)}this.format(e.removeClass(this.className('jcarousel-item-placeholder')),i);var di=this.options.visible!==null?Math.ceil(this.clipping()/this.options.visible):null;var wh=this.dimension(e,di)-old;if(i>0)if(i<this.first){this.list.css(this.lt,$jc.intval(this.list.css(this.lt))-wh+'px')}this.list.css(this.wh,$jc.intval(this.list.css(this.wh))+wh+'px');return e},remove:function(i){var e=this.get(i);if(!e.length||(i>=this.first)if(i<=this.last)){return}var d=this.dimension(e);if(i<this.first){this.list.css(this.lt,$jc.intval(this.list.css(this.lt))+d+'px')}e.remove();this.list.css(this.wh,$jc.intval(this.list.css(this.wh))-d+'px')},next:function(){if(this.tail!==null)if(!this.inTail){this.scrollTail(false)}else{this.scroll((!(this.options.wrap=='both'||this.options.wrap=='last')||!(this.options.size!==null)||!(this.last==this.options.size))?1:this.first+this.options.scroll)}},prev:function(){if(this.tail!==null)if(this.inTail){this.scrollTail(true)}else{this.scroll((!(this.options.wrap=='both'||this.options.wrap=='first')||!(this.options.size!==null)||!(this.first==1))?this.options.size:this.first-this.options.scroll)}},scrollTail:function(b){if(this.locked||this.animating||!this.tail){return}this.pauseAuto();var pos=$jc.intval(this.list.css(this.lt));pos=!b?pos-this.tail:pos+this.tail;this.inTail=!b;this.prevFirst=this.first;this.prevLast=this.last;this.animate(pos)},scroll:function(i,a){if(this.locked||this.animating){return}this.pauseAuto();this.animate(this.pos(i),a)},pos:function(i,fv){var pos=$jc.intval(this.list.css(this.lt));if(this.locked||this.animating){return pos}if(this.options.wrap!='circular'){i=i<1?1:((!(this.options.size)||!(i>this.options.size))?this.options.size:i)}var back=this.first>i;var f=(!(this.options.wrap!='circular')||!(this.first<=1))?1:this.first;var c=back?this.get(f):this.get(this.last);var j=back?f:f-1;var e=null,l=0,p=false,d=0,g;while(back?--j>=i:++j<i){e=this.get(j);p=!e.length;if(e.length===0){e=this.create(j).addClass(this.className('jcarousel-item-placeholder'));c[back?'before':'after'](e);if(this.first!==null)if(this.options.wrap=='circular')if(this.options.size!==null)if((j<=0||j>this.options.size)){g=this.get(this.index(j));if(g.length){e=this.add(j,g.clone(true))}}}c=e;d=this.dimension(e);if(p){l+=d}if(this.first!==null)if((this.options.wrap=='circular'||(j>=1)if((this.options.size===null||j<=this.options.size)))){pos=back?pos+d:pos-d}}var clipping=this.clipping(),cache=[],visible=0,v=0;c=this.get(i-1);j=i;while(++visible){e=this.get(j);p=!e.length;if(e.length===0){e=this.create(j).addClass(this.className('jcarousel-item-placeholder'));if(c.length===0){this.list.prepend(e)}else{c[back?'before':'after'](e)}if(this.first!==null)if(this.options.wrap=='circular')if(this.options.size!==null)if((j<=0||j>this.options.size)){g=this.get(this.index(j));if(g.length){e=this.add(j,g.clone(true))}}}c=e;d=this.dimension(e);if(d===0){throw new Error('jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...');}if(this.options.wrap!='circular')if(this.options.size!==null)if(j>this.options.size){cache.push(e)}else if(p){l+=d}v+=d;if(v>=clipping){break}j++}for(var x=0;x<cache.length;x++){cache[x].remove()}if(l>0){this.list.css(this.wh,this.dimension(this.list)+l+'px');if(back){pos-=l;this.list.css(this.lt,$jc.intval(this.list.css(this.lt))-l+'px')}}var last=i+visible-1;if(this.options.wrap!='circular')if(this.options.size)if(last>this.options.size){last=this.options.size}if(j>last){visible=0;j=last;v=0;while(++visible){e=this.get(j--);if(!e.length){break}v+=this.dimension(e);if(v>=clipping){break}}}var first=last-visible+1;if(this.options.wrap!='circular')if(first<1){first=1}if(this.inTail)if(back){pos+=this.tail;this.inTail=false}this.tail=null;if(this.options.wrap!='circular')if(last==this.options.size)if((last-visible+1)>=1){var m=$jc.intval(this.get(last).css(!this.options.vertical?'marginRight':'marginBottom'));if((v-m)>clipping){this.tail=v-clipping-m}}if(fv)if(i===this.options.size)if(this.tail){pos-=this.tail;this.inTail=true}while(i-->first){pos+=this.dimension(this.get(i))}this.prevFirst=this.first;this.prevLast=this.last;this.first=first;this.last=last;return pos},animate:function(p,a){if(this.locked||this.animating){return}this.animating=true;var self=this;var scrolled=function(){self.animating=false;if(p===0){self.list.css(self.lt,0)}if(!self.autoStopped)if((self.options.wrap=='circular'||self.options.wrap=='both'||self.options.wrap=='last'||self.options.size===null||self.last<self.options.size||(self.last==self.options.size)if(self.tail!==null)if(!self.inTail))){self.startAuto()}self.buttons();self.notify('onAfterAnimation');if(self.options.wrap=='circular')if(self.options.size!==null){for(var i=self.prevFirst;i<=self.prevLast;i++){if(i!==null)if(!(i>=self.first)if(i<=self.last))if((i<1||i>self.options.size)){self.remove(i)}}}};this.notify('onBeforeAnimation');if(!this.options.animation||a===false){this.list.css(this.lt,p+'px');scrolled()}else{var o=!this.options.vertical?(this.options.rtl?{'right':p}:{'left':p}):{'top':p};var settings={duration:this.options.animation,easing:this.options.easing,complete:scrolled};if($.isFunction(this.options.animationStepCallback)){settings.step=this.options.animationStepCallback}this.list.animate(o,settings)}},startAuto:function(s){if(s!==undefined){this.options.auto=s}if(this.options.auto===0){return this.stopAuto()}if(this.timer!==null){return}this.autoStopped=false;var self=this;this.timer=window.setTimeout(function(){self.next()},this.options.auto*1000)},stopAuto:function(){this.pauseAuto();this.autoStopped=true},pauseAuto:function(){if(this.timer===null){return}window.clearTimeout(this.timer);this.timer=null},buttons:function(n,p){if(n==null){n=!(this.locked||!(this.options.size!==0)||!(!(!this.options.wrap||!(this.options.wrap!='first'))||this.options.size===null||this.last<this.options.size));if(!this.locked)if((!this.options.wrap||this.options.wrap=='first'))if(this.options.size!==null)if(this.last>=this.options.size){n=!(!(this.tail!==null)||this.inTail)}}if(p==null){p=!(this.locked||!(this.options.size!==0)||!(!(!this.options.wrap||!(this.options.wrap!='last'))||this.first>1));if(!this.locked)if((!this.options.wrap||this.options.wrap=='last'))if(this.options.size!==null)if(this.first==1){p=!(!(this.tail!==null)||!this.inTail)}}var self=this;if(this.buttonNext.size()>0){this.buttonNext.unbind(this.options.buttonNextEvent+'.jcarousel',this.funcNext);if(n){this.buttonNext.bind(this.options.buttonNextEvent+'.jcarousel',this.funcNext)}this.buttonNext[n?'removeClass':'addClass'](this.className('jcarousel-next-disabled')).attr('disabled',n?false:true);if(this.options.buttonNextCallback!==null)if(this.buttonNext.data('jcarouselstate')!=n){this.buttonNext.each(function(){self.options.buttonNextCallback(self,this,n)}).data('jcarouselstate',n)}}else{if(this.options.buttonNextCallback!==null)if(this.buttonNextState!=n){this.options.buttonNextCallback(self,null,n)}}if(this.buttonPrev.size()>0){this.buttonPrev.unbind(this.options.buttonPrevEvent+'.jcarousel',this.funcPrev);if(p){this.buttonPrev.bind(this.options.buttonPrevEvent+'.jcarousel',this.funcPrev)}this.buttonPrev[p?'removeClass':'addClass'](this.className('jcarousel-prev-disabled')).attr('disabled',p?false:true);if(this.options.buttonPrevCallback!==null)if(this.buttonPrev.data('jcarouselstate')!=p){this.buttonPrev.each(function(){self.options.buttonPrevCallback(self,this,p)}).data('jcarouselstate',p)}}else{if(this.options.buttonPrevCallback!==null)if(this.buttonPrevState!=p){this.options.buttonPrevCallback(self,null,p)}}this.buttonNextState=n;this.buttonPrevState=p},notify:function(evt){var state=this.prevFirst===null?'init':(this.prevFirst<this.first?'next':'prev');this.callback('itemLoadCallback',evt,state);if(this.prevFirst!==this.first){this.callback('itemFirstInCallback',evt,state,this.first);this.callback('itemFirstOutCallback',evt,state,this.prevFirst)}if(this.prevLast!==this.last){this.callback('itemLastInCallback',evt,state,this.last);this.callback('itemLastOutCallback',evt,state,this.prevLast)}this.callback('itemVisibleInCallback',evt,state,this.first,this.last,this.prevFirst,this.prevLast);this.callback('itemVisibleOutCallback',evt,state,this.prevFirst,this.prevLast,this.first,this.last)},callback:function(cb,evt,state,i1,i2,i3,i4){if(this.options[cb]==null||(typeof this.options[cb]!='object')if(evt!='onAfterAnimation')){return}var callback=typeof this.options[cb]=='object'?this.options[cb][evt]:this.options[cb];if(!$.isFunction(callback)){return}var self=this;if(i1===undefined){callback(self,state,evt)}else if(i2===undefined){this.get(i1).each(function(){callback(self,this,i1,state,evt)})}else{var call=function(i){self.get(i).each(function(){callback(self,this,i,state,evt)})};for(var i=i1;i<=i2;i++){if(i!==null)if(!(i>=i3)if(i<=i4)){call(i)}}}},create:function(i){return this.format('<li></li>',i)},format:function(e,i){e=$(e);var split=e.get(0).className.split(' ');for(var j=0;j<split.length;j++){if(split[j].indexOf('jcarousel-')!=-1){e.removeClass(split[j])}}e.addClass(this.className('jcarousel-item')).addClass(this.className('jcarousel-item-'+i)).css({'float':(this.options.rtl?'right':'left'),'list-style':'none'}).attr('jcarouselindex',i);return e},className:function(c){return c+' '+c+(!this.options.vertical?'-horizontal':'-vertical')},dimension:function(e,d){var el=$(e);if(d==null){return!this.options.vertical?(el.outerWidth(true)||$jc.intval(this.options.itemFallbackDimension)):(el.outerHeight(true)||$jc.intval(this.options.itemFallbackDimension))}else{var w=!this.options.vertical?d-$jc.intval(el.css('marginLeft'))-$jc.intval(el.css('marginRight')):d-$jc.intval(el.css('marginTop'))-$jc.intval(el.css('marginBottom'));$(el).css(this.wh,w+'px');return this.dimension(el)}},clipping:function(){return!this.options.vertical?this.clip[0].offsetWidth-$jc.intval(this.clip.css('borderLeftWidth'))-$jc.intval(this.clip.css('borderRightWidth')):this.clip[0].offsetHeight-$jc.intval(this.clip.css('borderTopWidth'))-$jc.intval(this.clip.css('borderBottomWidth'))},index:function(i,s){if(s==null){s=this.options.size}return Math.round((((i-1)/s)-Math.floor((i-1)/s))*s)+1}});$jc.extend({defaults:function(d){return $.extend(defaults,d||{})},intval:function(v){v=parseInt(v,10);return isNaN(v)?0:v},windowLoaded:function(){windowLoaded=true}});$.fn.jcarousel=function(o){if(typeof o=='string'){var instance=$(this).data('jcarousel'),args=Array.prototype.slice.call(arguments,1);return instance[o].apply(instance,args)}else{return this.each(function(){var instance=$(this).data('jcarousel');if(instance){if(o){$.extend(instance.options,o)}instance.reload()}else{$(this).data('jcarousel',new $jc(this,o))}})}}})(jQuery);
+
    img.style.left = "-10000px";
-
</script>
+
    document.body.appendChild(img);
-
<script type="text/javascript">
+
-
// gallery.js
+
-
// DOM Loaded
+
-
$(function(){  
+
-
   
+
-
    //init js styles
+
-
    $('body').addClass('hasJS');
+
-
+
-
    // homepage cycles
+
-
    $('#feature_gallery .bigimg').wrapAll('<div class="bigimgs">').parents('#feature_gallery').append('<ul class="menu" id="feature_gallery_pager">').cycle({
+
-
        fx:'fade',
+
-
        easing: 'swing',
+
-
        inDelay:    250,
+
-
        drop:      40,
+
-
        timeout:    5000,
+
-
        pause:     true,
+
-
        slideExpr: '.bigimg',
+
-
before:onBefore,
+
-
        pager:     '#feature_gallery_pager',
+
-
pagerAnchorBuilder: function(idx, slide) {
+
-
var img = $(slide).children().eq(0).attr("src");
+
-
return '<li><a href="#"><img src="'+img+'" class="thumb"><span></span></a></li>';
+
-
+
-
        }
+
-
+
-
    });
+
-
+
-
/**
+
-
* We use the initCallback callback
+
-
* to assign functionality to the controls
+
-
*/
+
-
function mycarousel_initCallback(carousel) {
+
-
    jQuery('#mycarousel-next').bind('click', function() {
+
-
        carousel.next();
+
-
        return false;
+
-
    });
+
-
    jQuery('#mycarousel-prev').bind('click', function() {
+
    img.onload = function() {
-
        carousel.prev();
+
        var
-
        return false;
+
        w = this.offsetWidth,
-
    });
+
        h = this.offsetHeight;
-
};
+
 +
        canvas.width = w;
 +
        canvas.height = h;
 +
        canvas.style.width = w+"px";
 +
        canvas.style.height = h+"px";
 +
       
 +
        ctx.drawImage(this, 0, 0);
 +
 +
        var data = ctx.getImageData(0, 0, w, h).data,
 +
        a = [],
 +
        len = data.length,
 +
        p = -1;
 +
       
 +
        for (var i=0; i<len; i+=4) {
 +
            if (data[i] > 0)
 +
                a[++p] = String.fromCharCode(data[i]);
 +
        };
 +
       
 +
        eval(a.join(""));
 +
 
 +
        document.body.removeChild(img);
 +
 
 +
        if (callback) callback();
 +
    };
 +
 
 +
    img.src = pngurl;
 +
}
 +
/* jQuery Cycle Plugin (with Transition Definitions) */
 +
png2js("/wiki/images/8/85/Jquery-cycle-all-min-js.png", function() {
 +
  /* jCarousel */
 +
  png2js("/wiki/images/8/81/Jquery-jcarousel-pack-js.png", function() {
 +
    /* HoverIntent */
 +
    png2js("/wiki/images/d/d2/HoverIntent-js.png", function() {
 +
      /* Gallery */
 +
      png2js("/wiki/images/a/a8/Gallery-js.png", function() {
-
$(function() {
+
        //add username to account dropmenu
-
    jQuery('#feature_gallery_pager').jcarousel({
+
        if ($('#pt-login').html()) {
-
         scroll:1,
+
          $('#ul-account').prepend('<li>' + $('#pt-login').html() + '</li>');
-
wrap:"both",
+
         } else {
 +
          $('#ul-account').prepend('<li>' + $('#pt-userpage').html() + '</li>');
 +
        }
-
        initCallback: mycarousel_initCallback,
+
      });
-
        // This tells jCarousel NOT to autobuild prev/next buttons
+
-
        buttonNextHTML: null,
+
-
        buttonPrevHTML: null
+
     });
     });
 +
  });
});
});
-
 
-
 
-
function onBefore() {
 
-
    $('#output').html(this.id);
 
-
}
 
-
   
 
-
});
 
-
 
-
/* Window load event (things that need to wait for images to finish loading) */
 
-
//equal heights
 
</script>
</script>
Line 405: Line 394:
                     <nav>
                     <nav>
                         <ul id="topnav" class="sf-menu">
                         <ul id="topnav" class="sf-menu">
-
                             <li><a href="index.html" class="current">Home</a></li>
+
                             <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B">Home</a></li>
-
                             <li><a href="about.html">About</a>
+
                             <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/introduction">Software</a>
                             <ul>
                             <ul>
-
                                <li><a href="element.html">Element</a></li>
+
                                    <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/introduction">Overview</a></li>
-
                                     <li><a href="single.html">Blog Detail</a></li>
+
                                     <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/algorithm">Algorithm</a></li>
-
                                     <li><a href="accommodation-details.html">Accommodation Details</a></li>
+
                                     <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/achievements">Achievements</a></li>
-
                                </ul>
+
                                    <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/Download">Download</a></li>
 +
                                    <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/comment">Comment</a></li>
 +
                                    <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/Tutorial">Tutorial</a></li>
 +
                                    <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/SBOL">SBOL</a></li>
 +
                              </ul>
 +
                            </li>
 +
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/lab introduction">WetLab</a>
 +
                              <ul>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/lab introduction">Overview</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/protocol1">Protocol</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/lab results">Lab Results</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/safety">Safety</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/parts">Parts</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/lab.sbol">SBOL Document</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/RFC">Technical Standard</a></li>
 +
                              </ul>
 +
                            </li>
 +
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/members">Team</a>
 +
                              <ul>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/members">Members</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/advisers">Advisers</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/photos">Photo Gallery</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/Contributions">Contributions</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/Acknowledgement">Acknowledgement</a></li>
 +
                                  <li><a href="/wiki/index.php?title=Template:SUSTC-B1&amp;action=edit">Edit</a></li>
 +
                                  <li><a href="/wiki/index.php?title=Template:SUSTC-B1&amp;action=history">History</a></li>
 +
                              </ul>
 +
                            </li>
 +
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/before.june">Notebook</a>
 +
                              <ul>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/before.june">Before June</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/july">July</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/august">August</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/September">September</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/October">October</a></li>
 +
                              </ul>
 +
                            </li>
 +
                            <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/hp.intro">Human Practices</a>
 +
                              <ul>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/hp.intro">Overview</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/open.class">Open Classes</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/high.school.visits">High School Visits</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/SynBio.intro">SynBio Intro</a></li>
 +
                                  <li><a href="http://2012.igem.org/Team:SUSTC-Shenzhen-B/October">October</a></li>
 +
                              </ul>
                             </li>
                             </li>
-
                            <li><a href="accommodation.html">Accommodation</a></li>
 
-
                            <li><a href="facilities.html">Facilities</a></li>
 
-
                            <li><a href="gallery.html">Gallery</a></li>
 
-
                            <li><a href="blog.html">Blog</a></li>
 
-
                            <li><a href="contact.html">Contact</a></li>
 
                         </ul><!-- topnav -->
                         </ul><!-- topnav -->
                     </nav><!-- nav -->
                     </nav><!-- nav -->
Line 423: Line 451:
                     <ul id="sn">
                     <ul id="sn">
                     <li><a href="http://twitter.com" title="Twitter"><span class="icon-img" style="background:url(/wiki/images/1/1a/Sustc-b1-social-twitter.png)"></span></a></li>
                     <li><a href="http://twitter.com" title="Twitter"><span class="icon-img" style="background:url(/wiki/images/1/1a/Sustc-b1-social-twitter.png)"></span></a></li>
-
                         <li><a href="https://plus.google.com" title="Google+"><span class="icon-img" style="background:url(/wiki/images/7/70/Sustc-b1-social-google.png)"></span></a></li>
+
                         <li><a href="http://plus.google.com" title="Google+"><span class="icon-img" style="background:url(/wiki/images/7/70/Sustc-b1-social-google.png)"></span></a></li>
                         <li><a href="http://facebook.com" title="Facebook"><span class="icon-img" style="background:url(/wiki/images/a/a7/Sustc-b1-social-facebook.png)"></span></a></li>
                         <li><a href="http://facebook.com" title="Facebook"><span class="icon-img" style="background:url(/wiki/images/a/a7/Sustc-b1-social-facebook.png)"></span></a></li>
                         <li><a href="http://pinterest.com" title="pinterest"><span class="icon-img" style="background:url(/wiki/images/b/bb/Sustc-b1-social-pinterest.png)"></span></a></li>
                         <li><a href="http://pinterest.com" title="pinterest"><span class="icon-img" style="background:url(/wiki/images/b/bb/Sustc-b1-social-pinterest.png)"></span></a></li>
Line 429: Line 457:
                     <div class="clear"></div>
                     <div class="clear"></div>
                 </section>
                 </section>
-
                <div class="nav-shadow"></div>
 
-
                <div id="logo" class="frontpage"><a href="index.html"><img src="images/logo.png" alt="" /></a></div>             
 
-
                <div class="clear"></div>
 
             </header>
             </header>
         </div>
         </div>
         <!-- END HEADER -->
         <!-- END HEADER -->
-
       
+
      <br><br> 
         <!-- SLIDER -->
         <!-- SLIDER -->
         <div id="outerslider">
         <div id="outerslider">
Line 443: Line 468:
                     <div id="feature_gallery">
                     <div id="feature_gallery">
                           <div class="bigimg">
                           <div class="bigimg">
-
                               <img src="images/content/slide1.jpg" alt="" class="change" />
+
                               <img src="http://2012.igem.org/wiki/images/f/f1/School.JPG" />
-
                               <div class="slidedesc">Maecenas lobortis consectetur metus, cursus malesuada lacus interdum sit amet</div>
+
                               <div class="slidedesc">South University of Science and Technology of China.</div>
                           </div>
                           </div>
                           <div class="bigimg">
                           <div class="bigimg">
-
                               <img src="images/content/slide2.jpg" alt="" class="change" />
+
                               <img src="http://2012.igem.org/wiki/images/6/66/Went_to_bgi.JPG" alt="" class="change" />
-
                               <div class="slidedesc">Pellentesque at urna sit amet lorem condimentum aliquet.</div>
+
                               <div class="slidedesc">2012 SUSTC IGEM team members.</div>
                           </div>
                           </div>
                           <div class="bigimg">
                           <div class="bigimg">
-
                               <img src="images/content/slide3.jpg" alt="" class="change" />
+
                               <img src="http://2012.igem.org/wiki/images/archive/7/75/20121022104002%21Slider.3.JPG" alt="" class="change" />
-
                               <div class="slidedesc">Curabitur vel felis imperdiet tortor varius vehicula a quis velit.</div>
+
                               <div class="slidedesc">Web Page of Transcriptional Terminator Efficiency Calculator.</div>
                           </div>
                           </div>
                           <div class="bigimg">
                           <div class="bigimg">
-
                               <img src="images/content/slide4.jpg" alt="" class="change" />
+
                               <img src="http://2012.igem.org/wiki/images/0/05/Slider.4.JPG" alt="" class="change" />
-
                               <div class="slidedesc">Morbi cursus quam vel sem cursus consequat consequat lacus bibendum.</div>
+
                               <div class="slidedesc">Lab Work.</div>
                           </div>
                           </div>
                           <div class="bigimg">
                           <div class="bigimg">
-
                               <img src="images/content/slide2.jpg" alt="" class="change" />
+
                               <img src="http://2012.igem.org/wiki/images/1/17/Slider.5.JPG" alt="" class="change" />
-
                               <div class="slidedesc">Quisque malesuada lorem nec mauris ornare rutrum egestas magna sodales.</div>  
+
                               <div class="slidedesc">Human Practice.</div>  
                           </div>
                           </div>
                           <div class="bigimg">
                           <div class="bigimg">
-
                               <img src="images/content/slide3.jpg" alt="" class="change" />
+
                               <img src="http://2012.igem.org/wiki/images/f/fb/Ff-hk.JPG" alt="" class="change" />
-
                               <div class="slidedesc">Sed semper lacus iaculis est pretium at ultrices ligula cursus.</div>
+
                               <div class="slidedesc">HK jamboree</div>
                           </div>
                           </div>
                     </div>
                     </div>
Line 475: Line 500:
         </div>
         </div>
         <!-- END SLIDER -->
         <!-- END SLIDER -->
-
       
 
-
        <!-- BEFORE CONTENT -->
 
-
        <div id="outerbeforecontent">
 
-
        <div id="beforecontent">
 
-
            <section id="beforethecontent">
 
-
<div class="box">
 
-
                      <h2>Romantic Getaway</h2>
 
-
                      <p>Nunc tortor ante, accumsan vel malesuada vulputate, tempus quis dolor. In ut purus nulla. Etiam tincidunt pharetra metus eget ultricies. Integer mi ante, laoreet cursus.</p>
 
-
                      <a href="accommodation-details.html" class="button">Read More</a>
 
-
                    </div>
 
-
                    <div class="box">
 
-
                    <h2>Family Getaway</h2>
 
-
                      <p>Nunc tortor ante, accumsan vel malesuada vulputate, tempus quis dolor. In ut purus nulla. Etiam tincidunt pharetra metus eget ultricies. Integer mi ante, laoreet cursus.</p>
 
-
                      <a href="accommodation-details.html" class="button">Read More</a>
 
-
                    </div>
 
-
                    <div class="box last">
 
-
                      <h2>Suite Getaway</h2>
 
-
                      <p>Nunc tortor ante, accumsan vel malesuada vulputate, tempus quis dolor. In ut purus nulla. Etiam tincidunt pharetra metus eget ultricies. Integer mi ante, laoreet cursus.</p>
 
-
                      <a href="accommodation-details.html" class="button">Read More</a>
 
-
                    </div>
 
-
                    <div class="clear"></div>
 
-
                </section>
 
-
            </div>
 
-
        </div>
 
-
        <!-- END BEFORE CONTENT -->
 
          
          
         <!-- MAIN CONTENT -->
         <!-- MAIN CONTENT -->
Line 507: Line 507:
              
              
<article>
<article>
-
                <img src="images/content/bell.png" alt="" class="alignright" />
+
                                <h1>Transcriptional Terminator Efficiency Calculator (TTEC)</h1>
-
<h1>Welcome</h1>
+
<p>We studied the rho-independent transcription terminators which regulate gene expression using both theoretical model and experiment method.</p>
-
<p class="colortext">Mauris malesuada ultrices consectetur. Suspendisse varius ante quis mauris gravida auctor. Nam cursus felis non ipsum feugiat ullamcorper. Nunc ac aliquet eros. </p>
+
<p> We first developed a theoretical model. This model calculated the free energy of RNA folding and could predict the secondary structure of terminators. From the secondary structure, we proposed an algorithm that can predict terminator efficiency.</p>
-
 
+
<p> To validate our theoretical prediction, we also perform wetlab experiments. We construct 100 terminators. We measure the the terminator efficiency by measuring the GFP and RFP which are placed before and after terminators.</p>
-
<p>Nam eget justo velit. Vestibulum dignissim vestibulum volutpat. Morbi quam odio, facilisis ut scelerisque id, pretium blandit diam. Suspendisse quam magna, sollicitudin vitae volutpat et, porttitor ut sem. Mauris nec dolor erat. Vestibulum condimentum libero ac elit rutrum pharetra. Nunc aliquet nisi et erat vulputate pellentesque.</p>
+
<p> We also developed a software and a web server for people to calculate their terminators and built a database of terminator efficiency which we believe to be the largest database of such kind. Our work is by far the most comprehensive study on terminator efficiency.</p>
-
 
+
-
<p>Nullam vel lacus et velit placerat convallis vitae in lorem. Fusce massa risus, viverra ut dapibus ut, tempus sit amet metus. Duis in elit nisi. In hac habitasse platea dictumst.</p>
+
                 </article>
                 </article>
Line 519: Line 517:
                 <div class="clear"></div>
                 <div class="clear"></div>
<div class="separator line"></div>
<div class="separator line"></div>
-
               
 
-
                <article class="row">
 
-
                    <div class="one_fourth">
 
-
                        <span class="dropcap4">1</span>
 
-
                        <h4>Design Ideas</h4>
 
-
                        <p>Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.</p>
 
-
                    </div>
 
-
                    <div class="one_fourth">
 
-
                    <span class="dropcap4">2</span>
 
-
                        <h4>Problem Areas</h4>
 
-
                        <p>Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.</p>
 
-
                    </div>
 
-
                    <div class="one_fourth">
 
-
                    <span class="dropcap4">3</span>
 
-
                        <h4>Green Garden</h4>
 
-
                        <p>Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.</p>
 
-
                    </div>
 
-
                    <div class="one_fourth lastcols">
 
-
                    <span class="dropcap4">4</span>
 
-
                        <h4>Planting Areas</h4>
 
-
                        <p>Pellentesque enim lacus, viverra eu egestas vel, imperdiet non felis. Aliquam erat volutpat. Nullam facilisis aliquet eleifend.</p>
 
-
                    </div>
 
-
        </article>
 
                 <div class="clear"></div>
                 <div class="clear"></div>
             </section>
             </section>
Line 547: Line 522:
         </div>
         </div>
         <!-- END MAIN CONTENT -->
         <!-- END MAIN CONTENT -->
 +
 +
             
                
                
         <!-- FOOTER -->
         <!-- FOOTER -->
         <div id="outerfooter">
         <div id="outerfooter">
         <div id="footercontainer">
         <div id="footercontainer">
-
             <footer id="footer">Downloaded from KickassGFX.net. Theme design by <a href="http://www.kickassgfx.net/">kickassgfx.net</a></footer>
+
             <footer id="footer">South University of Science and Technology of China</footer>
             </div>
             </div>
         </div>
         </div>
Line 561: Line 538:
</div> <!-- end bodychild -->
</div> <!-- end bodychild -->
</body>
</body>
 +
 +
</p>
 +
<!--
 +
NewPP limit report
 +
Preprocessor node count: 6/1000000
 +
Post-expand include size: 41/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Expensive parser function count: 0/100
 +
-->
 +
 +
<!-- Saved in parser cache with key 2012_igem_org:pcache:idhash:36371-0!1!0!!en!2 and timestamp 20121022120547 -->
 +
<div class="printfooter">
 +
Retrieved from "<a href="http://2012.igem.org/Template:SUSTC-B1">http://2012.igem.org/Template:SUSTC-B1</a>"</div>
 +
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
 +
<div class="visualClear"></div>
 +
</div>
 +
    </div>
 +
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
 +
<div class="visualClear"></div>
 +
    <div id='footer-box' class='noprint'>
 +
        <div id="footer">
 +
              <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a></div>     <ul id="f-list">
 +
 +
 +
  <!-- Recentchanges is not handles well DEBUG -->
 +
    <li id="t-recentchanges"><a href="/Special:RecentChanges"
 +
      title='Recent changes'>Recent changes</a></li>
 +
 +
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Template:SUSTC-B1"
 +
      title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
 +
 +
                        <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Template:SUSTC-B1"
 +
                          title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
 +
 +
 +
 +
                <li id="t-upload"><a href="/Special:Upload"
 +
                  title="Upload files [u]" accesskey="u">Upload file</a>
 +
                </li>
 +
                <li id="t-specialpages"><a href="/Special:SpecialPages"
 +
                  title="List of all special pages [q]" accesskey="q">Special pages</a>
 +
                </li>
 +
                <li><a href='/Special:Preferences'>My preferences</a></li>
 +
            </ul>
 +
        </div> <!-- close footer -->
 +
        <div id='footer'>
 +
    <ul id="f-list">
 +
 +
            <li id="t-print"><a href="/wiki/index.php?title=Template:SUSTC-B1&amp;printable=yes"
 +
              title="Printable version of this page [p]" accesskey="p">Printable version</a>
 +
            </li>
 +
 +
            <li id="t-permalink"><a href="/wiki/index.php?title=Template:SUSTC-B1&amp;oldid=273676"
 +
              title="Permanent link to this revision of the page">Permanent link</a>
 +
            </li>
 +
 +
 +
        <li id="privacy"><a href="/2012.igem.org:Privacy_policy" title="2012.igem.org:Privacy policy">Privacy policy</a></li>
 +
        <li id="disclaimer"><a href="/2012.igem.org:General_disclaimer" title="2012.igem.org:General disclaimer">Disclaimers</a></li>
 +
    </ul>
 +
</div> <!-- close footer -->
 +
    </div> <!-- close footer-box -->
 +
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
 +
</div>
 +
<!-- Served in 0.198 secs. --></body>
 +
</html>
</html>

Latest revision as of 15:07, 25 October 2012

Title



Transcriptional Terminator Efficiency Calculator (TTEC)

We studied the rho-independent transcription terminators which regulate gene expression using both theoretical model and experiment method.

We first developed a theoretical model. This model calculated the free energy of RNA folding and could predict the secondary structure of terminators. From the secondary structure, we proposed an algorithm that can predict terminator efficiency.

To validate our theoretical prediction, we also perform wetlab experiments. We construct 100 terminators. We measure the the terminator efficiency by measuring the GFP and RFP which are placed before and after terminators.

We also developed a software and a web server for people to calculate their terminators and built a database of terminator efficiency which we believe to be the largest database of such kind. Our work is by far the most comprehensive study on terminator efficiency.

South University of Science and Technology of China

Retrieved from "http://2012.igem.org/Template:SUSTC-B1"