@@ -39,7 +36,7 @@ body{
})
- $('#magazine').turn({acceleration: true, shadows: true});
+ $('#magazine').turn({width: 1152, height: 752, acceleration: true, shadows: !$.isTouch});
diff --git a/turn.js b/turn.js
index 5bfcd5a..aa5cf7f 100644
--- a/turn.js
+++ b/turn.js
@@ -4,6 +4,7 @@
*
* Copyright (C) 2012 Emmanuel Garcia
* MIT Licensed
+ *
**/
(function($) {
@@ -31,7 +32,7 @@ var pi = Math.PI,
turnOptions = {
- // first page
+ // First page
page: 1,
@@ -52,7 +53,7 @@ var pi = Math.PI,
flipOptions = {
- // Page back
+ // Back page
back: null,
@@ -82,20 +83,17 @@ var pi = Math.PI,
// Gets basic attributes for a layer
- divAtt = function(top, left, width, height, zindex, overf) {
+ divAtt = function(top, left, zindex, overf) {
return {'css': {
- 'position': 'absolute',
- 'top': top,
- 'left': left,
- 'width': width,
- 'height': height,
- 'z-index': zindex || 'auto',
- 'overflow': overf || 'hidden'
+ position: 'absolute',
+ top: top,
+ left: left,
+ overflow: overf || 'hidden',
+ 'z-index': zindex || 'auto'
}
};
},
-
// Gets the 2D point from a bezier curve of four points
// This function is called in order to interpolate the position of the piece of page.
@@ -146,17 +144,17 @@ turnMethods = {
var p, pair, d = this.data(), ch = this.children(), l = ch.length;
- opt = $.extend({}, turnOptions, opt);
+ opt = $.extend({width: this.width(), height: this.height()}, turnOptions, opt);
d.opt = opt;
d.pageObjs = {}
d.pages = {};
d.pageWrap = {};
d.pagePlace = {};
- d.pageMv = [];
+ d.pageMv = [];
d.totalPages = l;
- this.css({'position': 'relative'});
+ this.css({position: 'relative'});
// This will avoid the blue screen in webkit-based browsers caused by hardware acceleration
@@ -164,22 +162,20 @@ turnMethods = {
this.transform(translate(0, 0, true));
-
for (p = 1; p <= l; p++) {
d.pagePlace[p] = p;
- d.pageObjs[p] = $(ch[p-1]).addClass('turn-page').addClass('p'+p);
- d.pageWrap[p] = $('
', {'class': 'turn-page-wrapper', 'css': {'position': 'absolute', 'width': d.pageObjs[p].width(), 'height': d.pageObjs[p].height()}}).
+ d.pageObjs[p] = $(ch[p-1]).addClass('turn-page p'+p);
+ d.pageWrap[p] = $('
', {'class': 'turn-page-wrapper', css: {position: 'absolute'}}).
attr('page', p).
- appendTo(this).
- prepend(d.pageObjs[p]);
- }
-
+ appendTo(this).
+ prepend(d.pageObjs[p]);
+ }
for (p = 1; p <= l; p++) {
pair = p%2==0;
d.pages[p] = d.pageWrap[p].
- css((pair) ? {'top': 0, 'left': 0} : {'top': 0, 'right': 0}).
- children(":first").
+ css((pair) ? {top: 0, left: 0} : {top: 0, right: 0}).
+ children(':first').
flip({
next: (pair) ? p-1 : p+1,
page : p,
@@ -199,12 +195,40 @@ turnMethods = {
}
turnMethods.page.apply(this, [opt.page]);
+
d.done = true;
+ this.turn('size', opt.width, opt.height);
+
return this;
},
+ size: function(width, height) {
+
+ if (width && height) {
+
+ var d = this.data(), pageWidth = width/2, p;
+
+ this.css({width: width, height: height});
+
+ for (p = 1; p <= d.totalPages; p++) {
+ d.pageWrap[p].css({width: pageWidth, height: height});
+ if (d.pages[p])
+ d.pages[p].css({width: pageWidth, height: height});
+ }
+
+ this.turn('resize');
+
+ return this;
+
+ } else {
+
+ return {width: this.width(), height: this.height()};
+
+ }
+ },
+
_visiblePages: function(page) {
var page = page || this.data().page;
@@ -216,12 +240,12 @@ turnMethods = {
var i, d = this.data();
- for (i=0; i
', divAtt(top, left, size, size, this.css('z-index'))).
+ d.wrapper = $('', divAtt(0, 0, this.css('z-index'))).
appendTo(parent).
prepend(this);
- d.fwrapper = $('', divAtt(parent.offset().top, parent.offset().left, size, size)).
+ d.fwrapper = $('', divAtt(parent.offset().top, parent.offset().left)).
hide().
appendTo(d.fparent);
- d.fpage = $('', {'fpage': 1, 'css': {'width': height, 'height': width, 'cursor': 'default'}}).
- appendTo($('', divAtt(0, 0, width, height, 0, 'visible')).
- appendTo(d.fwrapper));
+ d.fpage = $('', {css: {cursor: 'default'}}).
+ appendTo($('', divAtt(0, 0, 0, 'visible')).
+ appendTo(d.fwrapper));
if (d.opt.frontShadow)
- d.ashadow = $('', divAtt(0, 0, height, width, 1)).
+ d.ashadow = $('', divAtt(0, 0, 1)).
appendTo(d.fpage);
if (d.opt.backShadow)
- d.bshadow = $('', divAtt(0, 0, width, height, 1)).
+ d.bshadow = $('', divAtt(0, 0, 1)).
css({'position': ''}).
appendTo(parent);
- flipMethods.setData.apply(this, [d]);
- flipMethods.resize.apply(this);
+ // Save data
+
+ flipMethods.setData.call(this, d);
+
+ // Set size
+ flipMethods.resize.call(this, true);
}
},
@@ -801,7 +847,7 @@ flipMethods = {
d = this.data().pageFlip,
ac = d.opt.acceleration,
h = d.wrapper.height(),
- o = flipMethods._c.apply(this, [p.corner]),
+ o = flipMethods._c.call(this, p.corner),
top = p.corner.substr(0, 1) == 't',
left = p.corner.substr(1, 1) == 'l',
@@ -840,7 +886,7 @@ flipMethods = {
var side = (left) ? px : width - px,
sideX = side*Math.cos(alpha*2), sideY = side*Math.sin(alpha*2),
gradientSize = side*Math.sin(alpha),
- endingPoint = flipMethods._c2.apply(that, [p.corner]),
+ endingPoint = flipMethods._c2.call(that, p.corner),
far = Math.sqrt(Math.pow(endingPoint.x-p.x, 2)+Math.pow(endingPoint.y-p.y, 2));
df = P(Math.round(px + (left ? -sideX : sideX)), Math.round((top) ? sideY : height - sideY));
@@ -856,10 +902,6 @@ flipMethods = {
}
if (d.opt.frontShadow) {
-//gradientSize
- ppcen = gradientSize / ( (alpha100 ? (gradientSize-100)/gradientSize : 0;
gradientEndPointA = P(gradientSize*Math.sin(a90-alpha)/height*100, gradientSize*Math.cos(a90-alpha)/width*100);
@@ -884,7 +926,7 @@ flipMethods = {
transform = function(tr, c, x, a) {
var f = ['0', 'auto'], mvW = (width-h)*x[0]/100, mvH = (height-h)*x[1]/100, x = x[0] + '% ' + x[1] + '%',
- v = {'left': f[c[0]], 'top': f[c[1]], 'right': f[c[2]], 'bottom': f[c[3]]};
+ v = {left: f[c[0]], top: f[c[1]], right: f[c[2]], bottom: f[c[3]]};
that.css(v).transform(rotate(a) + translate(tr.x, tr.y, ac), x);
@@ -894,15 +936,12 @@ flipMethods = {
d.fwrapper.transform(translate(-tr.x + mv.x + mvW, -tr.y + mv.y + mvH, ac) + rotate(-a), x);
d.fpage.parent().transform(rotate(a) + translate(tr.x + df.x - mv.x, tr.y + df.y - mv.y, ac), x);
- if (d.opt.frontShadow) // && !isTouch
+ if (d.opt.frontShadow)
d.ashadow.css({'background-image':
'-webkit-gradient(linear, ' + (left?100:0)+'% '+(top?100:0)+'%, ' + gradientEndPointA.x + '% ' + gradientEndPointA.y + '%, color-stop(' + gradientStartV + ',rgba(0,0,0,0)), color-stop(' + (((1-gradientStartV)*0.8)+gradientStartV) + ',rgba(0,0,0,'+(0.2*gradientOpacity)+')), to(rgba(255,255,255,'+(0.2*gradientOpacity)+')) )'});
-
- //d.ashadow.css({'background-image': '-moz-linear-gradient('+(-a)+'deg, rgb(255,0,0) 0%, rgb(255,255,255) '+(ppcen/2)+'%, rgb(255,255,255) '+(ppcen*0.98)+'%, rgb(0,0,0) '+(ppcen*0.99)+'%, rgb(0,0,0) 99%)'});
-
- // console.log(ppcen);
- if (d.opt.backShadow) // && !isTouch
+
+ if (d.opt.backShadow)
d.bshadow.css({'background-image':
'-webkit-gradient(linear, ' + (left?0:100)+'% '+(top?0:100)+'%, ' + gradientEndPointB.x + '% ' + gradientEndPointB.y + '%, color-stop(0.8,rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,'+(0.2*gradientOpacity)+')), to(rgba(0,0,0,0)) )'});
@@ -971,13 +1010,13 @@ flipMethods = {
if (d.opt.back)
if (bool) {
if (!( (d.ashadow? '1' : '0') in d.fpage.children())) {
- flipMethods.setData.apply(this, [{'backParent': d.opt.back.parent() }]);
+ flipMethods.setData.call(this, {'backParent': d.opt.back.parent() });
d.fpage.prepend(d.opt.back);
}
} else {
- d.opt.back.transform('', '0% 0%');
if (d.backParent)
d.backParent.prepend(d.opt.back);
+
}
},
@@ -991,25 +1030,25 @@ flipMethods = {
if (interpolate) {
- var that = this, p = d.p || flipMethods._c.apply(this, [c.corner, 1]);
+ var that = this, p = d.p || flipMethods._c.call(this, c.corner, 1);
this.animatef({from: [p.x, p.y], to:[c.x, c.y], duration: 500, frame: function(v) {
- flipMethods._displayCorner.apply(that, [{corner: c.corner, x: v[0], y: v[1]}]);
+ flipMethods._displayCorner.call(that, {corner: c.corner, x: v[0], y: v[1]});
}});
} else {
- flipMethods._displayCorner.apply(this, [c]);
+ flipMethods._displayCorner.call(this, c);
if (dd.effect && !dd.effect.turning)
this.animatef(false);
}
- if (!d.fwrapper.is(":visible")) {
+ if (!d.fwrapper.is(':visible')) {
d.fparent.show().data().flips++;
- flipMethods._moveBackPage.apply(this, [true]);
+ flipMethods._moveBackPage.call(this, true);
d.fwrapper.show();
if (d.opt.backShadow)
@@ -1025,11 +1064,10 @@ flipMethods = {
var d = this.data().pageFlip;
-
if ((--d.fparent.data().flips)==0)
d.fparent.hide();
- this.css({'left': 0, 'top': 0, 'right': 'auto', 'bottom': 'auto'}).transform('', '0% 100%');
+ this.css({left: 0, top: 0, right: 'auto', bottom: 'auto'}).transform('', '0% 100%');
d.wrapper.transform('', '0% 100%');
d.fwrapper.hide();
@@ -1056,7 +1094,7 @@ flipMethods = {
};
if (interpolate) {
- var p2, p3, p4 = flipMethods._c.apply(this, [p1.corner]), top = (p1.corner.substr(0,1)=='t'),
+ var p2, p3, p4 = flipMethods._c.call(this, p1.corner), top = (p1.corner.substr(0,1)=='t'),
delta = Math.abs((p1.y-p4.y)/2);
p2 = P(p1.x, p1.y+delta);
@@ -1068,7 +1106,7 @@ flipMethods = {
frame: function(v) {
var np = bezier(p1, p2, p3, p4, v);
np.corner = p1.corner;
- flipMethods._displayCorner.apply(that, [np]);
+ flipMethods._displayCorner.call(that, np);
},
complete: hide,
duration: 800,
@@ -1083,15 +1121,13 @@ flipMethods = {
turnPage: function() {
-
var that = this,
d = this.data().pageFlip,
- corner = (d.cornerActivated) ? d.cornerActivated.corner : flipMethods._cAllowed.apply(this)[0],
- p1 = d.p || flipMethods._c.apply(this, [corner]),
- p4 = flipMethods._c2.apply(this, [corner]);
+ corner = (d.cornerActivated) ? d.cornerActivated.corner : flipMethods._cAllowed.call(this)[0],
+ p1 = d.p || flipMethods._c.call(this, corner),
+ p4 = flipMethods._c2.call(this, corner);
-
this.trigger('flip');
this.animatef({
@@ -1101,7 +1137,7 @@ flipMethods = {
var np = bezier(p1, p1, p4, p4, v);
np.corner = corner;
- flipMethods._showThumbIndex.apply(that, [np]);
+ flipMethods._showThumbIndex.call(that, np);
},
@@ -1111,15 +1147,12 @@ flipMethods = {
},
duration: d.opt.duration,
- /*duration: 10000,*/
turning: true
});
d.cornerActivated = null;
-
},
-
moving: function() {
return 'effect' in this.data();
@@ -1156,7 +1189,7 @@ flipMethods = {
if (!d.disabled && !this.flip('isTurning')) {
d.cornerActivated = flipMethods._cornerActivated.apply(this, [e]);
if (d.cornerActivated) {
- flipMethods._moveBackPage.apply(this, [true]);
+ flipMethods._moveBackPage.call(this, true);
this.trigger('pressed', [d.p]);
return false;
}
@@ -1172,15 +1205,15 @@ flipMethods = {
if (d.cornerActivated) {
var pos = d.parent.offset();
- flipMethods._showThumbIndex.apply(this, [{corner: d.cornerActivated.corner, x: e[0].pageX-pos.left, y: e[0].pageY-pos.top}]);
+ flipMethods._showThumbIndex.call(this, {corner: d.cornerActivated.corner, x: e[0].pageX-pos.left, y: e[0].pageY-pos.top});
} else if (!dd.effect && !isTouch) {
-
- if (corner = flipMethods._cornerActivated.apply(this, [e[0]])){
- var c = flipMethods._c.apply(this, [corner.corner, d.opt.cornerSize/2]);
- flipMethods._showThumbIndex.apply(this, [{corner: corner.corner, x: c.x, y: c.y}, true]);
+
+ if (corner = flipMethods._cornerActivated.call(this, e[0])){
+ var c = flipMethods._c.call(this, corner.corner, d.opt.cornerSize/2);
+ flipMethods._showThumbIndex.call(this, {corner: corner.corner, x: c.x, y: c.y}, true);
} else
- flipMethods.hideThumbIndex.apply(this, [true]);
+ flipMethods.hideThumbIndex.call(this, true);
}
},
@@ -1193,7 +1226,7 @@ flipMethods = {
var event = jQuery.Event('released');
this.trigger(event, [d.p]);
if (!event.isPropagationStopped())
- flipMethods.hideThumbIndex.apply(this, [true]);
+ flipMethods.hideThumbIndex.call(this, true);
}
d.cornerActivated = null;
diff --git a/turn.min.js b/turn.min.js
index 40152aa..2237429 100644
--- a/turn.min.js
+++ b/turn.min.js
@@ -1,35 +1,35 @@
/* turn.js | turnjs.com | (c) 2012 Emmanuel Garcia | MIT Licensed */
-(function(f){var E=Math.PI,C=E/2,H="WebKitCSSMatrix"in window&&"m11"in new WebKitCSSMatrix,t="Touch"in window,L={backward:["bl","tl"],forward:["br","tr"],all:["tl","bl","tr","br"]},M={page:1,shadows:!0,duration:600,acceleration:!0},N={back:null,corners:"forward",cornerSize:100,shadows:!0,duration:600,acceleration:!0},u=function(a,b,c,d,e,g){return{css:{position:"absolute",top:a,left:b,width:c,height:d,"z-index":e||"auto",overflow:g||"hidden"}}},J=function(a,b,c,d,e){var g=1-e,B=g*g*g;mu3=e*e*e;return j(Math.round(B*
-a.x+3*e*g*g*b.x+3*e*e*g*c.x+mu3*d.x),Math.round(B*a.y+3*e*g*g*b.y+3*e*e*g*c.y+mu3*d.y))},j=function(a,b){return{x:a,y:b}},o=function(a,b,c){return H&&c?" translate3d("+a+"px,"+b+"px, 0px) ":" translate("+a+"px, "+b+"px) "},r=function(a){return" rotate("+a+"deg) "},i={init:function(a){var b,c,d=this.data();c=this.children();var e=c.length,a=f.extend({},M,a);d.opt=a;d.pageObjs={};d.pages={};d.pageWrap={};d.pagePlace={};d.pageMv=[];d.totalPages=e;this.css({position:"relative"});H&&!t&&a.acceleration&&
-this.transform(o(0,0,!0));for(b=1;b<=e;b++)d.pagePlace[b]=b,d.pageObjs[b]=f(c[b-1]).addClass("turn-page").addClass("p"+b),d.pageWrap[b]=f("",{"class":"turn-page-wrapper",css:{position:"absolute",width:d.pageObjs[b].width(),height:d.pageObjs[b].height()}}).attr("page",b).appendTo(this).prepend(d.pageObjs[b]);for(b=1;b<=e;b++)c=b%2==0,d.pages[b]=d.pageWrap[b].css(c?{top:0,left:0}:{top:0,right:0}).children(":first").flip({next:c?b-1:b+1,page:b,turn:this,duration:a.duration,acceleration:a.acceleration,
-corners:c?"backward":"forward",back:c?d.pageObjs[b-1]:d.pageObjs[b+1],backShadow:a.shadows&&b!=2&&b!=e-1,frontShadow:a.shadows}).bind("pressed",i._pressed).bind("released",i._released).bind("start",i._start).bind("end",i._end).bind("flip",i._flip);i.page.apply(this,[a.page]);d.done=!0;return this},_visiblePages:function(a){a=a||this.data().page;return a%2==0?[a,a+1]:[a-1,a]},_removeMv:function(a){var b,c=this.data();for(b=0;b=c[0])&&(!c[1]||a<=c[1]))b.tpage=a,this.turn("stop"),this.trigger("turned",[a,pg]);else{b.tpage=a;this.turn("stop");var d,e,g=this.turn("view",a);c[1]&&a>c[1]?(d=c[1],e=g[0]):c[0]&&af(this).width())a.stopPropagation(),e.opt.turn.data().tpage=e.opt.next,e.opt.turn.turn("update"),f(c).flip("turnPage")},_flip:function(){var a=f(this).data().pageFlip.opt;a.turn.trigger("turning",[a.next])},disable:function(a){var b=this.data(),a=typeof a=="undefined"?!0:a===!0;for(p=1;p<=b.totalPages;p++)b.pages[p].flip("disable",
-a)}},h={init:function(a){if(a.shadows)a.frontShadow=!0,a.backShadow=!0;h.setData.apply(this,[{opt:f.extend({},N,a)}]);h._addEvents.apply(this);h._addPageWrapper.apply(this);return this},setData:function(a){var b=this.data();b.pageFlip=f.extend(b.pageFlip||{},a)},_cAllowed:function(){return L[this.data().pageFlip.opt.corners]||this.data().pageFlip.opt.corners},_cornerActivated:function(a){var a=t?a.originalEvent.touches:[a],b;b=this.data().pageFlip;var c=b.parent.offset(),d=this.width(),e=this.height(),
-g=Math.max(0,a[0].pageX-c.left),a=Math.max(0,a[0].pageY-c.top),f=b.opt.cornerSize,c=h._cAllowed.apply(this);if(!b.opt.back||g<=0||a<=0||g>=d||a>=e)b=!1;else if(g<=f&&a<=f)b="tl";else if(g>=d-f&&a<=f)b="tr";else if(g<=f&&a>=e-f)b="bl";else if(g>=d-f&&a>=e-f)b="br";else return!1;return jQuery.inArray(b,c)!=-1?{corner:b,x:g,y:a}:!1},_c:function(a,b){b=b||0;return{tl:j(b,b),tr:j(this.width()-b,b),bl:j(b,this.height()-b),br:j(this.width()-b,this.height()-b)}[a]},_c2:function(a){return{tl:j(this.width()*
-2,0),tr:j(-this.width(),0),bl:j(this.width()*2,this.height()),br:j(-this.width(),this.height())}[a]},z:function(a){var b=this.data().pageFlip;b.opt["z-index"]=a;b.fwrapper.css({"z-index":a||parseInt(b.parent.css("z-index"))||0})},resize:function(){var a=this.data().pageFlip;a.parent.is(":visible")&&(a.fwrapper.css({top:a.parent.offset().top,left:a.parent.offset().left}),a.opt.turn&&a.fparent.css({top:-a.opt.turn.offset().top,left:-a.opt.turn.offset().left}));this.flip("z",a.opt["z-index"])},_addPageWrapper:function(){var a=
-this.data().pageFlip,b=this.parent();if(!a.wrapper){var c=this.css("left"),d=this.css("top"),e=this.width(),g=this.height(),j=Math.round(Math.sqrt(Math.pow(e,2)+Math.pow(g,2)));a.fparent=a.opt.turn?a.opt.turn.data().fparent:f("#turn-fwrappers");if(!a.fparent){var i=f("").hide();i.data().flips=0;a.opt.turn?(i.css(u(-a.opt.turn.offset().top,-a.opt.turn.offset().left,"auto","auto","auto","visible").css).appendTo(a.opt.turn),a.opt.turn.data().fparent=i):i.css(u(0,0,"auto","auto","auto","visible").css).attr("id",
-"turn-fwrappers").appendTo(f("body"));a.fparent=i}a.parent=b;this.css({position:"absolute",top:0,left:0,bottom:"auto",right:"auto"});a.wrapper=f("",u(d,c,j,j,this.css("z-index"))).appendTo(b).prepend(this);a.fwrapper=f("",u(b.offset().top,b.offset().left,j,j)).hide().appendTo(a.fparent);a.fpage=f("",{fpage:1,css:{width:g,height:e,cursor:"default"}}).appendTo(f("",u(0,0,e,g,0,"visible")).appendTo(a.fwrapper));if(a.opt.frontShadow)a.ashadow=f("",u(0,0,g,e,1)).appendTo(a.fpage);
-if(a.opt.backShadow)a.bshadow=f("",u(0,0,e,g,1)).css({position:""}).appendTo(b);h.setData.apply(this,[a]);h.resize.apply(this)}},_displayCorner:function(a){var b=this,c=0,d=0,e,g,f,i,F,w=j(0,0),I=j(0,0),k=j(0,0),m=this.width(),q=this.height(),l=this.data().pageFlip,v=l.opt.acceleration,u=l.wrapper.height(),t=h._c.apply(this,[a.corner]),A=a.corner.substr(0,1)=="t",x=a.corner.substr(1,1)=="l",D=function(){var n=j(t.x?t.x-a.x:a.x,t.y?t.y-a.y:a.y),y=Math.atan2(n.y,n.x),s;d=C-y;c=d/E*180;s=j(x?m-
-n.x/2:a.x+n.x/2,n.y/2);var z=Math.max(0,Math.sin(d-Math.atan2(s.y,s.x))*Math.sqrt(Math.pow(s.x,2)+Math.pow(s.y,2)));k=j(z*Math.sin(d),z*Math.cos(d));if(d>C&&(k.x+=Math.abs(k.y*Math.tan(y)),k.y=0,Math.round(k.x*Math.tan(E-d))C){y=E-d;s=u-q/Math.sin(y);w=j(Math.round(s*Math.cos(y)),Math.round(s*Math.sin(y)));if(x)w.x=-w.x;if(A)w.y=-w.y}if(l.opt.frontShadow){ppcen=n/(d100?(n-100)/n:0;g=j(n*Math.sin(C-d)/q*100,n*Math.cos(C-d)/m*100);if(A)g.y=100-g.y;if(x)g.x=100-g.x}if(l.opt.backShadow){f=j(n*Math.sin(d)/m*100,n*Math.cos(d)/q*100);if(!x)f.x=100-f.x;if(!A)f.y=100-f.y}k.x=Math.round(k.x);k.y=Math.round(k.y);return!0},G=function(a,
-c,d,e){var h=["0","auto"],j=(m-u)*d[0]/100,k=(q-u)*d[1]/100,d=d[0]+"% "+d[1]+"%",c={left:h[c[0]],top:h[c[1]],right:h[c[2]],bottom:h[c[3]]};b.css(c).transform(r(e)+o(a.x,a.y,v),d);l.fpage.parent().css(c);l.wrapper.transform(o(-a.x+j,-a.y+k,v)+r(-e),d);l.fwrapper.transform(o(-a.x+w.x+j,-a.y+w.y+k,v)+r(-e),d);l.fpage.parent().transform(r(e)+o(a.x+I.x-w.x,a.y+I.y-w.y,v),d);l.opt.frontShadow&&l.ashadow.css({"background-image":"-webkit-gradient(linear, "+(x?100:0)+"% "+(A?100:0)+"%, "+g.x+"% "+g.y+"%, color-stop("+
-i+",rgba(0,0,0,0)), color-stop("+((1-i)*0.8+i)+",rgba(0,0,0,"+0.2*F+")), to(rgba(255,255,255,"+0.2*F+")) )"});l.opt.backShadow&&l.bshadow.css({"background-image":"-webkit-gradient(linear, "+(x?0:100)+"% "+(A?0:100)+"%, "+f.x+"% "+f.y+"%, color-stop(0.8,rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,"+0.2*F+")), to(rgba(0,0,0,0)) )"})};switch(a.corner){case "tl":a.x=Math.max(a.x,1);D();G(k,[1,0,0,1],[100,0],c);l.fpage.transform(o(-q,-m,v)+r(90-c*2),"100% 100%");l.opt.back.transform(r(90)+o(0,-q,v),"0% 0%");
-break;case "tr":a.x=Math.min(a.x,m-1);D();G(j(-k.x,k.y),[0,0,0,1],[0,0],-c);l.fpage.transform(o(0,-m,v)+r(-90+c*2),"0% 100%");l.opt.back.transform(r(270)+o(-m,0,v),"0% 0%");break;case "bl":a.x=Math.max(a.x,1);D();G(j(k.x,-k.y),[1,1,0,0],[100,100],-c);l.fpage.transform(o(-q,0,v)+r(-90+c*2),"100% 0%");l.opt.back.transform(r(270)+o(-m,0,v),"0% 0%");break;case "br":a.x=Math.min(a.x,m-1),D(),G(j(-k.x,-k.y),[0,1,1,0],[0,100],c),l.fpage.transform(r(90-c*2),"0% 0%"),l.opt.back.transform(r(90)+o(0,-q,v),"0% 0%")}l.p=
-a},setBackPage:function(a){var b=this.data().pageFlip;b.opt.back=a;b.backParent=a.parent()},_moveBackPage:function(a){var b=this.data().pageFlip;if(b.opt.back)if(a){if(!((b.ashadow?"1":"0")in b.fpage.children()))h.setData.apply(this,[{backParent:b.opt.back.parent()}]),b.fpage.prepend(b.opt.back)}else b.opt.back.transform("","0% 0%"),b.backParent&&b.backParent.prepend(b.opt.back)},_showThumbIndex:function(a,b){var c=this.data(),d=c.pageFlip;if(d.opt.back){if(b){var e=this,c=d.p||h._c.apply(this,[a.corner,
-1]);this.animatef({from:[c.x,c.y],to:[a.x,a.y],duration:500,frame:function(b){h._displayCorner.apply(e,[{corner:a.corner,x:b[0],y:b[1]}])}})}else h._displayCorner.apply(this,[a]),c.effect&&!c.effect.turning&&this.animatef(!1);d.fwrapper.is(":visible")||(d.fparent.show().data().flips++,h._moveBackPage.apply(this,[!0]),d.fwrapper.show(),d.opt.backShadow&&d.bshadow.show(),this.trigger("start"))}},hide:function(){var a=this.data().pageFlip;--a.fparent.data().flips==0&&a.fparent.hide();this.css({left:0,
-top:0,right:"auto",bottom:"auto"}).transform("","0% 100%");a.wrapper.transform("","0% 100%");a.fwrapper.hide();a.opt.backShadow&&a.bshadow.hide();a.opt.back.transform("","0% 0%")},hideThumbIndex:function(a){var b=this.data().pageFlip;if(b.p){var c=this,d=b.p,e=function(){b.p=null;c.flip("hide");c.trigger("end",[!1])};if(a){var g,f,i=h._c.apply(this,[d.corner]),a=d.corner.substr(0,1)=="t",o=Math.abs((d.y-i.y)/2);g=j(d.x,d.y+o);f=j(i.x,a?i.y+o:i.y-o);this.animatef({from:0,to:1,frame:function(a){a=J(d,
-g,f,i,a);a.corner=d.corner;h._displayCorner.apply(c,[a])},complete:e,duration:800,hiding:!0})}else this.animatef(!1),e()}},turnPage:function(){var a=this,b=this.data().pageFlip,c=b.cornerActivated?b.cornerActivated.corner:h._cAllowed.apply(this)[0],d=b.p||h._c.apply(this,[c]),e=h._c2.apply(this,[c]);this.trigger("flip");this.animatef({from:0,to:1,frame:function(b){b=J(d,d,e,e,b);b.corner=c;h._showThumbIndex.apply(a,[b])},complete:function(){a.trigger("end",[!0])},duration:b.opt.duration,turning:!0});
-b.cornerActivated=null},moving:function(){return"effect"in this.data()},isTurning:function(){return this.flip("moving")&&this.data().effect.turning},_addEvents:function(){var a=this,b=t?{start:"touchstart",move:"touchmove",end:"touchend"}:{start:"mousedown",move:"mousemove",end:"mouseup"};f(document).bind(b.start,function(){return h._eventStart.apply(a,arguments)}).bind(b.move,function(){h._eventMove.apply(a,arguments)}).bind(b.end,function(){h._eventEnd.apply(a,arguments)})},_eventStart:function(a){var b=
-this.data().pageFlip;if(!b.disabled&&!this.flip("isTurning")&&(b.cornerActivated=h._cornerActivated.apply(this,[a]),b.cornerActivated))return h._moveBackPage.apply(this,[!0]),this.trigger("pressed",[b.p]),!1},_eventMove:function(a){var b=this.data(),c=b.pageFlip,a=t?a.originalEvent.touches:[a];c.disabled||(c.cornerActivated?(b=c.parent.offset(),h._showThumbIndex.apply(this,[{corner:c.cornerActivated.corner,x:a[0].pageX-b.left,y:a[0].pageY-b.top}])):!b.effect&&!t&&((corner=h._cornerActivated.apply(this,
-[a[0]]))?(a=h._c.apply(this,[corner.corner,c.opt.cornerSize/2]),h._showThumbIndex.apply(this,[{corner:corner.corner,x:a.x,y:a.y},!0])):h.hideThumbIndex.apply(this,[!0])))},_eventEnd:function(){var a=this.data().pageFlip;if(!a.disabled&&a.cornerActivated){var b=jQuery.Event("released");this.trigger(b,[a.p]);b.isPropagationStopped()||h.hideThumbIndex.apply(this,[!0])}a.cornerActivated=null},disable:function(a){h.setData.apply(this,[{disabled:a}])}},K=function(a,b,c){if(!c[0]||typeof c[0]=="object")return b.init.apply(a,
-c);else if(b[c[0]]&&c[0].toString().substr(0,1)!="_")return b[c[0]].apply(a,Array.prototype.slice.call(c,1));else throw c[0]+" is an invalid value";};f.extend(f.fn,{flip:function(a,b){return K(this,h,arguments)},turn:function(a){return K(this,i,arguments)},transform:function(a,b){b&&this.css({"transform-origin":b,"-moz-transform-origin":b,"-o-transform-origin":b,"-webkit-transform-origin":b,"-ms-transform-origin":b});return this.css({transform:a,"-moz-transform":a,"-o-transform":a,"-webkit-transform":a,
-"-ms-transform":a})},animatef:function(a){var b=this.data();b.effect&&clearInterval(b.effect.handle);if(a){if(!a.to.length)a.to=[a.to];if(!a.from.length)a.from=[a.from];if(!a.easing)a.easing=function(a,b,c,d,e){return d*Math.sqrt(1-(b=b/e-1)*b)+c};var c,d=[],e=a.to.length,f=this,h=a.fps||30,i=-h,j=function(){var c,j=[];i=Math.min(a.duration,i+h);for(c=0;c",{"class":"turn-page-wrapper",css:{position:"absolute"}}).attr("page",b).appendTo(this).prepend(d.pageObjs[b]);for(b=1;b<=e;b++)c=b%2==0,d.pages[b]=d.pageWrap[b].css(c?{top:0,left:0}:{top:0,right:0}).children(":first").flip({next:c?b-1:b+1,page:b,turn:this,duration:a.duration,acceleration:a.acceleration,corners:c?"backward":"forward",back:c?d.pageObjs[b-
+1]:d.pageObjs[b+1],backShadow:a.shadows&&b!=2&&b!=e-1,frontShadow:a.shadows}).bind("pressed",j._pressed).bind("released",j._released).bind("start",j._start).bind("end",j._end).bind("flip",j._flip);j.page.apply(this,[a.page]);d.done=!0;this.turn("size",a.width,a.height);return this},size:function(a,b){if(a&&b){var c=this.data(),d=a/2,e;this.css({width:a,height:b});for(e=1;e<=c.totalPages;e++)c.pageWrap[e].css({width:d,height:b}),c.pages[e]&&c.pages[e].css({width:d,height:b});this.turn("resize");return this}else return{width:this.width(),
+height:this.height()}},_visiblePages:function(a){a=a||this.data().page;return a%2==0?[a,a+1]:[a-1,a]},_removeMv:function(a){var b,c=this.data();for(b=0;b=c[0])&&(!c[1]||a<=c[1]))b.tpage=a,this.turn("stop"),this.trigger("turned",[a,pg]);else{b.tpage=
+a;this.turn("stop");var d,e,i=this.turn("view",a);c[1]&&a>c[1]?(d=c[1],e=i[0]):c[0]&&ah(this).width())a.stopPropagation(),e.opt.turn.data().tpage=e.opt.next,e.opt.turn.turn("update"),
+h(c).flip("turnPage")},_flip:function(){var a=h(this).data().pageFlip.opt;a.turn.trigger("turning",[a.next])},disable:function(a){var b=this.data(),a=typeof a=="undefined"?!0:a===!0;for(p=1;p<=b.totalPages;p++)b.pages[p].flip("disable",a)}},g={init:function(a){if(a.shadows)a.frontShadow=!0,a.backShadow=!0;g.setData.apply(this,[{opt:h.extend({},M,a)}]);g._addEvents.apply(this);g._addPageWrapper.apply(this);return this},setData:function(a){var b=this.data();b.pageFlip=h.extend(b.pageFlip||{},a)},_cAllowed:function(){return K[this.data().pageFlip.opt.corners]||
+this.data().pageFlip.opt.corners},_cornerActivated:function(a){var a=u?a.originalEvent.touches:[a],b;b=this.data().pageFlip;var c=b.parent.offset(),d=this.width(),e=this.height(),i=Math.max(0,a[0].pageX-c.left),a=Math.max(0,a[0].pageY-c.top),f=b.opt.cornerSize,c=g._cAllowed.apply(this);if(!b.opt.back||i<=0||a<=0||i>=d||a>=e)b=!1;else if(i<=f&&a<=f)b="tl";else if(i>=d-f&&a<=f)b="tr";else if(i<=f&&a>=e-f)b="bl";else if(i>=d-f&&a>=e-f)b="br";else return!1;return jQuery.inArray(b,c)!=-1?{corner:b,x:i,
+y:a}:!1},_c:function(a,b){b=b||0;return{tl:f(b,b),tr:f(this.width()-b,b),bl:f(b,this.height()-b),br:f(this.width()-b,this.height()-b)}[a]},_c2:function(a){return{tl:f(this.width()*2,0),tr:f(-this.width(),0),bl:f(this.width()*2,this.height()),br:f(-this.width(),this.height())}[a]},z:function(a){var b=this.data().pageFlip;b.opt["z-index"]=a;b.fwrapper.css({"z-index":a||parseInt(b.parent.css("z-index"))||0})},resize:function(a){var b=this.data().pageFlip,c=this.width(),d=this.height(),e=Math.round(Math.sqrt(Math.pow(c,
+2)+Math.pow(d,2)));a&&(b.wrapper.css({width:e,height:e}),b.fwrapper.css({width:e,height:e}).children(":first-child").css({width:c,height:d}),b.fpage.css({width:d,height:c}),b.opt.frontShadow&&b.ashadow.css({width:d,height:c}),b.opt.backShadow&&b.bshadow.css({width:c,height:d}));b.parent.is(":visible")&&(b.fwrapper.css({top:b.parent.offset().top,left:b.parent.offset().left}),b.opt.turn&&b.fparent.css({top:-b.opt.turn.offset().top,left:-b.opt.turn.offset().left}));this.flip("z",b.opt["z-index"])},_addPageWrapper:function(){var a=
+this.data().pageFlip,b=this.parent();if(!a.wrapper){this.css("left");this.css("top");this.width();this.height();a.parent=b;a.fparent=a.opt.turn?a.opt.turn.data().fparent:h("#turn-fwrappers");if(!a.fparent){var c=h("").hide();c.data().flips=0;a.opt.turn?(c.css(v(-a.opt.turn.offset().top,-a.opt.turn.offset().left,"auto","visible").css).appendTo(a.opt.turn),a.opt.turn.data().fparent=c):c.css(v(0,0,"auto","visible").css).attr("id","turn-fwrappers").appendTo(h("body"));a.fparent=c}this.css({position:"absolute",
+top:0,left:0,bottom:"auto",right:"auto"});a.wrapper=h("",v(0,0,this.css("z-index"))).appendTo(b).prepend(this);a.fwrapper=h("",v(b.offset().top,b.offset().left)).hide().appendTo(a.fparent);a.fpage=h("",{css:{cursor:"default"}}).appendTo(h("",v(0,0,0,"visible")).appendTo(a.fwrapper));if(a.opt.frontShadow)a.ashadow=h("",v(0,0,1)).appendTo(a.fpage);if(a.opt.backShadow)a.bshadow=h("",v(0,0,1)).css({position:""}).appendTo(b);g.setData.call(this,a);g.resize.call(this,
+!0)}},_displayCorner:function(a){var b=this,c=0,d=0,e,i,h,j,E,s=f(0,0),H=f(0,0),k=f(0,0),m=this.width(),r=this.height(),l=this.data().pageFlip,w=l.opt.acceleration,v=l.wrapper.height(),u=g._c.call(this,a.corner),A=a.corner.substr(0,1)=="t",x=a.corner.substr(1,1)=="l",C=function(){var n=f(u.x?u.x-a.x:a.x,u.y?u.y-a.y:a.y),y=Math.atan2(n.y,n.x),t;d=B-y;c=d/D*180;t=f(x?m-n.x/2:a.x+n.x/2,n.y/2);var z=Math.max(0,Math.sin(d-Math.atan2(t.y,t.x))*Math.sqrt(Math.pow(t.x,2)+Math.pow(t.y,2)));k=f(z*Math.sin(d),
+z*Math.cos(d));if(d>B&&(k.x+=Math.abs(k.y*Math.tan(y)),k.y=0,Math.round(k.x*Math.tan(D-d))B){y=D-d;t=v-r/Math.sin(y);s=f(Math.round(t*Math.cos(y)),Math.round(t*Math.sin(y)));if(x)s.x=
+-s.x;if(A)s.y=-s.y}if(l.opt.frontShadow){j=n>100?(n-100)/n:0;i=f(n*Math.sin(B-d)/r*100,n*Math.cos(B-d)/m*100);if(A)i.y=100-i.y;if(x)i.x=100-i.x}if(l.opt.backShadow){h=f(n*Math.sin(d)/m*100,n*Math.cos(d)/r*100);if(!x)h.x=100-h.x;if(!A)h.y=100-h.y}k.x=Math.round(k.x);k.y=Math.round(k.y);return!0},F=function(a,c,d,e){var f=["0","auto"],g=(m-v)*d[0]/100,k=(r-v)*d[1]/100,d=d[0]+"% "+d[1]+"%",c={left:f[c[0]],top:f[c[1]],right:f[c[2]],bottom:f[c[3]]};b.css(c).transform(q(e)+o(a.x,a.y,w),d);l.fpage.parent().css(c);
+l.wrapper.transform(o(-a.x+g,-a.y+k,w)+q(-e),d);l.fwrapper.transform(o(-a.x+s.x+g,-a.y+s.y+k,w)+q(-e),d);l.fpage.parent().transform(q(e)+o(a.x+H.x-s.x,a.y+H.y-s.y,w),d);l.opt.frontShadow&&l.ashadow.css({"background-image":"-webkit-gradient(linear, "+(x?100:0)+"% "+(A?100:0)+"%, "+i.x+"% "+i.y+"%, color-stop("+j+",rgba(0,0,0,0)), color-stop("+((1-j)*0.8+j)+",rgba(0,0,0,"+0.2*E+")), to(rgba(255,255,255,"+0.2*E+")) )"});l.opt.backShadow&&l.bshadow.css({"background-image":"-webkit-gradient(linear, "+
+(x?0:100)+"% "+(A?0:100)+"%, "+h.x+"% "+h.y+"%, color-stop(0.8,rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,"+0.2*E+")), to(rgba(0,0,0,0)) )"})};switch(a.corner){case "tl":a.x=Math.max(a.x,1);C();F(k,[1,0,0,1],[100,0],c);l.fpage.transform(o(-r,-m,w)+q(90-c*2),"100% 100%");l.opt.back.transform(q(90)+o(0,-r,w),"0% 0%");break;case "tr":a.x=Math.min(a.x,m-1);C();F(f(-k.x,k.y),[0,0,0,1],[0,0],-c);l.fpage.transform(o(0,-m,w)+q(-90+c*2),"0% 100%");l.opt.back.transform(q(270)+o(-m,0,w),"0% 0%");break;case "bl":a.x=
+Math.max(a.x,1);C();F(f(k.x,-k.y),[1,1,0,0],[100,100],-c);l.fpage.transform(o(-r,0,w)+q(-90+c*2),"100% 0%");l.opt.back.transform(q(270)+o(-m,0,w),"0% 0%");break;case "br":a.x=Math.min(a.x,m-1),C(),F(f(-k.x,-k.y),[0,1,1,0],[0,100],c),l.fpage.transform(q(90-c*2),"0% 0%"),l.opt.back.transform(q(90)+o(0,-r,w),"0% 0%")}l.p=a},setBackPage:function(a){var b=this.data().pageFlip;b.opt.back=a;b.backParent=a.parent()},_moveBackPage:function(a){var b=this.data().pageFlip;if(b.opt.back)if(a){if(!((b.ashadow?
+"1":"0")in b.fpage.children()))g.setData.call(this,{backParent:b.opt.back.parent()}),b.fpage.prepend(b.opt.back)}else b.backParent&&b.backParent.prepend(b.opt.back)},_showThumbIndex:function(a,b){var c=this.data(),d=c.pageFlip;if(d.opt.back){if(b){var e=this,c=d.p||g._c.call(this,a.corner,1);this.animatef({from:[c.x,c.y],to:[a.x,a.y],duration:500,frame:function(b){g._displayCorner.call(e,{corner:a.corner,x:b[0],y:b[1]})}})}else g._displayCorner.call(this,a),c.effect&&!c.effect.turning&&this.animatef(!1);
+d.fwrapper.is(":visible")||(d.fparent.show().data().flips++,g._moveBackPage.call(this,!0),d.fwrapper.show(),d.opt.backShadow&&d.bshadow.show(),this.trigger("start"))}},hide:function(){var a=this.data().pageFlip;--a.fparent.data().flips==0&&a.fparent.hide();this.css({left:0,top:0,right:"auto",bottom:"auto"}).transform("","0% 100%");a.wrapper.transform("","0% 100%");a.fwrapper.hide();a.opt.backShadow&&a.bshadow.hide();a.opt.back.transform("","0% 0%")},hideThumbIndex:function(a){var b=this.data().pageFlip;
+if(b.p){var c=this,d=b.p,e=function(){b.p=null;c.flip("hide");c.trigger("end",[!1])};if(a){var i,h,j=g._c.call(this,d.corner),a=d.corner.substr(0,1)=="t",o=Math.abs((d.y-j.y)/2);i=f(d.x,d.y+o);h=f(j.x,a?j.y+o:j.y-o);this.animatef({from:0,to:1,frame:function(a){a=I(d,i,h,j,a);a.corner=d.corner;g._displayCorner.call(c,a)},complete:e,duration:800,hiding:!0})}else this.animatef(!1),e()}},turnPage:function(){var a=this,b=this.data().pageFlip,c=b.cornerActivated?b.cornerActivated.corner:g._cAllowed.call(this)[0],
+d=b.p||g._c.call(this,c),e=g._c2.call(this,c);this.trigger("flip");this.animatef({from:0,to:1,frame:function(b){b=I(d,d,e,e,b);b.corner=c;g._showThumbIndex.call(a,b)},complete:function(){a.trigger("end",[!0])},duration:b.opt.duration,turning:!0});b.cornerActivated=null},moving:function(){return"effect"in this.data()},isTurning:function(){return this.flip("moving")&&this.data().effect.turning},_addEvents:function(){var a=this,b=u?{start:"touchstart",move:"touchmove",end:"touchend"}:{start:"mousedown",
+move:"mousemove",end:"mouseup"};h(document).bind(b.start,function(){return g._eventStart.apply(a,arguments)}).bind(b.move,function(){g._eventMove.apply(a,arguments)}).bind(b.end,function(){g._eventEnd.apply(a,arguments)})},_eventStart:function(a){var b=this.data().pageFlip;if(!b.disabled&&!this.flip("isTurning")&&(b.cornerActivated=g._cornerActivated.apply(this,[a]),b.cornerActivated))return g._moveBackPage.call(this,!0),this.trigger("pressed",[b.p]),!1},_eventMove:function(a){var b=this.data(),c=
+b.pageFlip,a=u?a.originalEvent.touches:[a];c.disabled||(c.cornerActivated?(b=c.parent.offset(),g._showThumbIndex.call(this,{corner:c.cornerActivated.corner,x:a[0].pageX-b.left,y:a[0].pageY-b.top})):!b.effect&&!u&&((corner=g._cornerActivated.call(this,a[0]))?(a=g._c.call(this,corner.corner,c.opt.cornerSize/2),g._showThumbIndex.call(this,{corner:corner.corner,x:a.x,y:a.y},!0)):g.hideThumbIndex.call(this,!0)))},_eventEnd:function(){var a=this.data().pageFlip;if(!a.disabled&&a.cornerActivated){var b=
+jQuery.Event("released");this.trigger(b,[a.p]);b.isPropagationStopped()||g.hideThumbIndex.call(this,!0)}a.cornerActivated=null},disable:function(a){g.setData.apply(this,[{disabled:a}])}},J=function(a,b,c){if(!c[0]||typeof c[0]=="object")return b.init.apply(a,c);else if(b[c[0]]&&c[0].toString().substr(0,1)!="_")return b[c[0]].apply(a,Array.prototype.slice.call(c,1));else throw c[0]+" is an invalid value";};h.extend(h.fn,{flip:function(a,b){return J(this,g,arguments)},turn:function(a){return J(this,
+j,arguments)},transform:function(a,b){b&&this.css({"transform-origin":b,"-moz-transform-origin":b,"-o-transform-origin":b,"-webkit-transform-origin":b,"-ms-transform-origin":b});return this.css({transform:a,"-moz-transform":a,"-o-transform":a,"-webkit-transform":a,"-ms-transform":a})},animatef:function(a){var b=this.data();b.effect&&clearInterval(b.effect.handle);if(a){if(!a.to.length)a.to=[a.to];if(!a.from.length)a.from=[a.from];if(!a.easing)a.easing=function(a,b,c,d,e){return d*Math.sqrt(1-(b=b/
+e-1)*b)+c};var c,d=[],e=a.to.length,f=this,g=a.fps||30,h=-g,j=function(){var c,j=[];h=Math.min(a.duration,h+g);for(c=0;c