Team:TU-Delft/Test2

From 2011.igem.org

(Difference between revisions)
 
(75 intermediate revisions not shown)
Line 1: Line 1:
 +
{{TU-header3}}
 +
__NOTOC__
<html>
<html>
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>
+
<body style="background-image:initial; background-repeat-x:no-repeat; background-repeat-y:no-repeat; background-repeat:no-repeat; background-attachment:initial; background-position:initial initial; background-position-x:initial; background-position-y:initial; background-origin:initial; background-clip:initial; background-color:#656565; margin:0pt; " onload="onPageLoad();" onunload="onPageUnload();" >
-
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>
+
    <div style="text-align:center; " >
 +
      <div style="background-color:#FFFFFF; text-align:left; width:900px; margin:4px auto 10px auto; " id="body_content" >
 +
</html>
 +
<br>
-
<script type="text/javascript">
+
<html>
-
/*
+
<table width="100%" cellpadding="0" cellspacing="10" border="0">
-
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+
    <tr>
-
*
+
        <td width="50%" valign="top">
-
* Uses the built in easing capabilities added In jQuery 1.1
+
            <p><h1>The Focus</h1>
-
* to offer multiple easing options
+
Bacteria can be good or bad. This is the way of saying that bacteria are respectively beneficial or harmful for human beings.  
-
*
+
-
* TERMS OF USE - jQuery Easing
+
-
*
+
-
* Open source under the BSD License.
+
-
*
+
-
* Copyright c 2008 George McGinley Smith
+
-
* All rights reserved.
+
-
*
+
-
* Redistribution and use in source and binary forms, with or without modification,
+
-
* are permitted provided that the following conditions are met:
+
-
*
+
-
* Redistributions of source code must retain the above copyright notice, this list of
+
-
* conditions and the following disclaimer.
+
-
* Redistributions in binary form must reproduce the above copyright notice, this list
+
-
* of conditions and the following disclaimer in the documentation and/or other materials
+
-
* provided with the distribution.
+
-
*
+
-
* Neither the name of the author nor the names of contributors may be used to endorse
+
-
* or promote products derived from this software without specific prior written permission.
+
-
*
+
-
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+
-
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+
-
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+
-
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+
-
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+
-
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
+
-
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+
-
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+
-
* OF THE POSSIBILITY OF SUCH DAMAGE.
+
-
*
+
-
*/
+
-
// t: current time, b: begInnIng value, c: change In value, d: duration
+
Good bacteria have always existed. Some species help humans to digest certain foods, others are important in the production process of, for example, milk, cheese or yogurt. There are even bacterial species that help agriculture by fixating nitrogen for more fertile croplands. This majority of all species are harmless to humans.
-
jQuery.easing['jswing'] = jQuery.easing['swing'];
+
<img src="https://static.igem.org/mediawiki/2011/6/69/S.thermophilus.jpeg" width="440px" /></p>
 +
        </td>
 +
        <td width="50%" valign="top">
 +
            <p><img src="https://static.igem.org/mediawiki/2011/8/8c/Salmonella_enterica.jpg"  width="440px"; />
 +
<h4></h4>
 +
Although the bad bacteria are a minority, they are well known. These species can spoil food or make you sick. Take for example ''Salmonella enterica'' that is a natural part of the chicken’s flora. Chickens have no problems with this bacteria strain, but humans can get very sick because of this little brad.
-
jQuery.extend( jQuery.easing,
+
Al together we have to respect what they do for us, but have to watch out which bacteria we catch. The iGEM TU Delft want to raise attention for the good bacteria simply because they deserve it!</p>
-
{
+
        </td>
-
def: 'easeOutQuad',
+
    </tr>
-
swing: function (x, t, b, c, d) {
+
</table>
-
//alert(jQuery.easing.default);
+
-
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+
-
},
+
-
easeInQuad: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t + b;
+
-
},
+
-
easeOutQuad: function (x, t, b, c, d) {
+
-
return -c *(t/=d)*(t-2) + b;
+
-
},
+
-
easeInOutQuad: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t + b;
+
-
return -c/2 * ((--t)*(t-2) - 1) + b;
+
-
},
+
-
easeInCubic: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t*t + b;
+
-
},
+
-
easeOutCubic: function (x, t, b, c, d) {
+
-
return c*((t=t/d-1)*t*t + 1) + b;
+
-
},
+
-
easeInOutCubic: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t*t + b;
+
-
return c/2*((t-=2)*t*t + 2) + b;
+
-
},
+
-
easeInQuart: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t*t*t + b;
+
-
},
+
-
easeOutQuart: function (x, t, b, c, d) {
+
-
return -c * ((t=t/d-1)*t*t*t - 1) + b;
+
-
},
+
-
easeInOutQuart: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
+
-
return -c/2 * ((t-=2)*t*t*t - 2) + b;
+
-
},
+
-
easeInQuint: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t*t*t*t + b;
+
-
},
+
-
easeOutQuint: function (x, t, b, c, d) {
+
-
return c*((t=t/d-1)*t*t*t*t + 1) + b;
+
-
},
+
-
easeInOutQuint: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+
-
return c/2*((t-=2)*t*t*t*t + 2) + b;
+
-
},
+
-
easeInSine: function (x, t, b, c, d) {
+
-
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+
-
},
+
-
easeOutSine: function (x, t, b, c, d) {
+
-
return c * Math.sin(t/d * (Math.PI/2)) + b;
+
-
},
+
-
easeInOutSine: function (x, t, b, c, d) {
+
-
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+
-
},
+
-
easeInExpo: function (x, t, b, c, d) {
+
-
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+
-
},
+
-
easeOutExpo: function (x, t, b, c, d) {
+
-
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+
-
},
+
-
easeInOutExpo: function (x, t, b, c, d) {
+
-
if (t==0) return b;
+
-
if (t==d) return b+c;
+
-
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
+
-
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+
-
},
+
-
easeInCirc: function (x, t, b, c, d) {
+
-
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+
-
},
+
-
easeOutCirc: function (x, t, b, c, d) {
+
-
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+
-
},
+
-
easeInOutCirc: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+
-
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
+
-
},
+
-
easeInElastic: function (x, t, b, c, d) {
+
-
var s=1.70158;var p=0;var a=c;
+
-
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
-
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+
-
},
+
-
easeOutElastic: function (x, t, b, c, d) {
+
-
var s=1.70158;var p=0;var a=c;
+
-
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
-
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
+
-
},
+
-
easeInOutElastic: function (x, t, b, c, d) {
+
-
var s=1.70158;var p=0;var a=c;
+
-
if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
-
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+
-
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+
-
},
+
-
easeInBack: function (x, t, b, c, d, s) {
+
-
if (s == undefined) s = 1.70158;
+
-
return c*(t/=d)*t*((s+1)*t - s) + b;
+
-
},
+
-
easeOutBack: function (x, t, b, c, d, s) {
+
-
if (s == undefined) s = 1.70158;
+
-
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+
-
},
+
-
easeInOutBack: function (x, t, b, c, d, s) {
+
-
if (s == undefined) s = 1.70158;
+
-
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+
-
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+
-
},
+
-
easeInBounce: function (x, t, b, c, d) {
+
-
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+
-
},
+
-
easeOutBounce: function (x, t, b, c, d) {
+
-
if ((t/=d) < (1/2.75)) {
+
-
return c*(7.5625*t*t) + b;
+
-
} else if (t < (2/2.75)) {
+
-
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+
-
} else if (t < (2.5/2.75)) {
+
-
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+
-
} else {
+
-
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+
-
}
+
-
},
+
-
easeInOutBounce: function (x, t, b, c, d) {
+
-
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+
-
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+
-
}
+
-
});
+
-
/*
+
  </html>
-
*
+
{{TU-footer}}
-
* TERMS OF USE - EASING EQUATIONS
+
-
*
+
-
* Open source under the BSD License.
+
-
*
+
-
* Copyright c 2001 Robert Penner
+
-
* All rights reserved.
+
-
*
+
-
* Redistribution and use in source and binary forms, with or without modification,
+
-
* are permitted provided that the following conditions are met:
+
-
*
+
-
* Redistributions of source code must retain the above copyright notice, this list of
+
-
* conditions and the following disclaimer.
+
-
* Redistributions in binary form must reproduce the above copyright notice, this list
+
-
* of conditions and the following disclaimer in the documentation and/or other materials
+
-
* provided with the distribution.
+
-
*
+
-
* Neither the name of the author nor the names of contributors may be used to endorse
+
-
* or promote products derived from this software without specific prior written permission.
+
-
*
+
-
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+
-
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+
-
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+
-
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+
-
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+
-
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
+
-
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+
-
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+
-
* OF THE POSSIBILITY OF SUCH DAMAGE.
+
-
*
+
-
*/
+
-
</script>
+
-
<script type="text/javascript">
+
-
/*
+
-
* jQuery Booklet Plugin
+
-
* Copyright (c) 2010 W. Grauvogel (http://builtbywill.com/)
+
-
*
+
-
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+
-
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+
-
*
+
-
* Version : 1.2.0
+
-
*
+
-
* Originally based on the work of:
+
-
* 1) Charles Mangin (http://clickheredammit.com/pageflip/)
+
-
*/
+
-
(function(b){b.fn.booklet=function(c){var d=b.extend({},b.fn.booklet.defaults,c);return b(this).each(function(){var j,e,h,k,f,g;if(typeof c=="string"){if(b(this).data("booklet")){j=c.toLowerCase();h=b.fn.booklet.interfaces[b(this).data("id")];if(j=="next"){h.next()}else{if(j=="prev"){h.prev()}}}}else{if(typeof c=="number"){if(b(this).data("booklet")){g=c;h=b.fn.booklet.interfaces[b(this).data("id")];if(g%2!=0){g-=1}h.gotoPage(g)}}else{e=b.extend(true,{},d);k=b.fn.booklet.interfaces.length;for(f=0;f<k;f++){if(typeof b.fn.booklet.interfaces[f]=="undefined"){k=f;break}}h=new a(b(this),e,k);b.fn.booklet.interfaces[k]=h}}})};function a(ak,an,N){var aA,aH,Z,G,V,R,O,K,t,am,ar,I,U,T,aa,e,aI=new Array(),Q=new Array(),L,aj,ai,ag,ae,ac,aK,aq,P,y,c,aD,ay,aJ,aL,ao,n,al,aB,v,ax,av,Y,au,at,r,J,H,ap,E,f,d,q,af,w,B,x,az,C,o,A,W,s,aG,z,l,aC='<div class="b-page-empty" title="" rel=""></div>',aF='<div class="b-page-blank" title="" rel=""></div>';am=false;e=false;ar=false;I=U=false;aA=this;aA.options=an;aA.id=N;aA.hash="";aH=aA.options;Z=ak.addClass("booklet");G=Z.children(".b-load");m();Z.data("booklet",true);Z.data("id",N);Z.data("total",G.children().length);if(!aH.width){aH.width=Z.width()}else{if(typeof aH.width=="string"&&aH.width.indexOf("%")!=-1){aH.wPercent=true;aH.wOrig=aH.width;aH.width=(aH.width.replace("%","")/100)*parseFloat(Z.parent().css("width"))}}if(!aH.height){aH.height=Z.height()}else{if(typeof aH.height=="string"&&aH.height.indexOf("%")!=-1){aH.hPercent=true;aH.hOrig=aH.height;aH.height=(aH.height.replace("%","")/100)*parseFloat(Z.parent().css("height"))}}Z.width(aH.width);Z.height(aH.height);aH.pWidth=aH.width/2;aH.pWidthN="-"+(aH.pWidth)+"px";aH.pWidthH=aH.pWidth/2;aH.pHeight=aH.height;aH.pTotal=G.children().length;aH.speedH=aH.speed/2;if(aH.direction=="LTR"){aH.curr=0}else{if(aH.direction=="RTL"){aH.curr=aH.pTotal-2}}if(!isNaN(aH.startingPage)&&aH.startingPage<=aH.pTotal&&aH.startingPage>0){if((aH.startingPage%2)!=0){aH.startingPage--}aH.curr=aH.startingPage}if(aH.closed&&aH.autoCenter){if(aH.curr==0){Z.width(aH.pWidth)}else{if(aH.curr>=aH.pTotal-2){Z.width(aH.pWidth)}}}if(aH.name){document.title=aH.name}else{aH.name=document.title}if(aH.shadows){aH.shadowTopFwdWidth="-"+aH.shadowTopFwdWidth+"px";aH.shadowTopBackWidth="-"+aH.shadowTopBackWidth+"px"}if(aH.menu){q=b(aH.menu).addClass("b-menu");K=aH.curr;if(aH.pageSelector){w=b('<div class="b-selector b-selector-page"><span class="b-current">'+(K+1)+" - "+(K+2)+"</span></div>").appendTo(q);B=b("<ul></ul>").appendTo(w).empty().css("height","auto");for(R=0;R<aH.pTotal;R+=2){O=R;nums=(O+1)+"-"+(O+2);if(aH.closed){O--;if(R==0){nums="1"}else{if(R==aH.pTotal-2){nums=aH.pTotal-2}else{nums=(O+1)+"-"+(O+2)}}if(aH.covers){O--;if(R==0){nums=""}else{if(R==aH.pTotal-2){nums=""}else{nums=(O+1)+"-"+(O+2)}}}}if(aH.direction=="RTL"){nums=(Math.abs(O-aH.pTotal)-1)+" - "+((Math.abs(O-aH.pTotal)));if(aH.closed){if(R==aH.pTotal-2){nums="1"}else{if(R==0){nums=aH.pTotal-2}else{nums=(Math.abs(O-aH.pTotal)-3)+" - "+((Math.abs(O-aH.pTotal)-2))}}if(aH.covers){if(R==aH.pTotal-2){nums=""}else{if(R==0){nums=""}else{nums=(Math.abs(O-aH.pTotal)-5)+" - "+((Math.abs(O-aH.pTotal)-4))}}}}w.find(".b-current").text(nums);az=b('<li><a href="#/page/'+(R+1)+'" id="selector-page-'+R+'"><span class="b-text">'+aI[R+1]+'</span><span class="b-num">'+nums+"</span></a></li>").prependTo(B)}else{if(R==0){w.find(".b-current").text(nums)}az=b('<li><a href="#/page/'+(R+1)+'" id="selector-page-'+R+'"><span class="b-text">'+aI[R]+'</span><span class="b-num">'+nums+"</span></a></li>").appendTo(B)}C=az.find("a");if(!aH.hash){C.click(function(){if(aH.direction=="RTL"){w.find(".b-current").text(b(this).find(".b-num").text())}o=parseInt(b(this).attr("id").replace("selector-page-",""));aA.gotoPage(o);return false})}}x=B.height();B.css({height:0,"padding-bottom":0});w.unbind("hover").hover(function(){B.stop().animate({height:x,paddingBottom:10},500)},function(){B.stop().animate({height:0,paddingBottom:0},500)})}if(aH.chapterSelector){af=Q[aH.curr];if(af==""){af=Q[aH.curr+1]}A=b('<div class="b-selector b-selector-chapter"><span class="b-current">'+af+"</span></div>").appendTo(q);W=b("<ul></ul>").appendTo(A).empty().css("height","auto");for(R=0;R<aH.pTotal;R+=1){if(Q[R]!=""&&typeof Q[R]!="undefined"){if(aH.direction=="RTL"){O=R;if(O%2!=0){O--}A.find(".b-current").text(Q[R]);aG=b('<li><a href="#/page/'+(O+1)+'" id="selector-page-'+(O)+'"><span class="b-text">'+Q[R]+"</span></a></li>").prependTo(W)}else{aG=b('<li><a href="#/page/'+(R+1)+'" id="selector-page-'+R+'"><span class="b-text">'+Q[R]+"</span></a></li>").appendTo(W)}z=aG.find("a");if(!aH.hash){z.click(function(){if(aH.direction=="RTL"){A.find(".b-current").text(b(this).find(".b-text").text())}l=parseInt(b(this).attr("id").replace("selector-page-",""));aA.gotoPage(l);return false})}}}s=W.height();W.css({height:0,"padding-bottom":0});A.unbind("hover").hover(function(){W.stop().animate({height:s,paddingBottom:10},500)},function(){W.stop().animate({height:0,paddingBottom:0},500)})}}b.extend(aA,{next:function(){if(!am){aA.gotoPage(aH.curr+2)}},prev:function(){if(!am){aA.gotoPage(aH.curr-2)}},gotoPage:function(h){if(h>aH.curr&&h<aH.pTotal&&h>=0&&!am){am=true;t=h-aH.curr;aH.curr=h;aH.before.call(aA,aH);aE();F();S(aH.curr+1,aH);X(t,true,aJ);if(aH.closed&&aH.autoCenter&&h-t==0){ag.stop().animate({width:0,left:aH.pWidth},aH.speed,aH.easing);ac.stop().animate({left:aH.pWidth},aH.speed,aH.easing)}else{ag.stop().animate({width:0},aH.speedH,aH.easeIn)}if(ao){ae.stop().animate({left:aH.pWidth/4,width:aH.pWidth*0.75,paddingLeft:aH.shadowBtmWidth},aH.speedH,aH.easeIn).animate({left:0,width:aH.pWidth,paddingLeft:0},aH.speedH)}else{ae.stop().animate({left:aH.pWidthH,width:aH.pWidthH,paddingLeft:aH.shadowBtmWidth},aH.speedH,aH.easeIn).animate({left:0,width:aH.pWidth,paddingLeft:0},aH.speedH)}c.animate({left:aH.shadowBtmWidth},aH.speedH,aH.easeIn).animate({left:0},aH.speedH,aH.easeOut,function(){M()})}else{if(h<aH.curr&&h<aH.pTotal&&h>=0&&!am){am=true;t=aH.curr-h;aH.curr=h;aH.before.call(aA,aH);aE();F();S(aH.curr+1,aH);X(t,false,aL);if(n){ai.animate({left:aH.pWidth,width:0},aH.speed,aH.easing);P.animate({left:aH.pWidthN},aH.speed,aH.easing);if(aH.closed&&aH.autoCenter&&aH.curr==0){aj.animate({left:aH.pWidthH,width:aH.pWidthH},aH.speedH,aH.easeIn).animate({left:0,width:aH.pWidth},aH.speedH,aH.easeOut);ag.stop().animate({left:0},aH.speed,aH.easing)}else{aj.animate({left:aH.pWidth,width:aH.pWidth},aH.speed,aH.easing)}aq.animate({right:0},aH.speed,aH.easing,function(){M()})}else{ai.animate({left:aH.pWidth,width:0},aH.speed,aH.easing);P.animate({left:aH.pWidthN},aH.speed,aH.easing);if(aH.closed&&aH.autoCenter&&aH.curr==0){aj.animate({left:aH.pWidthH,width:aH.pWidthH},aH.speedH,aH.easeIn).animate({left:0,width:aH.pWidth},aH.speedH,aH.easeOut);ag.stop().animate({left:0},aH.speed,aH.easing)}else{aj.animate({left:aH.pWidthH,width:aH.pWidthH},aH.speedH,aH.easeIn).animate({left:aH.pWidth,width:aH.pWidth},aH.speedH,aH.easeOut)}aq.animate({right:aH.shadowBtmWidth},aH.speedH,aH.easeIn).animate({right:0},aH.speedH,aH.easeOut,function(){M()})}}}}});if(aH.manual&&b.ui){aH.overlays=false}if(aH.next){ap=b(aH.next);ap.click(function(h){h.preventDefault();aA.next()})}if(aH.prev){E=b(aH.prev);E.click(function(h){h.preventDefault();aA.prev()})}if(aH.overlays){av=b('<div class="b-overlay b-overlay-prev b-prev" title="Previous Page"></div>').appendTo(Z);ax=b('<div class="b-overlay b-overlay-next b-next" title="Next Page"></div>').appendTo(Z);v=Z.find(".b-overlay");if(b.browser.msie){v.css({background:"#fff",filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0) !important"})}}if(aH.tabs){at=b('<div class="b-tab b-tab-prev b-prev" title="Previous Page">Previous</div>').appendTo(Z);au=b('<div class="b-tab b-tab-next b-next" title="Next Page">Next</div>').appendTo(Z);Y=Z.find(".b-tab");if(aH.tabWidth){Y.width(aH.tabWidth)}if(aH.tabHeight){Y.height(aH.tabHeight)}Y.css({top:"-"+au.outerHeight()+"px"});Z.css({marginTop:au.outerHeight()});if(aH.direction=="RTL"){au.html("Previous").attr("title","Previous Page");at.html("Next").attr("title","Next Page")}}else{Z.css({marginTop:0})}if(aH.arrows){H=b('<div class="b-arrow b-arrow-prev b-prev" title="Previous Page"><div>Previous</div></div>').appendTo(Z);J=b('<div class="b-arrow b-arrow-next b-next" title="Next Page"><div>Next</div></div>').appendTo(Z);r=Z.find(".b-arrow");if(aH.direction=="RTL"){J.html("<div>Previous</div>").attr("title","Previous Page");H.html("<div>Next</div>").attr("title","Next Page")}}f=Z.find(".b-next");d=Z.find(".b-prev");f.click(function(h){h.preventDefault();aA.next()});d.click(function(h){h.preventDefault();aA.prev()});if(aH.overlays&&aH.hovers){f.unbind("mouseover mouseout").bind("mouseover",function(){u(true)}).bind("mouseout",function(){aw(true)});d.unbind("mouseover mouseout").bind("mouseover",function(){u(false)}).bind("mouseout",function(){aw(false)})}if(aH.arrows){if(aH.arrowsHide){if(b.support.opacity){f.hover(function(){J.find("div").stop().fadeTo("fast",1)},function(){J.find("div").stop().fadeTo("fast",0)});d.hover(function(){H.find("div").stop().fadeTo("fast",1)},function(){H.find("div").stop().fadeTo("fast",0)})}else{f.hover(function(){J.find("div").show()},function(){J.find("div").hide()});d.hover(function(){H.find("div").show()},function(){H.find("div").hide()})}}else{J.find("div").show();H.find("div").show()}}if(aH.keyboard){b(document).keyup(function(h){if(h.keyCode==37){aA.prev()}else{if(h.keyCode==39){aA.next()}}})}if(aH.hash){g();clearInterval(T);T=setInterval(function(){ad()},250)}if(aH.wPercent||aH.hPercent){b(window).resize(function(){ab()})}if(aH.auto&&aH.delay){clearTimeout(aa);aa=setTimeout(function(){aA.next()},aH.delay);e=true;if(aH.pause){pause=b(aH.pause);pause.click(function(h){h.preventDefault();if(e){clearTimeout(aa);e=false}})}if(aH.play){play=b(aH.play);play.click(function(h){h.preventDefault();if(!e){clearTimeout(aa);aa=setTimeout(function(){aA.next()},aH.delay);e=true}})}}ah();F();aE();function m(){if((G.children().length%2)!=0){if(aH.closed&&aH.covers){G.children().last().before(aF)}else{G.children().last().after(aF)}}if(aH.closed){b(aC).attr({title:aH.closedFrontTitle||"Beginning",rel:aH.closedFrontChapter||"Beginning of Book"}).prependTo(G);G.children().last().attr({title:aH.closedBackTitle||"End",rel:aH.closedBackChapter||"End of Book"});G.append(aC)}if(aH.direction=="LTR"){O=0}else{O=G.children().length;if(aH.closed){O-=2}if(aH.covers){O-=2}b(G.children().get().reverse()).each(function(){b(this).appendTo(G)})}G.children().each(function(h){if(b(this).attr("rel")){Q[h]=b(this).attr("rel")}else{Q[h]=""}aI[h]=b(this).attr("title");if(b(this).hasClass("b-page-empty")){b(this).wrap('<div class="b-page"><div class="b-wrap"></div></div>')}else{if(aH.closed&&aH.covers&&(h==1||h==G.children().length-2)){b(this).wrap('<div class="b-page"><div class="b-wrap b-page-cover"></div></div>')}else{if(h%2!=0){b(this).wrap('<div class="b-page"><div class="b-wrap b-wrap-right"></div></div>')}else{b(this).wrap('<div class="b-page"><div class="b-wrap b-wrap-left"></div></div>')}}}b(this).parents(".b-page").addClass("b-page-"+h).data("page",h);if(aH.pageNumbers&&!b(this).hasClass("b-page-empty")&&(!aH.closed||(aH.closed&&!aH.covers)||(aH.closed&&aH.covers&&h!=1&&h!=G.children().length-2))){if(aH.direction=="LTR"){O++}b(this).parent().append('<div class="b-counter">'+(O)+"</div>");if(aH.direction=="RTL"){O--}}})}function ab(){if(aH.wPercent){aH.width=(aH.wOrig.replace("%","")/100)*parseFloat(Z.parent().css("width"));Z.width(aH.width);aH.pWidth=aH.width/2;aH.pWidthN="-"+(aH.pWidth)+"px";aH.pWidthH=aH.pWidth/2}if(aH.hPercent){aH.height=(aH.hOrig.replace("%","")/100)*parseFloat(Z.parent().css("height"));Z.height(aH.height);aH.pHeight=aH.height}k()}function k(){Z.find(".b-shadow-f, .b-shadow-b, .b-p0, .b-p3").css({filter:"",zoom:""});if(aH.manual&&b.ui){Z.find(".b-page").draggable("destroy").removeClass("b-grab b-grabbing")}ay.attr("style","");ay.css({left:0,width:aH.pWidth-(aH.pagePadding*2),height:aH.pHeight-(aH.pagePadding*2),padding:aH.pagePadding});aq.css({right:0,left:"auto"});ai.css({left:0,width:aH.pWidth,height:aH.pHeight});ag.css({left:aH.pWidth,width:aH.pWidth,opacity:1,height:aH.pHeight});L.css({left:0,width:aH.pWidth,height:aH.pHeight});aj.css({left:0,width:0,height:aH.pHeight});ae.stop().css({left:aH.pWidth*2,width:0,height:aH.pHeight,paddingLeft:0});ac.css({left:aH.pWidth,width:aH.pWidth,height:aH.pHeight});if(aH.closed&&aH.autoCenter&&aH.curr==0){L.css({left:0});ai.css({left:aH.pWidthN});ag.css({left:0});ae.css({left:aH.pWidth});ac.css({left:0})}if(aH.closed&&aH.autoCenter&&(aH.curr==0||aH.curr>=aH.pTotal-2)){if(aH.overlays){v.width("100%")}Z.width(aH.pWidth)}else{if(aH.overlays){v.width("50%")}Z.width(aH.width)}}function ah(){if(ar){if(ai.data("page")-1<0){G.prepend(ag.detach());G.prepend(ai.detach())}else{Z.find(".b-page-"+(ai.data("page")-1)).after(ai.detach());Z.find(".b-page-"+(ag.data("page")-1)).after(ag.detach())}if(ae.data("page")-1<=aH.pTotal){Z.find(".b-page-"+(ae.data("page")-1)).after(ae.detach());Z.find(".b-page-"+(ac.data("page")-1)).after(ac.detach())}if(L.data("page")-1>=0){Z.find(".b-page-"+(L.data("page")-1)).after(L.detach());Z.find(".b-page-"+(aj.data("page")-1)).after(aj.detach())}else{G.prepend(L.detach());L.after(aj.detach())}}Z.find(".b-page").removeClass("b-pN b-p0 b-p1 b-p2 b-p3 b-p4").hide();if(aH.curr-2>=0){Z.find(".b-page-"+(aH.curr-2)).addClass("b-pN").show();Z.find(".b-page-"+(aH.curr-1)).addClass("b-p0").show()}Z.find(".b-page-"+(aH.curr)).addClass("b-p1").show();Z.find(".b-page-"+(aH.curr+1)).addClass("b-p2").show();if(aH.curr+3<=aH.pTotal){Z.find(".b-page-"+(aH.curr+2)).addClass("b-p3").show();Z.find(".b-page-"+(aH.curr+3)).addClass("b-p4").show()}L=Z.find(".b-pN");aj=Z.find(".b-p0");ai=Z.find(".b-p1");ag=Z.find(".b-p2");ae=Z.find(".b-p3");ac=Z.find(".b-p4");aK=Z.find(".b-pN .b-wrap");aq=Z.find(".b-p0 .b-wrap");P=Z.find(".b-p1 .b-wrap");y=Z.find(".b-p2 .b-wrap");c=Z.find(".b-p3 .b-wrap");aD=Z.find(".b-p4 .b-wrap");ay=Z.find(".b-wrap");k();if(aH.curr+3<=aH.pTotal){ae.after(aj.detach());ai.after(ac.detach())}else{aj.detach().appendTo(G)}ar=true;if(aH.shadows){Z.find(".b-shadow-f, .b-shadow-b").remove();aJ=b('<div class="b-shadow-f"></div>').css({right:0,width:aH.pWidth,height:aH.pHeight}).appendTo(ae);aL=b('<div class="b-shadow-b"></div>').appendTo(aj).css({left:0,width:aH.pWidth,height:aH.pHeight})}I=U=ao=n=false;if(aH.manual&&b.ui){ae.draggable({axis:"x",containment:[ag.offset().left-aH.pWidthH,0,ag.offset().left+aH.pWidth-50,aH.pHeight],drag:function(h,i){ao=true;al=i.originalPosition.left-i.position.left;ae.removeClass("b-grab").addClass("b-grabbing");ae.width(40+(al/2));c.css({left:10+(al/8)});ag.width(aH.pWidth-ae.width()+10);if(aH.shadows){aJ.css({right:"-"+(20+al/4)+"px"});if(b.support.opacity){aJ.css({opacity:0.5*(al/aH.pWidthH)})}else{aJ.css({right:"auto",left:0.1*ae.width()})}}},stop:function(i,j){aw(false);var h=j.originalPosition.left-j.position.left;if(h>aH.pWidthH/4){if(aH.shadows&&!b.support.opacity){aJ.css({left:"auto"})}aA.next();ae.removeClass("b-grab b-grabbing")}else{ao=false;ae.removeClass("b-grabbing").addClass("b-grab")}}});aj.draggable({axis:"x",containment:[ai.offset().left+10,0,ai.offset().left+aH.pWidth*0.75,aH.pHeight],drag:function(h,i){n=true;al=i.position.left-i.originalPosition.left;aj.removeClass("b-grab").addClass("b-grabbing");aj.css({left:40+(al)/1.5,width:40+(al)});aq.css({right:10+al/4});ai.css({left:i.position.left+20,width:aH.pWidth-i.position.left-10});P.css({left:-1*(al+30)});if(aH.shadows){if(b.support.opacity){aL.css({opacity:0.5*(al/aH.pWidthH)})}else{aL.css({left:-0.38*aH.pWidth})}}},stop:function(h,i){aw(true);al=i.position.left-i.originalPosition.left;if(al>aH.pWidthH/4){aA.prev();aj.removeClass("b-grab b-grabbing")}else{n=false;aj.removeClass("b-grabbing").addClass("b-grab")}}});b(Z).unbind("mousemove mouseout").bind("mousemove",function(h){aB=h.pageX-Z.offset().left;if(aB<50){u(false)}else{if(aB>aH.pWidth-50&&aH.curr==0&&aH.autoCenter&&aH.closed){u(true)}else{if(aB>50&&aB<aH.width-50){aw(false);aw(true)}else{if(aB>aH.width-50){u(true)}}}}}).bind("mouseout",function(){aw(false);aw(true)})}}function u(h){if(h){if(!am&&!I&&!U&&!ao&&aH.curr+2<=aH.pTotal-2){ag.stop().animate({width:aH.pWidth-40},500,aH.easing);ae.addClass("b-grab");if(aH.closed&&aH.autoCenter&&aH.curr==0){ae.stop().animate({left:aH.pWidth-50,width:40},500,aH.easing)}else{ae.stop().animate({left:aH.width-50,width:40},500,aH.easing)}c.stop().animate({left:10},500,aH.easing);if(aH.shadows&&!b.support.opacity){aJ.css({right:"auto",left:"-40%"})}I=true}}else{if(!am&&!U&&!I&&!n&&aH.curr-2>=0){ai.stop().animate({left:10,width:aH.pWidth-10},400,aH.easing);aj.addClass("b-grab");P.stop().animate({left:"-10px"},400,aH.easing);aj.stop().animate({left:10,width:40},400,aH.easing);aq.stop().animate({right:10},400,aH.easing);if(aH.shadows&&!b.support.opacity){aL.css({left:-0.38*aH.pWidth})}U=true}}}function aw(h){if(h){if(!am&&I&&!ao&&aH.curr+2<=aH.pTotal-2){ag.stop().animate({width:aH.pWidth},500,aH.easing);if(aH.closed&&aH.autoCenter&&aH.curr==0){ae.stop().animate({left:aH.pWidth,width:0},500,aH.easing)}else{ae.stop().animate({left:aH.width,width:0},500,aH.easing)}c.stop().animate({left:0},500,aH.easing);if(aH.shadows&&!b.support.opacity){aJ.css({left:"auto"})}I=false}}else{if(!am&&U&&!n&&aH.curr-2>=0){ai.stop().animate({left:0,width:aH.pWidth},400,aH.easing);P.stop().animate({left:0},400,aH.easing);aj.stop().animate({left:0,width:0},400,aH.easing);aq.stop().animate({right:0},400,aH.easing);U=false}}}function X(i,h,j){if(h&&i>2){Z.find(".b-page-"+(ae.data("page")-1)).after(ae.detach());Z.find(".b-page-"+(ac.data("page")-1)).after(ac.detach());Z.find(".b-p3, .b-p4").removeClass("b-p3 b-p4").hide();Z.find(".b-page-"+aH.curr).addClass("b-p3").show().stop().css({left:aH.pWidth*2,width:0,height:aH.pHeight,paddingLeft:0});Z.find(".b-page-"+(aH.curr+1)).addClass("b-p4").show().css({left:aH.pWidth,width:aH.pWidth,height:aH.pHeight});Z.find(".b-page-"+aH.curr+" .b-wrap").show().css({width:aH.pWidth-(aH.pagePadding*2),height:aH.pHeight-(aH.pagePadding*2),padding:aH.pagePadding});Z.find(".b-page-"+(aH.curr+1)+" .b-wrap").show().css({width:aH.pWidth-(aH.pagePadding*2),height:aH.pHeight-(aH.pagePadding*2),padding:aH.pagePadding});ae=Z.find(".b-p3");ac=Z.find(".b-p4");c=Z.find(".b-p3 .b-wrap");aD=Z.find(".b-p4 .b-wrap");if(I){ae.css({left:aH.width-40,width:20,"padding-left":10})}ai.after(ac.detach());ag.after(ae.detach());if(aH.shadows){Z.find(".b-shadow-f").remove();aJ=b('<div class="b-shadow-f"></div>').css({right:0,width:aH.pWidth,height:aH.pHeight}).appendTo(ae);j=aJ}}else{if(!h&&i>2){Z.find(".b-page-"+(L.data("page")-1)).after(L.detach());Z.find(".b-page-"+(aj.data("page")-1)).after(aj.detach());Z.find(".b-pN, .b-p0").removeClass("b-pN b-p0").hide();Z.find(".b-page-"+aH.curr).addClass("b-pN").show().css({left:0,width:aH.pWidth,height:aH.pHeight});Z.find(".b-page-"+(aH.curr+1)).addClass("b-p0").show().css({left:0,width:0,height:aH.pHeight});Z.find(".b-page-"+aH.curr+" .b-wrap").show().css({width:aH.pWidth-(aH.pagePadding*2),height:aH.pHeight-(aH.pagePadding*2),padding:aH.pagePadding});Z.find(".b-page-"+(aH.curr+1)+" .b-wrap").show().css({width:aH.pWidth-(aH.pagePadding*2),height:aH.pHeight-(aH.pagePadding*2),padding:aH.pagePadding});L=Z.find(".b-pN");aj=Z.find(".b-p0");aK=Z.find(".b-pN .b-wrap");aq=Z.find(".b-p0 .b-wrap");if(U){aj.css({left:10,width:40});aq.css({right:10})}aj.detach().appendTo(G);if(aH.shadows){Z.find(".b-shadow-b, .b-shadow-f").remove();aL=b('<div class="b-shadow-b"></div>').appendTo(aj).css({left:0,width:aH.pWidth,height:aH.pHeight});j=aL}}}if(aH.closed){if(!h&&aH.curr==0){L.hide()}else{if(!h){L.show()}}if(h&&aH.curr>=aH.pTotal-2){ac.hide()}else{if(h){ac.show()}}}if(aH.shadows){if(b.support.opacity){j.animate({opacity:1},aH.speedH,aH.easeIn).animate({opacity:0},aH.speedH,aH.easeOut)}else{if(h){j.animate({right:aH.shadowTopFwdWidth},aH.speed,aH.easeIn)}else{j.animate({left:aH.shadowTopBackWidth},aH.speed,aH.easeIn)}}}if(aH.closed&&aH.autoCenter){if(aH.curr==0){ae.hide();ac.hide();Z.animate({width:aH.pWidth},aH.speed,aH.easing)}else{if(aH.curr>=aH.pTotal-2){aj.hide();L.hide();Z.animate({width:aH.pWidth},aH.speed,aH.easing)}else{Z.animate({width:aH.width},aH.speed,aH.easing)}}}}function M(){ah();aE();F();aH.after.call(aA,aH);am=false;if(aH.auto&&aH.delay){if(e&&aH.curr<aH.pTotal-2){clearTimeout(aa);aa=setTimeout(function(){aA.next()},aH.delay);console.log("continue...")}if(aH.curr>=aH.pTotal-2){e=false}}}function F(){if(aH.overlays||aH.tabs||aH.arrows){if(b.support.opacity){if(aH.curr<aH.pTotal-2){f.fadeIn("fast").css("cursor",aH.cursor)}else{f.fadeOut("fast").css("cursor","default")}if(aH.curr>=2&&aH.curr!=0){d.fadeIn("fast").css("cursor",aH.cursor)}else{d.fadeOut("fast").css("cursor","default")}}else{if(aH.curr<aH.pTotal-2){f.show().css("cursor",aH.cursor)}else{f.hide().css("cursor","default")}if(aH.curr>=2&&aH.curr!=0){d.show().css("cursor",aH.cursor)}else{d.hide().css("cursor","default")}}}}function aE(){if(aH.pageSelector){if(aH.direction=="RTL"){nums=(Math.abs(aH.curr-aH.pTotal)-1)+" - "+((Math.abs(aH.curr-aH.pTotal)));if(aH.closed){if(aH.curr==aH.pTotal-2){nums="1"}else{if(aH.curr==0){nums=aH.pTotal-2}else{nums=(Math.abs(aH.curr-aH.pTotal)-2)+" - "+((Math.abs(aH.curr-aH.pTotal)-1))}}if(aH.covers){if(aH.curr==aH.pTotal-2){nums=""}else{if(aH.curr==0){nums=""}else{nums=(Math.abs(aH.curr-aH.pTotal)-3)+" - "+((Math.abs(aH.curr-aH.pTotal)-2))}}}}b(aH.menu+" .b-selector-page .b-current").text(nums)}else{nums=(aH.curr+1)+" - "+(aH.curr+2);if(aH.closed){if(aH.curr==0){nums="1"}else{if(aH.curr==aH.pTotal-2){nums=aH.pTotal-2}else{nums=(aH.curr)+"-"+(aH.curr+1)}}if(aH.covers){if(aH.curr==0){nums=""}else{if(aH.curr==aH.pTotal-2){nums=""}else{nums=(aH.curr-1)+"-"+(aH.curr)}}}}b(aH.menu+" .b-selector-page .b-current").text(nums)}}if(aH.chapterSelector){if(Q[aH.curr]!=""){b(aH.menu+" .b-selector-chapter .b-current").text(Q[aH.curr])}else{if(Q[aH.curr+1]!=""){b(aH.menu+" .b-selector-chapter .b-current").text(Q[aH.curr+1])}}if(aH.direction=="RTL"&&Q[aH.curr+1]!=""){b(aH.menu+" .b-selector-chapter .b-current").text(Q[aH.curr+1])}else{if(Q[aH.curr]!=""){b(aH.menu+" .b-selector-chapter .b-current").text(Q[aH.curr])}}}}function g(){V=D();if(!isNaN(V)&&V<=aH.pTotal-1&&V>=0&&V!=""){if((V%2)!=0){V--}aH.curr=V}else{S(aH.curr+1,aH)}aA.hash=V}function ad(){V=D();if(!isNaN(V)&&V<=aH.pTotal-1&&V>=0){if(V!=aH.curr&&V.toString()!=aA.hash){if((V%2)!=0){V--}document.title=aH.name+" - Page "+(V+1);if(!am){aA.gotoPage(V);aA.hash=V}}}}function D(){var h=window.location.hash.split("/");if(h.length>1){return parseInt(h[2])-1}else{return""}}function S(i,h){if(h.hash){window.location.hash="/page/"+i}}}b.fn.booklet.interfaces=[];b.fn.booklet.defaults={name:null,width:600,height:400,speed:1000,direction:"LTR",startingPage:0,easing:"easeInOutQuad",easeIn:"easeInQuad",easeOut:"easeOutQuad",closed:false,closedFrontTitle:null,closedFrontChapter:null,closedBackTitle:null,closedBackChapter:null,covers:false,autoCenter:false,pagePadding:10,pageNumbers:true,manual:true,hovers:true,overlays:true,tabs:false,tabWidth:60,tabHeight:20,arrows:false,arrowsHide:false,cursor:"pointer",hash:false,keyboard:true,next:null,prev:null,auto:false,delay:5000,pause:null,play:null,menu:null,pageSelector:false,chapterSelector:false,shadows:true,shadowTopFwdWidth:166,shadowTopBackWidth:166,shadowBtmWidth:50,before:function(){},after:function(){}}})(jQuery);
+
-
</script>
+
-
<style type="text/css">
+
-
 
+
-
/* @Booklet
+
-
----------------------------------------*/
+
-
.booklet          {width:800px; height:600px; position:relative; /*background:#fff;*/ margin:0 auto 10px; overflow:visible !important;}
+
-
.booklet .b-page  {left:0; top:0; position:absolute; overflow:hidden; padding:0;}
+
-
+
-
.booklet .b-pN  {}
+
-
.booklet .b-p0  {}
+
-
.booklet .b-p1  {}
+
-
.booklet .b-p2  {}   
+
-
.booklet .b-p3  {}
+
-
.booklet .b-p4  {}
+
-
+
-
.booklet .b-load  {}
+
-
 
+
-
  /* Page Wrappers */
+
-
.booklet .b-wrap      {top:0; position:absolute;}
+
-
.booklet .b-wrap-left  {background:#fff;}
+
-
.booklet .b-wrap-right {background:#efefef;}
+
-
+
-
.booklet .b-pN .b-wrap,
+
-
.booklet .b-p1 .b-wrap,
+
-
.booklet .b-p2 .b-wrap,
+
-
.booklet .b-p3 .b-wrap,
+
-
.booklet .b-p4 .b-wrap  {left:0;}
+
-
.booklet .b-p0 .b-wrap  {right:0;}
+
-
+
-
  /* Custom Page Types */
+
-
.booklet .b-page-blank  {padding:0; width:100%; height:100%;}
+
-
.booklet .b-page-cover  {padding:0; width:100%; height:100%; background:#925C0E;}
+
-
.booklet .b-page-cover h3  {color:#fff; text-shadow:0px 1px 3px #222;}
+
-
 
+
-
  /* Page Numbers */
+
-
.booklet .b-counter {bottom:10px; position:absolute; display:block; width:25px; height:20px; background:#ccc; color:#444; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; padding:5px 0 0;}
+
-
.booklet .b-wrap-left  .b-counter  {left:10px;}
+
-
.booklet .b-wrap-right .b-counter {right:10px;}
+
-
 
+
-
  /* Page Shadows */
+
-
.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;}
+
-
.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url("images/shadow-top-back.png");    background-repeat:repeat-y; background-position:0 0;}
+
-
+
-
.booklet .b-p0 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:100% 10px;}
+
-
.booklet .b-p3 {background-image:url("images/shadow.png"); background-repeat:repeat-y; background-position:0 10px;}
+
-
+
-
  /* Overlay Controls */
+
-
.booklet .b-grab    {cursor: url(images/openhand.cur), default;}
+
-
.booklet .b-grabbing {cursor: url(images/closedhand.cur), default;}
+
-
+
-
  /* Overlay Controls */
+
-
.booklet .b-overlay      {top:0; position:absolute; height:100%; width:50%;}
+
-
.booklet .b-overlay-prev {left:0;}
+
-
.booklet .b-overlay-next {right:0;}
+
-
+
-
  /* Tab Controls */
+
-
.booklet .b-tab        {background:#000; height:40px; width:100%; padding:10px 0 0; text-align:center; color:#ccc; position:absolute; font-size:11px;}
+
-
.booklet .b-tab-prev  {left:0;}
+
-
.booklet .b-tab-next  {right:0;}
+
-
.booklet .b-tab:hover  {background:#aaa; color:#000;}
+
-
+
-
  /* Arrow Controls */
+
-
.booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
+
-
.booklet .b-arrow div      {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
+
-
.booklet .b-arrow-next    {right:-80px;}
+
-
.booklet .b-arrow-prev    {left:-80px;}
+
-
.booklet .b-arrow-next div {background:url("images/arrow-next.png") no-repeat left top;}
+
-
.booklet .b-arrow-prev div {background:url("images/arrow-prev.png") no-repeat left top;}
+
-
+
-
/* @z-index fix (needed for older IE browsers)
+
-
----------------------------------------*/
+
-
body              {z-index:0;}
+
-
    .b-menu          {z-index:100;}
+
-
    .b-selector      {z-index:100;}
+
-
.booklet          {z-index:10;}
+
-
    .b-pN            {z-index:10;}
+
-
    .b-p0            {z-index:10;}
+
-
    .b-p1            {z-index:10;}
+
-
    .b-p2            {z-index:10;}
+
-
    .b-p3            {z-index:10;}
+
-
    .b-p4            {z-index:10;}
+
-
    .b-prev          {z-index:40;}
+
-
    .b-next          {z-index:40;}
+
-
    .b-counter        {z-index:40;}
+
-
+
-
/* @Menu Items
+
-
----------------------------------------*/
+
-
.b-menu {height:40px; padding:0 0 10px;}
+
-
+
-
.b-selector            {height:40px; position:relative; float:right; border:none; color:#cecece; cursor:pointer;}
+
-
.b-selector .b-current  {padding:8px 15px 12px; line-height:20px; min-width:18px; height:20px; display:block; background:#000; text-align:center;}
+
-
.b-selector-page        {width:auto; margin-left:15px;}
+
-
.b-selector-chapter    {width:auto;}
+
-
+
-
.b-selector:hover            {color:#fff; background-position:left 0px;}
+
-
.b-selector:hover .b-current {background-position:right 0px;}
+
-
.b-selector ul              {overflow:hidden; margin:0; list-style:none !important; position:absolute; top:40px; right:0; padding:0 0 10px; background:#000; width:240px; font:normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
+
-
.b-selector li              {border:none;}
+
-
.b-selector a                {color:#cecece; height:14px; text-decoration:none; display:block; padding:5px 10px;}
+
-
.b-selector a .b-text        {float:left; clear:none;}
+
-
.b-selector a .b-num        {float:right; clear:none;}
+
-
.b-selector a:hover          {color:#fff;}
+
-
</style>
+
-
<link href="booklet/jquery.booklet.1.2.0.css" type="text/css" rel="stylesheet" media="screen, projection, tv" />
+
-
 
+
-
<div id="mybook">
+
-
<div class="b-load">
+
-
<div>
+
-
<h3>Yay, Page 1!</h3>
+
-
</div>
+
-
<div>
+
-
<h3>Yay, Page 2!</h3>
+
-
</div>
+
-
<div>
+
-
<h3>Yay, Page 3!</h3>
+
-
</div>
+
-
<div>
+
-
<h3>Yay, Page 4!</h3>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
 
+
-
<script type="text/javascript">
+
-
$(function() {
+
-
//single book
+
-
$('#mybook').booklet();
+
-
+
-
//multiple books with ID's
+
-
$('#mybook1, #mybook2').booklet();
+
-
+
-
//multiple books with a class
+
-
$('.mycustombooks').booklet();
+
-
});
+
-
</script>
+
-
 
+
-
 
+
-
</html>
+

Latest revision as of 11:37, 18 August 2011



TUDelft Logo2 TUDelft Logo2 TUDelft Logo2 TUDelft Logo2 TUDelft Logo2 TUDelft Logo2


The Focus

Bacteria can be good or bad. This is the way of saying that bacteria are respectively beneficial or harmful for human beings. Good bacteria have always existed. Some species help humans to digest certain foods, others are important in the production process of, for example, milk, cheese or yogurt. There are even bacterial species that help agriculture by fixating nitrogen for more fertile croplands. This majority of all species are harmless to humans.

Although the bad bacteria are a minority, they are well known. These species can spoil food or make you sick. Take for example ''Salmonella enterica'' that is a natural part of the chicken’s flora. Chickens have no problems with this bacteria strain, but humans can get very sick because of this little brad. Al together we have to respect what they do for us, but have to watch out which bacteria we catch. The iGEM TU Delft want to raise attention for the good bacteria simply because they deserve it!

Back to iGEM.org

Retrieved from "http://2011.igem.org/Team:TU-Delft/Test2"