diff --git a/package-lock.json b/package-lock.json
index 8be8a17..4682c5f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,9 @@
       "version": "0.1.0",
       "dependencies": {
         "core-js": "^3.8.3",
-        "vue": "^3.2.13"
+        "jquery": "^3.7.1",
+        "vue": "^3.2.13",
+        "vue-router": "^4.5.0"
       },
       "devDependencies": {
         "@babel/core": "^7.12.16",
@@ -2965,6 +2967,12 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "license": "MIT"
+    },
     "node_modules/@vue/reactivity": {
       "version": "3.5.13",
       "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.13.tgz",
@@ -7317,6 +7325,12 @@
         "@sideway/pinpoint": "^2.0.0"
       }
     },
+    "node_modules/jquery": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmmirror.com/jquery/-/jquery-3.7.1.tgz",
+      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==",
+      "license": "MIT"
+    },
     "node_modules/js-message": {
       "version": "1.0.7",
       "resolved": "https://registry.npmmirror.com/js-message/-/js-message-1.0.7.tgz",
@@ -11327,6 +11341,21 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/vue-router": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-4.5.0.tgz",
+      "integrity": "sha512-HDuk+PuH5monfNuY+ct49mNmkCRK4xJAV9Ts4z9UFc4rzdDnxQLyCMGGc8pKhZhHTVzfanpNwB/lwqevcBwI4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
     "node_modules/vue-style-loader": {
       "version": "4.1.3",
       "resolved": "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
diff --git a/package.json b/package.json
index 0c17c90..c28abf7 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,9 @@
   },
   "dependencies": {
     "core-js": "^3.8.3",
-    "vue": "^3.2.13"
+    "jquery": "^3.7.1",
+    "vue": "^3.2.13",
+    "vue-router": "^4.5.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",
@@ -43,4 +45,4 @@
     "not dead",
     "not ie 11"
   ]
-}
\ No newline at end of file
+}
diff --git a/src/App.vue b/src/App.vue
index 6bb3680..0c6cd37 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,20 +1,20 @@
 <template>
   <!-- <img alt="Vue logo" src="./assets/logo.png"> -->
   <!-- <HelloWorld msg="Welcome to Your Vue.js App"/> -->
-  <coffeeIndex />
+  <router-view></router-view>
   <!-- <MenuList /> -->
 </template>
 
 <script>
 // import HelloWorld from './components/HelloWorld.vue'
-import coffeeIndex from './components/coffeeIndex.vue';
+// import coffeeIndex from './components/coffeeIndex.vue';
 // import MenuList from './components/MenuList.vue';
 
 export default {
   name: 'App',
   components: {
     // HelloWorld,
-    coffeeIndex
+    // coffeeIndex
     // MenuList
   }
 }
@@ -30,6 +30,10 @@ export default {
   width: 100%;
   height: 100%;
 }
+html{
+  height: 100%;
+  width: 100%;
+}
 body {
   margin: 0;
   padding: 0;
diff --git a/src/components/coffeeIndex.vue b/src/components/coffeeIndex.vue
index e33eab4..e4bd372 100644
--- a/src/components/coffeeIndex.vue
+++ b/src/components/coffeeIndex.vue
@@ -13,9 +13,28 @@
                     </div>
                 </div>
             </div>
-            
+
         </header>
-        <div class="menu-container">
+        <div class="card-container">
+            <div v-for="item in cardData" :key="item.productName" class="card">
+                <div class="card-image">
+                    <img src="../assets/coffee1.png" alt="Coffee" /> <!-- 替换为实际图片路径 -->
+                </div>
+                <div class="divider-vertical-container">
+                    <div class="divider-vertical-pink"></div>
+                    <div class="divider-vertical-green"></div>
+                    <!-- <div class="divider-vertical-orange"></div> -->
+                </div>
+                <div class="card-content">
+                    <p>{{ item.productName }}</p>
+                    <p>温度: {{ item.temperature }}</p>
+                    <p>特点: {{ item.special }}</p>
+                    <p>容量: {{ item.capacity }}</p>
+                    <p>价格: {{ item.price }}</p>
+                </div>
+            </div>
+        </div>
+        <!-- <div class="menu-container">
             <li v-for="item in coffeeList" :key="item.productName" class="coffee-li">
                 <div class="menu-item">
                     <img src="../assets/coffee1.png" alt="Golden Iced Coffee">
@@ -27,112 +46,266 @@
                     </div>
                 </div>
             </li>
-            <!-- Sample Menu Item -->
-
-            <!-- Repeat similar blocks for other menu items -->
-        </div>
+        </div> -->
     </div>
 </template>
 
 <script setup>
-const coffeeList = [
+import { onMounted } from 'vue';
+// import { useRouter } from 'vue-router';
+onMounted(() => {
+    // useRouter().push('/hello');
+    console.log('Coffee menu mounted');
+});
+const cardData = [
     {
-        productName: "金典冷萃咖啡",
-        image: "path-to-image.jpg",
-        temperature: "冷",
-        capacity: "400ml",
-        price: 33,
+        productName: "澳白",
+        temperature: "热",
+        special: "本店力荐，配专供咖啡杯",
+        capacity: "260ml",
+        price: "21￥",
     },
     {
         productName: "拿铁",
-        image: "path-to-image.jpg",
-        temperature: "热",
-        capacity: "400ml",
-        price: 30,
+        temperature: "冷",
+        special: "浓香奶泡，经典选择",
+        capacity: "300ml",
+        price: "25￥",
     },
     {
         productName: "摩卡",
-        image: "path-to-image.jpg",
         temperature: "热",
-        capacity: "400ml",
-        price: 35,
+        special: "巧克力与咖啡的完美融合",
+        capacity: "300ml",
+        price: "28￥",
     },
     {
         productName: "卡布奇诺",
-        image: "path-to-image.jpg",
         temperature: "热",
-        capacity: "400ml",
-        price: 30,
+        special: "浓郁咖啡香，柔滑奶泡",
+        capacity: "300ml",
+        price: "25￥",
     },
     {
         productName: "美式",
-        image: "path-to-image.jpg",
         temperature: "热",
-        capacity: "400ml",
-        price: 25,
+        special: "经典咖啡，清新口感",
+        capacity: "300ml",
+        price: "20￥",
     },
     {
         productName: "馥芮白",
-        image: "path-to-image.jpg",
         temperature: "冷",
-        capacity: "400ml",
-        price: 35,
+        special: "清新口感，柔滑奶泡",
+        capacity: "300ml",
+        price: "28￥",
     },
     {
         productName: "焦糖玛奇朵",
-        image: "path-to-image.jpg",
         temperature: "热",
-        capacity: "400ml",
-        price: 35,
+        special: "焦糖风味，柔滑奶泡",
+        capacity: "300ml",
+        price: "28￥",
     },
     {
         productName: "抹茶拿铁",
-        image: "path-to-image.jpg",
         temperature: "热",
-        capacity: "400ml",
-        price: 35,
+        special: "抹茶风味，浓郁奶香",
+        capacity: "300ml",
+        price: "28￥",
     },
     {
         productName: "冰美式",
-        image: "path-to-image.jpg",
         temperature: "冷",
-        capacity: "400ml",
-        price: 25,
+        special: "清新口感，冰凉解暑",
+        capacity: "300ml",
+        price: "20￥",
     },
     {
         productName: "冰拿铁",
-        image: "path-to-image.jpg",
         temperature: "冷",
-        capacity: "400ml",
-        price: 30,
+        special: "浓香奶泡，经典选择",
+        capacity: "300ml",
+        price: "25￥",
     },
     {
         productName: "冰摩卡",
-        image: "path-to-image.jpg",
         temperature: "冷",
-        capacity: "400ml",
-        price: 35,
+        special: "巧克力与咖啡的完美融合",
+        capacity: "300ml",
+        price: "28￥",
     },
-    {
-        productName: "冰卡布奇诺",
-        image: "path-to-image.jpg",
-        temperature: "冷",
-        capacity: "400ml",
-        price: 30,
-    },
-]
+];
+// const coffeeList = [
+//     {
+//         productName: "金典冷萃咖啡",
+//         image: "path-to-image.jpg",
+//         temperature: "冷",
+//         capacity: "400ml",
+//         price: 33,
+//     },
+//     {
+//         productName: "拿铁",
+//         image: "path-to-image.jpg",
+//         temperature: "热",
+//         capacity: "400ml",
+//         price: 30,
+//     },
+//     {
+//         productName: "摩卡",
+//         image: "path-to-image.jpg",
+//         temperature: "热",
+//         capacity: "400ml",
+//         price: 35,
+//     },
+//     {
+//         productName: "卡布奇诺",
+//         image: "path-to-image.jpg",
+//         temperature: "热",
+//         capacity: "400ml",
+//         price: 30,
+//     },
+//     {
+//         productName: "美式",
+//         image: "path-to-image.jpg",
+//         temperature: "热",
+//         capacity: "400ml",
+//         price: 25,
+//     },
+//     {
+//         productName: "馥芮白",
+//         image: "path-to-image.jpg",
+//         temperature: "冷",
+//         capacity: "400ml",
+//         price: 35,
+//     },
+//     {
+//         productName: "焦糖玛奇朵",
+//         image: "path-to-image.jpg",
+//         temperature: "热",
+//         capacity: "400ml",
+//         price: 35,
+//     },
+//     {
+//         productName: "抹茶拿铁",
+//         image: "path-to-image.jpg",
+//         temperature: "热",
+//         capacity: "400ml",
+//         price: 35,
+//     },
+//     {
+//         productName: "冰美式",
+//         image: "path-to-image.jpg",
+//         temperature: "冷",
+//         capacity: "400ml",
+//         price: 25,
+//     },
+//     {
+//         productName: "冰拿铁",
+//         image: "path-to-image.jpg",
+//         temperature: "冷",
+//         capacity: "400ml",
+//         price: 30,
+//     },
+//     {
+//         productName: "冰摩卡",
+//         image: "path-to-image.jpg",
+//         temperature: "冷",
+//         capacity: "400ml",
+//         price: 35,
+//     },
+//     {
+//         productName: "冰卡布奇诺",
+//         image: "path-to-image.jpg",
+//         temperature: "冷",
+//         capacity: "400ml",
+//         price: 30,
+//     },
+// ]
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
-.coffee-li{
+.card-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 20px;
+    justify-content: center;
+}
+
+.card {
+    display: flex;  
+    flex-direction: row;
+    align-items: center;
+    width: 270px;
+    /* border: 1px solid #ddd; */
+    border-radius: 8px;
+    /* overflow: hidden;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
+    background-color: #E5E4E7;
+}
+
+.card-image {
+    flex-shrink: 0;
+    width: 150px;
+    height: 150px;
+    order: -1;
+    /* 修改点：将图片调整为左侧 */
+}
+
+.card-image img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.card-content {
+    padding: 5px;
+    flex-grow: 1;
+}
+
+.card-content p {
+    margin: 5px 0;
+    text-align: left;
+    font-size: 0.7rem;
+}
+
+.coffee-li {
     list-style-type: none;
 }
+
 .menu2 {
     display: flex;
     flex-wrap: nowrap;
 }
 
+
+
+.divider-vertical-container{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: 100%;
+    margin-left: 10px;
+}
+
+.divider-vertical-pink{
+    background-color: #e91e63;
+}
+.divider-vertical-green{
+
+    background-color: #4caf50;
+}
+.divider-vertical-orange{
+    background-color: #ff9800;
+}
+.divider-vertical-pink,.divider-vertical-green,.divider-vertical-orange{
+    margin: 0px;
+    padding-top: 1px;
+    height: 50%;
+    width: 5px;
+}
+
 .divider-container {
     display: flex;
     justify-content: center;
@@ -150,7 +323,6 @@ const coffeeList = [
     width: 33%;
     margin: 0px;
 }
-
 .divider-pink {
     background-color: #e91e63;
 }
@@ -167,17 +339,18 @@ const coffeeList = [
     font-family: Arial, sans-serif;
     margin: 0;
     padding: 0;
-    background-color: #f5f5f5;
+    background-color: #E5E4E7;
     height: 100%;
     width: 100%;
 }
 
 header {
+    
     text-align: left;
-    background-color: #ffffff;
+    background-color: #E5E4E7;
     padding: 20px;
     padding-left: 80px;
-    border-bottom: 2px solid #ddd;
+    /* border-bottom: 2px solid #ddd; */
 }
 
 header h1 {
diff --git a/src/components/page.vue b/src/components/page.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/main.js b/src/main.js
index 01433bc..3e79677 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,5 @@
 import { createApp } from 'vue'
 import App from './App.vue'
+import router from './router'
 
-createApp(App).mount('#app')
+createApp(App).use(router).mount('#app')
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..552b701
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,20 @@
+// vue router的index
+// import Vue from 'vue'
+import { createWebHashHistory , createRouter } from 'vue-router'
+import coffeeIndex from '@/components/coffeeIndex.vue'
+import HelloWorld from '@/components/HelloWorld.vue'
+// import MenuItem from '@/view/MenuItem.vue'
+
+const router = createRouter({
+    history: createWebHashHistory(),
+    routes: [
+        {
+            path: '/',
+            component: coffeeIndex,
+        },
+        { path: '/coffee', component: coffeeIndex },
+        { path: '/hello', component: HelloWorld },
+    ]
+})
+export default router
+
diff --git a/src/utils/turn.js b/src/utils/turn.js
new file mode 100644
index 0000000..d6feac9
--- /dev/null
+++ b/src/utils/turn.js
@@ -0,0 +1,1933 @@
+/**
+ * turn.js 3rd release
+ * www.turnjs.com
+ *
+ * Copyright (C) 2012, Emmanuel Garcia.
+ * All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions
+ * are met:
+ *
+ * 1. Redistributions of source code must retain the above copyright
+ * notice, this list of conditions and the following disclaimer.
+ *
+ * 2. Any redistribution, use, or modification is done solely for personal 
+ * benefit and not for any commercial purpose or for monetary gain.
+ * 
+ **/
+
+(function($) {
+
+'use strict';
+
+var has3d,
+
+	vendor ='',
+
+	PI = Math.PI,
+
+	A90 = PI/2,
+
+	isTouch = 'ontouchstart' in window,
+
+	events = (isTouch) ? {start: 'touchstart', move: 'touchmove', end: 'touchend'}
+			: {start: 'mousedown', move: 'mousemove', end: 'mouseup'},
+
+	// Contansts used for each corner
+	// tl * tr
+	// *     *
+	// bl * br
+
+	corners = {
+		backward: ['bl', 'tl'],
+		forward: ['br', 'tr'],
+		all: ['tl', 'bl', 'tr', 'br']
+	},
+
+	displays = ['single', 'double'],
+
+	// Default options
+
+	turnOptions = {
+
+		// First page
+
+		page: 1,
+		
+		// Enables gradients
+
+		gradients: true,
+
+		// Duration of transition in milliseconds
+
+		duration: 600,
+
+		// Enables hardware acceleration
+
+		acceleration: true,
+
+		// Display
+
+		display: 'double',
+
+		// Events
+
+		when: null
+	},
+
+	flipOptions = {
+
+		// Back page
+		
+		folding: null,
+
+		// Corners
+		// backward: Activates both tl and bl corners
+		// forward: Activates both tr and br corners
+		// all: Activates all the corners
+
+		corners: 'forward',
+		
+		// Size of the active zone of each corner
+
+		cornerSize: 100,
+
+		// Enables gradients
+
+		gradients: true,
+
+		// Duration of transition in milliseconds
+
+		duration: 600,
+
+		// Enables hardware acceleration
+
+		acceleration: true
+	},
+
+	// Number of pages in the DOM, minimum value: 6
+
+	pagesInDOM = 6,
+	
+	pagePosition = {0: {top: 0, left: 0, right: 'auto', bottom: 'auto'},
+					1: {top: 0, right: 0, left: 'auto', bottom: 'auto'}},
+
+	// Gets basic attributes for a layer
+
+	divAtt = function(top, left, zIndex, overf) {
+		return {'css': {
+					position: 'absolute',
+					top: top,
+					left: left,
+					'overflow': overf || 'hidden',
+					'z-index': zIndex || 'auto'
+					}
+			};
+	},
+
+	// Gets a 2D point from a bezier curve of four points
+
+	bezier = function(p1, p2, p3, p4, t) {
+		var mum1 = 1 - t,
+			mum13 = mum1 * mum1 * mum1,
+			mu3 = t * t * t;
+
+		return point2D(Math.round(mum13*p1.x + 3*t*mum1*mum1*p2.x + 3*t*t*mum1*p3.x + mu3*p4.x),
+						Math.round(mum13*p1.y + 3*t*mum1*mum1*p2.y + 3*t*t*mum1*p3.y + mu3*p4.y));
+	},
+	
+	// Converts an angle from degrees to radians
+
+	rad = function(degrees) {
+		return degrees/180*PI;
+	},
+
+	// Converts an angle from radians to degrees
+
+	deg = function(radians) {
+		return radians/PI*180;
+	},
+
+	// Gets a 2D point
+
+	point2D = function(x, y) {
+		return {x: x, y: y};
+	},
+
+	// Returns the traslate value
+
+	translate = function(x, y, use3d) {
+		return (has3d && use3d) ? ' translate3d(' + x + 'px,' + y + 'px, 0px) ' : ' translate(' + x + 'px, ' + y + 'px) ';
+	},
+
+	// Returns the rotation value
+
+	rotate = function(degrees) {
+		return ' rotate(' + degrees + 'deg) ';
+	},
+
+	// Checks if a property belongs to an object
+
+	has = function(property, object) {
+		return Object.prototype.hasOwnProperty.call(object, property);
+	},
+
+	// Gets the CSS3 vendor prefix
+
+	getPrefix = function() {
+		var vendorPrefixes = ['Moz','Webkit','Khtml','O','ms'],
+			len = vendorPrefixes.length,
+			vendor = '';
+
+		while (len--)
+			if ((vendorPrefixes[len] + 'Transform') in document.body.style)
+				vendor='-'+vendorPrefixes[len].toLowerCase()+'-';
+
+		return vendor;
+	},
+
+	// Adds gradients
+
+	gradient = function(obj, p0, p1, colors, numColors) {
+	
+		var j, cols = [];
+
+		if (vendor=='-webkit-') {
+		
+			for (j = 0; j<numColors; j++)
+					cols.push('color-stop('+colors[j][0]+', '+colors[j][1]+')');
+			
+			obj.css({'background-image': '-webkit-gradient(linear, '+p0.x+'% '+p0.y+'%,  '+p1.x+'% '+p1.y+'%, '+ cols.join(',') +' )'});
+
+		} else {
+
+			// This procedure makes the gradients for non-webkit browsers
+			// It will be reduced to one unique way for gradients in next versions
+			
+			p0 = {x:p0.x/100 * obj.width(), y:p0.y/100 * obj.height()};
+			p1 = {x:p1.x/100 * obj.width(), y:p1.y/100 * obj.height()};
+
+			var dx = p1.x-p0.x,
+				dy = p1.y-p0.y,
+				angle = Math.atan2(dy, dx),
+				angle2 = angle - Math.PI/2,
+				diagonal = Math.abs(obj.width()*Math.sin(angle2)) + Math.abs(obj.height()*Math.cos(angle2)),
+				gradientDiagonal = Math.sqrt(dy*dy + dx*dx),
+				corner = point2D((p1.x<p0.x) ? obj.width() : 0, (p1.y<p0.y) ? obj.height() : 0),
+				slope = Math.tan(angle),
+				inverse = -1/slope,
+				x = (inverse*corner.x - corner.y - slope*p0.x + p0.y) / (inverse-slope),
+				c = {x: x, y: inverse*x - inverse*corner.x + corner.y},
+				segA = (Math.sqrt( Math.pow(c.x-p0.x,2) + Math.pow(c.y-p0.y,2)));
+
+				for (j = 0; j<numColors; j++)
+					cols.push(' '+colors[j][1]+' '+(( segA + gradientDiagonal*colors[j][0] )*100/diagonal)+'%');
+		
+				obj.css({'background-image': vendor+'linear-gradient(' + (-angle) + 'rad,' + cols.join(',') + ')'});
+		}
+	},
+
+turnMethods = {
+
+	// Singleton constructor
+	// $('#selector').turn([options]);
+
+	init: function(opts) {
+
+		// Define constants
+		if (has3d===undefined) {
+			has3d = 'WebKitCSSMatrix' in window || 'MozPerspective' in document.body.style;
+			vendor = getPrefix();
+		}
+
+		var i, data = this.data(), ch = this.children();
+	
+		opts = $.extend({width: this.width(), height: this.height()}, turnOptions, opts);
+		data.opts = opts;
+		data.pageObjs = {};
+		data.pages = {};
+		data.pageWrap = {};
+		data.pagePlace = {};
+		data.pageMv = [];
+		data.totalPages = opts.pages || 0;
+
+		if (opts.when)
+			for (i in opts.when)
+				if (has(i, opts.when))
+					this.bind(i, opts.when[i]);
+
+
+		this.css({position: 'relative', width: opts.width, height: opts.height});
+
+		this.turn('display', opts.display);
+
+		if (has3d && !isTouch && opts.acceleration)
+			this.transform(translate(0, 0, true));
+	
+		for (i = 0; i<ch.length; i++)
+			this.turn('addPage', ch[i], i+1);
+	
+		this.turn('page', opts.page);
+
+        // allow setting active corners as an option
+        corners = $.extend({}, corners, opts.corners);
+
+		// Event listeners
+
+		$(this).bind(events.start, function(e) {
+			for (var page in data.pages)
+				if (has(page, data.pages) && flipMethods._eventStart.call(data.pages[page], e)===false)
+					return false;
+		});
+			
+		$(document).bind(events.move, function(e) {
+			for (var page in data.pages)
+				if (has(page, data.pages))
+					flipMethods._eventMove.call(data.pages[page], e);
+		}).
+		bind(events.end, function(e) {
+			for (var page in data.pages)
+				if (has(page, data.pages))
+					flipMethods._eventEnd.call(data.pages[page], e);
+
+		});
+
+		data.done = true;
+
+		return this;
+	},
+
+	// Adds a page from external data
+
+	addPage: function(element, page) {
+
+		var incPages = false,
+			data = this.data(),
+			lastPage = data.totalPages+1;
+
+		if (page) {
+			if (page==lastPage) {
+				page = lastPage;
+				incPages = true;
+			} else if (page>lastPage)
+				throw new Error ('It is impossible to add the page "'+page+'", the maximum value is: "'+lastPage+'"');
+
+		} else {
+			page = lastPage;
+			incPages = true;
+		}
+
+		if (page>=1 && page<=lastPage) {
+
+			// Stop animations
+			if (data.done) this.turn('stop');
+
+			// Move pages if it's necessary
+			if (page in data.pageObjs)
+				turnMethods._movePages.call(this, page, 1);
+
+			// Update number of pages
+			if (incPages)
+				data.totalPages = lastPage;
+
+			// Add element
+			data.pageObjs[page] = $(element).addClass('turn-page p' + page);
+
+			// Add page
+			turnMethods._addPage.call(this, page);
+
+			// Update view
+			if (data.done)
+				this.turn('update');
+
+			turnMethods._removeFromDOM.call(this);
+		}
+
+		return this;
+	},
+
+	// Adds a page from internal data
+
+	_addPage: function(page) {
+		
+		var data = this.data(),
+			element = data.pageObjs[page];
+
+		if (element)
+			if (turnMethods._necessPage.call(this, page)) {
+				
+				if (!data.pageWrap[page]) {
+
+					var pageWidth = (data.display=='double') ? this.width()/2 : this.width(),
+						pageHeight = this.height();
+
+					element.css({width:pageWidth, height:pageHeight});
+
+					// Place
+					data.pagePlace[page] = page;
+
+					// Wrapper
+					data.pageWrap[page] = $('<div/>', {'class': 'turn-page-wrapper',
+													page: page,
+													css: {position: 'absolute',
+													overflow: 'hidden',
+													width: pageWidth,
+													height: pageHeight}}).
+													css(pagePosition[(data.display=='double') ? page%2 : 0]);
+
+					// Append to this
+					this.append(data.pageWrap[page]);
+
+					// Move data.pageObjs[page] (element) to wrapper
+					data.pageWrap[page].prepend(data.pageObjs[page]);
+				}
+
+				// If the page is in the current view, create the flip effect
+				if (!page || turnMethods._setPageLoc.call(this, page)==1)
+					turnMethods._makeFlip.call(this, page);
+				
+			} else {
+
+				// Place
+				data.pagePlace[page] = 0;
+
+				// Remove element from the DOM
+				if (data.pageObjs[page])
+					data.pageObjs[page].remove();
+
+			}
+
+	},
+
+	// Checks if a page is in memory
+	
+	hasPage: function(page) {
+
+		return page in this.data().pageObjs;
+	
+	},
+
+	// Prepares the flip effect for a page
+
+	_makeFlip: function(page) {
+
+		var data = this.data();
+
+		if (!data.pages[page] && data.pagePlace[page]==page) {
+
+			var single = data.display=='single',
+				even = page%2;
+			
+			data.pages[page] = data.pageObjs[page].
+								css({width: (single) ? this.width() : this.width()/2, height: this.height()}).
+								flip({page: page,
+									next: (single && page === data.totalPages) ? page -1 : ((even || single) ? page+1 : page-1),
+									turn: this,
+									duration: data.opts.duration,
+									acceleration : data.opts.acceleration,
+									corners: (single) ? 'all' : ((even) ? 'forward' : 'backward'),
+									backGradient: data.opts.gradients,
+									frontGradient: data.opts.gradients
+									}).
+									flip('disable', data.disabled).
+									bind('pressed', turnMethods._pressed).
+									bind('released', turnMethods._released).
+									bind('start', turnMethods._start).
+									bind('end', turnMethods._end).
+									bind('flip', turnMethods._flip);
+		}
+		return data.pages[page];
+	},
+
+	// Makes pages within a range
+
+	_makeRange: function() {
+
+		var page,
+			data = this.data(),
+			range = this.turn('range');
+
+			for (page = range[0]; page<=range[1]; page++)
+				turnMethods._addPage.call(this, page);
+
+	},
+
+	// Returns a range of `pagesInDOM` pages that should be in the DOM
+	// Example:
+	// - page of the current view, return true
+	// * page is in the range, return true
+	// 0 page is not in the range, return false
+	//
+	// 1 2-3 4-5 6-7 8-9 10-11 12-13
+	//    **  **  --   **  **
+
+	range: function(page) {
+
+		var remainingPages, left, right,
+			data = this.data();
+			page = page || data.tpage || data.page;
+			var view = turnMethods._view.call(this, page);
+
+			if (page<1 || page>data.totalPages)
+				throw new Error ('"'+page+'" is not a page for range');
+		
+			view[1] = view[1] || view[0];
+			
+			if (view[0]>=1 && view[1]<=data.totalPages) {
+
+				remainingPages = Math.floor((pagesInDOM-2)/2);
+
+				if (data.totalPages-view[1] > view[0]) {
+					left = Math.min(view[0]-1, remainingPages);
+					right = 2*remainingPages-left;
+				} else {
+					right = Math.min(data.totalPages-view[1], remainingPages);
+					left = 2*remainingPages-right;
+				}
+
+			} else {
+				left = pagesInDOM-1;
+				right = pagesInDOM-1;
+			}
+
+			return [Math.max(1, view[0]-left), Math.min(data.totalPages, view[1]+right)];
+
+	},
+
+	// Detects if a page is within the range of `pagesInDOM` from the current view
+
+	_necessPage: function(page) {
+		
+		if (page===0)
+			return true;
+
+		var range = this.turn('range');
+
+		return page>=range[0] && page<=range[1];
+		
+	},
+
+	// Releases memory by removing pages from the DOM
+
+	_removeFromDOM: function() {
+
+		var page, data = this.data();
+
+		for (page in data.pageWrap)
+			if (has(page, data.pageWrap) && !turnMethods._necessPage.call(this, page))
+				turnMethods._removePageFromDOM.call(this, page);
+		
+
+	},
+
+	// Removes a page from DOM and its internal references
+
+	_removePageFromDOM: function(page) {
+
+		var data = this.data();
+
+		if (data.pages[page]) {
+			var dd = data.pages[page].data();
+			if (dd.f && dd.f.fwrapper)
+				dd.f.fwrapper.remove();
+			data.pages[page].remove();
+			delete data.pages[page];
+		}
+
+		if (data.pageObjs[page])
+			data.pageObjs[page].remove();
+
+		if (data.pageWrap[page]) {
+			data.pageWrap[page].remove();
+			delete data.pageWrap[page];
+		}
+
+		delete data.pagePlace[page];
+
+	},
+
+	// Removes a page
+
+	removePage: function(page) {
+
+		var data = this.data();
+
+		if (data.pageObjs[page]) {
+			// Stop animations
+			this.turn('stop');
+
+			// Remove `page`
+			turnMethods._removePageFromDOM.call(this, page);
+			delete data.pageObjs[page];
+
+			// Move the pages behind `page`
+			turnMethods._movePages.call(this, page, -1);
+
+			// Resize the size of this magazine
+			data.totalPages = data.totalPages-1;
+			turnMethods._makeRange.call(this);
+
+			// Check the current view
+			if (data.page>data.totalPages)
+				this.turn('page', data.totalPages);
+		}
+
+		return this;
+	
+	},
+
+	// Moves pages
+
+	_movePages: function(from, change) {
+
+		var page,
+			data = this.data(),
+			single = data.display=='single',
+			move = function(page) {
+
+				var next = page + change,
+					odd = next%2;
+
+				if (data.pageObjs[page])
+					data.pageObjs[next] = data.pageObjs[page].removeClass('page' + page).addClass('page' + next);
+
+				if (data.pagePlace[page] && data.pageWrap[page]) {
+					data.pagePlace[next] = next;
+					data.pageWrap[next] = data.pageWrap[page].css(pagePosition[(single) ? 0 : odd]).attr('page', next);
+					
+					if (data.pages[page])
+						data.pages[next] = data.pages[page].flip('options', {
+							page: next,
+							next: (single || odd) ? next+1 : next-1,
+							corners: (single) ? 'all' : ((odd) ? 'forward' : 'backward')
+						});
+
+					if (change) {
+						delete data.pages[page];
+						delete data.pagePlace[page];
+						delete data.pageObjs[page];
+						delete data.pageWrap[page];
+						delete data.pageObjs[page];
+					}
+			}
+		};
+
+		if (change>0)
+			for (page=data.totalPages; page>=from; page--) move(page);
+		else
+			for (page=from; page<=data.totalPages; page++) move(page);
+
+	},
+
+	// Sets or Gets the display mode
+
+	display: function(display) {
+
+		var data = this.data(),
+			currentDisplay = data.display;
+
+		if (display) {
+
+			if ($.inArray(display, displays)==-1)
+				throw new Error ('"'+display + '" is not a value for display');
+			
+			if (display=='single') {
+				if (!data.pageObjs[0]) {
+					this.turn('stop').
+						css({'overflow': 'hidden'});
+					data.pageObjs[0] = $('<div />', {'class': 'turn-page p-temporal'}).
+									css({width: this.width(), height: this.height()}).
+										appendTo(this);
+				}
+			} else {
+				if (data.pageObjs[0]) {
+					this.turn('stop').
+						css({'overflow': ''});
+					data.pageObjs[0].remove();
+					delete data.pageObjs[0];
+				}
+			}
+
+			data.display = display;
+
+			if (currentDisplay) {
+				var size = this.turn('size');
+				turnMethods._movePages.call(this, 1, 0);
+				this.turn('size', size.width, size.height).
+						turn('update');
+			}
+
+			return this;
+
+		} else
+			return currentDisplay;
+	
+	},
+
+	// Detects if the pages are being animated
+
+	animating: function() {
+
+		return this.data().pageMv.length>0;
+
+	},
+
+	// Disables and enables the effect
+
+	disable: function(bool) {
+
+		var page,
+			data = this.data(),
+			view = this.turn('view');
+
+			data.disabled = bool===undefined || bool===true;
+
+		for (page in data.pages)
+			if (has(page, data.pages))
+				data.pages[page].flip('disable', bool ? $.inArray(page, view) : false );
+
+		return this;
+
+	},
+
+	// Gets and sets the size
+
+	size: function(width, height) {
+
+		if (width && height) {
+
+			var data = this.data(), pageWidth = (data.display=='double') ? width/2 : width, page;
+
+			this.css({width: width, height: height});
+
+			if (data.pageObjs[0])
+				data.pageObjs[0].css({width: pageWidth, height: height});
+			
+			for (page in data.pageWrap) {
+				if (!has(page, data.pageWrap)) continue;
+				data.pageObjs[page].css({width: pageWidth, height: height});
+				data.pageWrap[page].css({width: pageWidth, height: height});
+				if (data.pages[page])
+					data.pages[page].css({width: pageWidth, height: height});
+			}
+
+			this.turn('resize');
+
+			return this;
+
+		} else {
+			
+			return {width: this.width(), height: this.height()};
+
+		}
+	},
+
+	// Resizes each page
+
+	resize: function() {
+
+		var page, data = this.data();
+
+		if (data.pages[0]) {
+			data.pageWrap[0].css({left: -this.width()});
+			data.pages[0].flip('resize', true);
+		}
+
+		for (page = 1; page <= data.totalPages; page++)
+			if (data.pages[page])
+				data.pages[page].flip('resize', true);
+
+
+	},
+
+	// Removes an animation from the cache
+
+	_removeMv: function(page) {
+
+		var i, data = this.data();
+			
+		for (i=0; i<data.pageMv.length; i++)
+			if (data.pageMv[i]==page) {
+				data.pageMv.splice(i, 1);
+				return true;
+			}
+
+		return false;
+
+	},
+
+	// Adds an animation to the cache
+	
+	_addMv: function(page) {
+
+		var data = this.data();
+
+		turnMethods._removeMv.call(this, page);
+		data.pageMv.push(page);
+
+	},
+
+	// Gets indexes for a view
+
+	_view: function(page) {
+	
+		var data = this.data();
+		page = page || data.page;
+
+		if (data.display=='double')
+			return (page%2) ? [page-1, page] : [page, page+1];
+		else
+			return [page];
+
+	},
+
+	// Gets a view
+
+	view: function(page) {
+
+		var data = this.data(), view = turnMethods._view.call(this, page);
+
+		return (data.display=='double') ? [(view[0]>0) ? view[0] : 0, (view[1]<=data.totalPages) ? view[1] : 0]
+				: [(view[0]>0 && view[0]<=data.totalPages) ? view[0] : 0];
+
+	},
+
+	// Stops animations
+
+	stop: function(ok) {
+
+		var i, opts, data = this.data(), pages = data.pageMv;
+
+		data.pageMv = [];
+
+		if (data.tpage) {
+			data.page = data.tpage;
+			delete data['tpage'];
+		}
+
+		for (i in pages) {
+			if (!has(i, pages)) continue;
+			opts = data.pages[pages[i]].data().f.opts;
+			flipMethods._moveFoldingPage.call(data.pages[pages[i]], null);
+			data.pages[pages[i]].flip('hideFoldedPage');
+			data.pagePlace[opts.next] = opts.next;
+			
+			if (opts.force) {
+				opts.next = (opts.page%2===0) ? opts.page-1 : opts.page+1;
+				delete opts['force'];
+			}
+
+		}
+
+		this.turn('update');
+
+		return this;
+	},
+
+	// Gets and sets the number of pages
+
+	pages: function(pages) {
+
+		var data = this.data();
+
+		if (pages) {
+			if (pages<data.totalPages) {
+
+				for (var page = pages+1; page<=data.totalPages; page++)
+					this.turn('removePage', page);
+
+				if (this.turn('page')>pages)
+					this.turn('page', pages);
+			}
+
+			data.totalPages = pages;
+
+			return this;
+		} else
+			return data.totalPages;
+
+	},
+
+	// Sets a page without effect
+
+	_fitPage: function(page, ok) {
+		
+		var data = this.data(), newView = this.turn('view', page);
+		
+		if (data.page!=page) {
+			this.trigger('turning', [page, newView]);
+			if ($.inArray(1, newView)!=-1) this.trigger('first');
+			if ($.inArray(data.totalPages, newView)!=-1) this.trigger('last');
+		}
+
+		if (!data.pageObjs[page])
+			return;
+
+		data.tpage = page;
+
+		this.turn('stop', ok);
+		turnMethods._removeFromDOM.call(this);
+		turnMethods._makeRange.call(this);
+		this.trigger('turned', [page, newView]);
+
+	},
+	
+	// Turns to a page
+
+	_turnPage: function(page) {
+
+		var current, next,
+			data = this.data(),
+			view = this.turn('view'),
+			newView = this.turn('view', page);
+	
+		if (data.page!=page) {
+			this.trigger('turning', [page, newView]);
+			if ($.inArray(1, newView)!=-1) this.trigger('first');
+			if ($.inArray(data.totalPages, newView)!=-1) this.trigger('last');
+		}
+
+		if (!data.pageObjs[page])
+			return;
+
+		data.tpage = page;
+
+		this.turn('stop');
+
+		turnMethods._makeRange.call(this);
+
+		if (data.display=='single') {
+			current = view[0];
+			next = newView[0];
+		} else if (view[1] && page>view[1]) {
+			current = view[1];
+			next = newView[0];
+		} else if (view[0] && page<view[0]) {
+			current = view[0];
+			next = newView[1];
+		}
+
+		if (data.pages[current]) {
+
+			var opts = data.pages[current].data().f.opts;
+			data.tpage = next;
+			
+			if (opts.next!=next) {
+				opts.next = next;
+				data.pagePlace[next] = opts.page;
+				opts.force = true;
+			}
+
+			if (data.display=='single')
+				data.pages[current].flip('turnPage', (newView[0] > view[0]) ? 'br' : 'bl');
+			else
+				data.pages[current].flip('turnPage');
+		}
+
+	},
+
+	// Gets and sets a page
+
+	page: function(page) {
+
+		page = parseInt(page, 10);
+
+		var data = this.data();
+
+		if (page>0 && page<=data.totalPages) {
+			if (!data.done || $.inArray(page, this.turn('view'))!=-1)
+				turnMethods._fitPage.call(this, page);
+			else
+				turnMethods._turnPage.call(this, page);
+		
+			return this;
+
+		} else
+			return data.page;
+	
+	},
+
+	// Turns to the next view
+
+	next: function() {
+
+		var data = this.data();
+		return this.turn('page', turnMethods._view.call(this, data.page).pop() + 1);
+	
+	},
+
+	// Turns to the previous view
+
+	previous: function() {
+		
+		var data = this.data();
+		return this.turn('page', turnMethods._view.call(this, data.page).shift() - 1);
+
+	},
+
+	// Adds a motion to the internal list
+
+	_addMotionPage: function() {
+
+		var opts = $(this).data().f.opts,
+			turn = opts.turn,
+			dd = turn.data();
+
+		opts.pageMv = opts.page;
+		turnMethods._addMv.call(turn, opts.pageMv);
+		dd.pagePlace[opts.next] = opts.page;
+		turn.turn('update');
+
+	},
+
+	// This event is called in context of flip
+
+	_start: function(e, opts, corner) {
+
+			var data = opts.turn.data(),
+				event = $.Event('start');
+
+			e.stopPropagation();
+
+			opts.turn.trigger(event, [opts, corner]);
+
+			if (event.isDefaultPrevented()) {
+				e.preventDefault();
+				return;
+			}
+		
+		if (data.display=='single') {
+
+			var left = corner.charAt(1)=='l';
+			if ((opts.page==1 && left) || (opts.page==data.totalPages && !left))
+				e.preventDefault();
+			else {
+				if (left) {
+					opts.next = (opts.next<opts.page) ? opts.next : opts.page-1;
+					opts.force = true;
+				} else
+					opts.next = (opts.next>opts.page) ? opts.next : opts.page+1;
+			}
+
+		}
+
+		turnMethods._addMotionPage.call(this);
+	},
+
+	// This event is called in context of flip
+
+	_end: function(e, turned) {
+		
+		var that = $(this),
+			data = that.data().f,
+			opts = data.opts,
+			turn = opts.turn,
+			dd = turn.data();
+
+		e.stopPropagation();
+
+		if (turned || dd.tpage) {
+
+			if (dd.tpage==opts.next || dd.tpage==opts.page) {
+				delete dd['tpage'];
+				turnMethods._fitPage.call(turn, dd.tpage || opts.next, true);
+			}
+
+		} else {
+			turnMethods._removeMv.call(turn, opts.pageMv);
+			turn.turn('update');
+		}
+		
+	},
+	
+	// This event is called in context of flip
+
+	_pressed: function() {
+
+		var page,
+			that = $(this),
+			data = that.data().f,
+			turn = data.opts.turn,
+			pages = turn.data().pages;
+	
+		for (page in pages)
+			if (page!=data.opts.page)
+				pages[page].flip('disable', true);
+
+		return data.time = new Date().getTime();
+
+	},
+
+	// This event is called in context of flip
+
+	_released: function(e, point) {
+		
+		var that = $(this),
+			data = that.data().f;
+
+			e.stopPropagation();
+
+		if ((new Date().getTime())-data.time<200 || point.x<0 || point.x>$(this).width()) {
+			e.preventDefault();
+			data.opts.turn.data().tpage = data.opts.next;
+			data.opts.turn.turn('update');
+			$(that).flip('turnPage');
+		}
+
+	},
+
+	// This event is called in context of flip
+	
+	_flip: function() {
+
+		var opts = $(this).data().f.opts;
+
+		opts.turn.trigger('turn', [opts.next]);
+
+	},
+
+	// Calculate the z-index value for pages during the animation
+
+	calculateZ: function(mv) {
+
+		var i, page, nextPage, placePage, dpage,
+			that = this,
+			data = this.data(),
+			view = this.turn('view'),
+			currentPage = view[0] || view[1],
+			r = {pageZ: {}, partZ: {}, pageV: {}},
+
+			addView = function(page) {
+				var view = that.turn('view', page);
+				if (view[0]) r.pageV[view[0]] = true;
+				if (view[1]) r.pageV[view[1]] = true;
+			};
+		
+			for (i = 0; i<mv.length; i++) {
+				page = mv[i];
+				nextPage = data.pages[page].data().f.opts.next;
+				placePage = data.pagePlace[page];
+				addView(page);
+				addView(nextPage);
+				dpage = (data.pagePlace[nextPage]==nextPage) ? nextPage : page;
+				r.pageZ[dpage] = data.totalPages - Math.abs(currentPage-dpage);
+				r.partZ[placePage] = data.totalPages*2 + Math.abs(currentPage-dpage);
+			}
+
+		return r;
+	},
+
+	// Updates the z-index and display property of every page
+
+	update: function() {
+
+		var page,
+			data = this.data();
+
+		if (data.pageMv.length && data.pageMv[0]!==0) {
+
+			// Update motion
+
+			var apage,
+				pos = this.turn('calculateZ', data.pageMv),
+				view = this.turn('view', data.tpage);
+		
+			if (data.pagePlace[view[0]]==view[0]) apage = view[0];
+			else if (data.pagePlace[view[1]]==view[1]) apage = view[1];
+		
+			for (page in data.pageWrap) {
+
+				if (!has(page, data.pageWrap)) continue;
+
+				data.pageWrap[page].css({display: (pos.pageV[page]) ? '' : 'none', 'z-index': pos.pageZ[page] || 0});
+
+				if (data.pages[page]) {
+					data.pages[page].flip('z', pos.partZ[page] || null);
+
+					if (pos.pageV[page])
+						data.pages[page].flip('resize');
+
+					if (data.tpage)
+						data.pages[page].flip('disable', true); // data.disabled || page!=apage
+				}
+			}
+				
+		} else {
+
+			// Update static pages
+
+			for (page in data.pageWrap) {
+				if (!has(page, data.pageWrap)) continue;
+					var pageLocation = turnMethods._setPageLoc.call(this, page);
+					if (data.pages[page])
+						data.pages[page].flip('disable', data.disabled || pageLocation!=1).flip('z', null);
+			}
+		}
+	},
+
+	// Sets the z-index and display property of a page
+	// It depends on the current view
+
+	_setPageLoc: function(page) {
+
+		var data = this.data(),
+			view = this.turn('view');
+
+		if (page==view[0] || page==view[1]) {
+			data.pageWrap[page].css({'z-index': data.totalPages, display: ''});
+			return 1;
+		} else if ((data.display=='single' && page==view[0]+1) || (data.display=='double' && page==view[0]-2 || page==view[1]+2)) {
+			data.pageWrap[page].css({'z-index': data.totalPages-1, display: ''});
+			return 2;
+		} else {
+			data.pageWrap[page].css({'z-index': 0, display: 'none'});
+			return 0;
+		}
+	}
+},
+
+// Methods and properties for the flip page effect
+
+flipMethods = {
+
+	// Constructor
+
+	init: function(opts) {
+
+		if (opts.gradients) {
+			opts.frontGradient = true;
+			opts.backGradient = true;
+		}
+
+		this.data({f: {}});
+		this.flip('options', opts);
+
+		flipMethods._addPageWrapper.call(this);
+
+		return this;
+	},
+
+	setData: function(d) {
+		
+		var data = this.data();
+
+		data.f = $.extend(data.f, d);
+
+		return this;
+	},
+
+	options: function(opts) {
+		
+		var data = this.data().f;
+
+		if (opts) {
+			flipMethods.setData.call(this, {opts: $.extend({}, data.opts || flipOptions, opts) });
+			return this;
+		} else
+			return data.opts;
+
+	},
+
+	z: function(z) {
+
+		var data = this.data().f;
+		data.opts['z-index'] = z;
+		data.fwrapper.css({'z-index': z || parseInt(data.parent.css('z-index'), 10) || 0});
+
+		return this;
+	},
+
+	_cAllowed: function() {
+
+		return corners[this.data().f.opts.corners] || this.data().f.opts.corners;
+
+	},
+
+	_cornerActivated: function(e) {
+		if (e.originalEvent === undefined) {
+			return false;
+		}		
+
+		e = (isTouch) ? e.originalEvent.touches : [e];
+
+		var data = this.data().f,
+			pos = data.parent.offset(),
+			width = this.width(),
+			height = this.height(),
+			c = {x: Math.max(0, e[0].pageX-pos.left), y: Math.max(0, e[0].pageY-pos.top)},
+			csz = data.opts.cornerSize,
+			allowedCorners = flipMethods._cAllowed.call(this);
+
+			if (c.x<=0 || c.y<=0 || c.x>=width || c.y>=height) return false;
+
+			if (c.y<csz) c.corner = 't';
+			else if (c.y>=height-csz) c.corner = 'b';
+			else return false;
+			
+			if (c.x<=csz) c.corner+= 'l';
+			else if (c.x>=width-csz) c.corner+= 'r';
+			else return false;
+
+		return ($.inArray(c.corner, allowedCorners)==-1) ? false : c;
+
+	},
+
+	_c: function(corner, opts) {
+
+		opts = opts || 0;
+		return ({tl: point2D(opts, opts),
+				tr: point2D(this.width()-opts, opts),
+				bl: point2D(opts, this.height()-opts),
+				br: point2D(this.width()-opts, this.height()-opts)})[corner];
+
+	},
+
+	_c2: function(corner) {
+
+		return {tl: point2D(this.width()*2, 0),
+				tr: point2D(-this.width(), 0),
+				bl: point2D(this.width()*2, this.height()),
+				br: point2D(-this.width(), this.height())}[corner];
+
+	},
+
+	_foldingPage: function(corner) {
+
+		var opts = this.data().f.opts;
+		
+		if (opts.folding) return opts.folding;
+		else if(opts.turn) {
+			var data = opts.turn.data();
+			if (data.display == 'single')
+				return (data.pageObjs[opts.next]) ? data.pageObjs[0] : null;
+			else
+				return data.pageObjs[opts.next];
+		}
+
+	},
+
+	_backGradient: function() {
+
+		var data =	this.data().f,
+			turn = data.opts.turn,
+			gradient = data.opts.backGradient &&
+						(!turn || turn.data().display=='single' || (data.opts.page!=2 && data.opts.page!=turn.data().totalPages-1) );
+
+
+		if (gradient && !data.bshadow)
+			data.bshadow = $('<div/>', divAtt(0, 0, 1)).
+				css({'position': '', width: this.width(), height: this.height()}).
+					appendTo(data.parent);
+
+		return gradient;
+
+	},
+
+	resize: function(full) {
+		
+		var data = this.data().f,
+			width = this.width(),
+			height = this.height(),
+			size = Math.round(Math.sqrt(Math.pow(width, 2)+Math.pow(height, 2)));
+
+		if (full) {
+			data.wrapper.css({width: size, height: size});
+			data.fwrapper.css({width: size, height: size}).
+				children(':first-child').
+					css({width: width, height: height});
+
+			data.fpage.css({width: height, height: width});
+
+			if (data.opts.frontGradient)
+				data.ashadow.css({width: height, height: width});
+
+			if (flipMethods._backGradient.call(this))
+				data.bshadow.css({width: width, height: height});
+		}
+
+		if (data.parent.is(':visible')) {
+			data.fwrapper.css({top: data.parent.offset().top,
+				left: data.parent.offset().left});
+
+			if (data.opts.turn)
+				data.fparent.css({top: -data.opts.turn.offset().top, left: -data.opts.turn.offset().left});
+		}
+
+		this.flip('z', data.opts['z-index']);
+
+	},
+
+	// Prepares the page by adding a general wrapper and another objects
+
+	_addPageWrapper: function() {
+
+		var att,
+			data = this.data().f,
+			parent = this.parent();
+
+		if (!data.wrapper) {
+
+			var left = this.css('left'),
+				top = this.css('top'),
+				width = this.width(),
+				height = this.height(),
+				size = Math.round(Math.sqrt(Math.pow(width, 2)+Math.pow(height, 2)));
+			
+			data.parent = parent;
+			data.fparent = (data.opts.turn) ? data.opts.turn.data().fparent : $('#turn-fwrappers');
+
+			if (!data.fparent) {
+				var fparent = $('<div/>', {css: {'pointer-events': 'none'}}).hide();
+					fparent.data().flips = 0;
+
+				if (data.opts.turn) {
+					fparent.css(divAtt(-data.opts.turn.offset().top, -data.opts.turn.offset().left, 'auto', 'visible').css).
+							appendTo(data.opts.turn);
+					
+					data.opts.turn.data().fparent = fparent;
+				} else {
+					fparent.css(divAtt(0, 0, 'auto', 'visible').css).
+						attr('id', 'turn-fwrappers').
+							appendTo($('body'));
+				}
+
+				data.fparent = fparent;
+			}
+
+			this.css({position: 'absolute', top: 0, left: 0, bottom: 'auto', right: 'auto'});
+
+			data.wrapper = $('<div/>', divAtt(0, 0, this.css('z-index'))).
+								appendTo(parent).
+									prepend(this);
+
+			data.fwrapper = $('<div/>', divAtt(parent.offset().top, parent.offset().left)).
+								hide().
+									appendTo(data.fparent);
+
+			data.fpage = $('<div/>', {css: {cursor: 'default'}}).
+					appendTo($('<div/>', divAtt(0, 0, 0, 'visible')).
+								appendTo(data.fwrapper));
+
+			if (data.opts.frontGradient)
+				data.ashadow = $('<div/>', divAtt(0, 0,  1)).
+					appendTo(data.fpage);
+
+			// Save data
+
+			flipMethods.setData.call(this, data);
+
+			// Set size
+			flipMethods.resize.call(this, true);
+		}
+
+	},
+
+	// Takes a 2P point from the screen and applies the transformation
+
+	_fold: function(point) {
+
+		var that = this,
+			a = 0,
+			alpha = 0,
+			beta,
+			px,
+			gradientEndPointA,
+			gradientEndPointB,
+			gradientStartV,
+			gradientSize,
+			gradientOpacity,
+			mv = point2D(0, 0),
+			df = point2D(0, 0),
+			tr = point2D(0, 0),
+			width = this.width(),
+			height = this.height(),
+			folding = flipMethods._foldingPage.call(this),
+			tan = Math.tan(alpha),
+			data = this.data().f,
+			ac = data.opts.acceleration,
+			h = data.wrapper.height(),
+			o = flipMethods._c.call(this, point.corner),
+			top = point.corner.substr(0, 1) == 't',
+			left = point.corner.substr(1, 1) == 'l',
+
+			compute = function() {
+				var rel = point2D((o.x) ? o.x - point.x : point.x, (o.y) ? o.y - point.y : point.y),
+					tan = (Math.atan2(rel.y, rel.x)),
+					middle;
+
+				alpha = A90 - tan;
+				a = deg(alpha);
+				middle = point2D((left) ? width - rel.x/2 : point.x + rel.x/2, rel.y/2);
+
+				var gamma = alpha - Math.atan2(middle.y, middle.x),
+					distance =  Math.max(0, Math.sin(gamma) * Math.sqrt(Math.pow(middle.x, 2) + Math.pow(middle.y, 2)));
+
+					tr = point2D(distance * Math.sin(alpha), distance * Math.cos(alpha));
+
+					if (alpha > A90) {
+					
+						tr.x = tr.x + Math.abs(tr.y * Math.tan(tan));
+						tr.y = 0;
+
+						if (Math.round(tr.x*Math.tan(PI-alpha)) < height) {
+
+							point.y = Math.sqrt(Math.pow(height, 2)+2 * middle.x * rel.x);
+							if (top) point.y =  height - point.y;
+							return compute();
+
+						}
+					}
+			
+				if (alpha>A90) {
+					var beta = PI-alpha, dd = h - height/Math.sin(beta);
+					mv = point2D(Math.round(dd*Math.cos(beta)), Math.round(dd*Math.sin(beta)));
+					if (left) mv.x = - mv.x;
+					if (top) mv.y = - mv.y;
+				}
+
+				px = Math.round(tr.y/Math.tan(alpha) + tr.x);
+			
+				var side = width - px,
+					sideX = side*Math.cos(alpha*2),
+					sideY = side*Math.sin(alpha*2);
+					df = point2D(Math.round( (left ? side -sideX : px+sideX)), Math.round((top) ? sideY : height - sideY));
+					
+				
+				// GRADIENTS
+
+					gradientSize = side*Math.sin(alpha);
+						var endingPoint = flipMethods._c2.call(that, point.corner),
+						far = Math.sqrt(Math.pow(endingPoint.x-point.x, 2)+Math.pow(endingPoint.y-point.y, 2));
+
+					gradientOpacity = (far<width) ? far/width : 1;
+
+
+				if (data.opts.frontGradient) {
+
+					gradientStartV = gradientSize>100 ? (gradientSize-100)/gradientSize : 0;
+					gradientEndPointA = point2D(gradientSize*Math.sin(A90-alpha)/height*100, gradientSize*Math.cos(A90-alpha)/width*100);
+				
+					if (top) gradientEndPointA.y = 100-gradientEndPointA.y;
+					if (left) gradientEndPointA.x = 100-gradientEndPointA.x;
+				}
+
+				if (flipMethods._backGradient.call(that)) {
+
+					gradientEndPointB = point2D(gradientSize*Math.sin(alpha)/width*100, gradientSize*Math.cos(alpha)/height*100);
+					if (!left) gradientEndPointB.x = 100-gradientEndPointB.x;
+					if (!top) gradientEndPointB.y = 100-gradientEndPointB.y;
+				}
+				//
+
+				tr.x = Math.round(tr.x);
+				tr.y = Math.round(tr.y);
+
+				return true;
+			},
+
+			transform = function(tr, c, x, a) {
+			
+				var f = ['0', 'auto'], mvW = (width-h)*x[0]/100, mvH = (height-h)*x[1]/100,
+					v = {left: f[c[0]], top: f[c[1]], right: f[c[2]], bottom: f[c[3]]},
+					aliasingFk = (a!=90 && a!=-90) ? (left ? -1 : 1) : 0;
+
+					x = x[0] + '% ' + x[1] + '%';
+
+				that.css(v).transform(rotate(a) + translate(tr.x + aliasingFk, tr.y, ac), x);
+
+				data.fpage.parent().css(v);
+				data.wrapper.transform(translate(-tr.x + mvW-aliasingFk, -tr.y + mvH, ac) + rotate(-a), x);
+
+				data.fwrapper.transform(translate(-tr.x + mv.x + mvW, -tr.y + mv.y + mvH, ac) + rotate(-a), x);
+				data.fpage.parent().transform(rotate(a) + translate(tr.x + df.x - mv.x, tr.y + df.y - mv.y, ac), x);
+
+				if (data.opts.frontGradient)
+					gradient(data.ashadow,
+							point2D(left?100:0, top?100:0),
+							point2D(gradientEndPointA.x, gradientEndPointA.y),
+							[[gradientStartV, 'rgba(0,0,0,0)'],
+							[((1-gradientStartV)*0.8)+gradientStartV, 'rgba(0,0,0,'+(0.2*gradientOpacity)+')'],
+							[1, 'rgba(255,255,255,'+(0.2*gradientOpacity)+')']],
+							3,
+							alpha);
+		
+				if (flipMethods._backGradient.call(that))
+					gradient(data.bshadow,
+							point2D(left?0:100, top?0:100),
+							point2D(gradientEndPointB.x, gradientEndPointB.y),
+							[[0.8, 'rgba(0,0,0,0)'],
+							[1, 'rgba(0,0,0,'+(0.3*gradientOpacity)+')'],
+							[1, 'rgba(0,0,0,0)']],
+							3);
+				
+			};
+
+		switch (point.corner) {
+			case 'tl' :
+				point.x = Math.max(point.x, 1);
+				compute();
+				transform(tr, [1,0,0,1], [100, 0], a);
+				data.fpage.transform(translate(-height, -width, ac) + rotate(90-a*2) , '100% 100%');
+				folding.transform(rotate(90) + translate(0, -height, ac), '0% 0%');
+			break;
+			case 'tr' :
+				point.x = Math.min(point.x, width-1);
+				compute();
+				transform(point2D(-tr.x, tr.y), [0,0,0,1], [0, 0], -a);
+				data.fpage.transform(translate(0, -width, ac) + rotate(-90+a*2) , '0% 100%');
+				folding.transform(rotate(270) + translate(-width, 0, ac), '0% 0%');
+			break;
+			case 'bl' :
+				point.x = Math.max(point.x, 1);
+				compute();
+				transform(point2D(tr.x, -tr.y), [1,1,0,0], [100, 100], -a);
+				data.fpage.transform(translate(-height, 0, ac) + rotate(-90+a*2), '100% 0%');
+				folding.transform(rotate(270) + translate(-width, 0, ac), '0% 0%');
+			break;
+			case 'br' :
+				point.x = Math.min(point.x, width-1);
+				compute();
+				transform(point2D(-tr.x, -tr.y), [0,1,1,0], [0, 100], a);
+				data.fpage.transform(rotate(90-a*2), '0% 0%');
+				folding.transform(rotate(90) + translate(0, -height, ac), '0% 0%');
+
+			break;
+		}
+
+		data.point = point;
+	
+	},
+
+	_moveFoldingPage: function(bool) {
+
+		var data = this.data().f,
+			folding = flipMethods._foldingPage.call(this);
+
+		if (folding) {
+			if (bool) {
+				if (!data.fpage.children()[data.ashadow? '1' : '0']) {
+					flipMethods.setData.call(this, {backParent: folding.parent()});
+					data.fpage.prepend(folding);
+				}
+			} else {
+				if (data.backParent)
+					data.backParent.prepend(folding);
+
+			}
+		}
+
+	},
+
+	_showFoldedPage: function(c, animate) {
+
+		var folding = flipMethods._foldingPage.call(this),
+			dd = this.data(),
+			data = dd.f;
+
+		if (!data.point || data.point.corner!=c.corner) {
+			var event = $.Event('start');
+			this.trigger(event, [data.opts, c.corner]);
+
+			if (event.isDefaultPrevented())
+				return false;
+		}
+
+
+		if (folding) {
+
+			if (animate) {
+
+				var that = this, point = (data.point && data.point.corner==c.corner) ? data.point : flipMethods._c.call(this, c.corner, 1);
+			
+				this.animatef({from: [point.x, point.y], to:[c.x, c.y], duration: 500, frame: function(v) {
+					c.x = Math.round(v[0]);
+					c.y = Math.round(v[1]);
+					flipMethods._fold.call(that, c);
+				}});
+
+			} else	{
+
+				flipMethods._fold.call(this, c);
+				if (dd.effect && !dd.effect.turning)
+					this.animatef(false);
+
+			}
+
+			if (!data.fwrapper.is(':visible')) {
+				data.fparent.show().data().flips++;
+				flipMethods._moveFoldingPage.call(this, true);
+				data.fwrapper.show();
+
+				if (data.bshadow)
+					data.bshadow.show();
+			}
+
+			return true;
+		}
+
+		return false;
+	},
+
+	hide: function() {
+
+		var data = this.data().f,
+			folding = flipMethods._foldingPage.call(this);
+
+		if ((--data.fparent.data().flips)===0)
+			data.fparent.hide();
+
+		this.css({left: 0, top: 0, right: 'auto', bottom: 'auto'}).transform('', '0% 100%');
+
+		data.wrapper.transform('', '0% 100%');
+
+		data.fwrapper.hide();
+
+		if (data.bshadow)
+			data.bshadow.hide();
+
+		folding.transform('', '0% 0%');
+
+		return this;
+	},
+
+	hideFoldedPage: function(animate) {
+
+		var data = this.data().f;
+
+		if (!data.point) return;
+
+		var that = this,
+			p1 = data.point,
+			hide = function() {
+				data.point = null;
+				that.flip('hide');
+				that.trigger('end', [false]);
+			};
+
+		if (animate) {
+			var p4 = flipMethods._c.call(this, p1.corner),
+				top = (p1.corner.substr(0,1)=='t'),
+				delta = (top) ? Math.min(0, p1.y-p4.y)/2 : Math.max(0, p1.y-p4.y)/2,
+				p2 = point2D(p1.x, p1.y+delta),
+				p3 = point2D(p4.x, p4.y-delta);
+		
+			this.animatef({
+				from: 0,
+				to: 1,
+				frame: function(v) {
+					var np = bezier(p1, p2, p3, p4, v);
+					p1.x = np.x;
+					p1.y = np.y;
+					flipMethods._fold.call(that, p1);
+				},
+				complete: hide,
+				duration: 800,
+				hiding: true
+				});
+
+		} else {
+			this.animatef(false);
+			hide();
+		}
+	},
+
+	turnPage: function(corner) {
+
+		var that = this,
+			data = this.data().f;
+
+		corner = {corner: (data.corner) ? data.corner.corner : corner || flipMethods._cAllowed.call(this)[0]};
+
+		var p1 = data.point || flipMethods._c.call(this, corner.corner, (data.opts.turn) ? data.opts.turn.data().opts.elevation : 0),
+			p4 = flipMethods._c2.call(this, corner.corner);
+
+			this.trigger('flip').
+				animatef({
+					from: 0,
+					to: 1,
+					frame: function(v) {
+						var np = bezier(p1, p1, p4, p4, v);
+						corner.x = np.x;
+						corner.y = np.y;
+						flipMethods._showFoldedPage.call(that, corner);
+					},
+					
+					complete: function() {
+						that.trigger('end', [true]);
+					},
+					duration: data.opts.duration,
+					turning: true
+				});
+
+			data.corner = null;
+	},
+
+	moving: function() {
+
+		return 'effect' in this.data();
+	
+	},
+
+	isTurning: function() {
+
+		return this.flip('moving') && this.data().effect.turning;
+	
+	},
+
+	_eventStart: function(e) {
+
+		var data = this.data().f;
+
+		if (!data.disabled && !this.flip('isTurning')) {
+			data.corner = flipMethods._cornerActivated.call(this, e);
+			if (data.corner && flipMethods._foldingPage.call(this, data.corner)) {
+				flipMethods._moveFoldingPage.call(this, true);
+				this.trigger('pressed', [data.point]);
+				return false;
+			} else
+				data.corner = null;
+		}
+
+	},
+
+	_eventMove: function(e) {
+
+		var data = this.data().f;
+
+		if (!data.disabled) {
+			e = (isTouch) ? e.originalEvent.touches : [e];
+		
+			if (data.corner) {
+
+				var pos = data.parent.offset();
+
+				data.corner.x = e[0].pageX-pos.left;
+				data.corner.y = e[0].pageY-pos.top;
+
+				flipMethods._showFoldedPage.call(this, data.corner);
+			
+			} else if (!this.data().effect && this.is(':visible')) { // roll over
+				
+				var corner = flipMethods._cornerActivated.call(this, e[0]);
+				if (corner) {
+					var origin = flipMethods._c.call(this, corner.corner, data.opts.cornerSize/2);
+					corner.x = origin.x;
+					corner.y = origin.y;
+					flipMethods._showFoldedPage.call(this, corner, true);
+				} else
+					flipMethods.hideFoldedPage.call(this, true);
+
+			}
+		}
+	},
+
+	_eventEnd: function() {
+
+		var data = this.data().f;
+
+		if (!data.disabled && data.point) {
+			var event = $.Event('released');
+			this.trigger(event, [data.point]);
+			if (!event.isDefaultPrevented())
+				flipMethods.hideFoldedPage.call(this, true);
+		}
+
+		data.corner = null;
+
+	},
+
+	disable: function(disable) {
+
+		flipMethods.setData.call(this, {'disabled': disable});
+		return this;
+
+	}
+},
+
+cla = function(that, methods, args) {
+
+	if (!args[0] || typeof(args[0])=='object')
+		return methods.init.apply(that, args);
+	else if(methods[args[0]] && args[0].toString().substr(0, 1)!='_')
+		return methods[args[0]].apply(that, Array.prototype.slice.call(args, 1));
+	else
+		throw args[0] + ' is an invalid value';
+};
+
+$.extend($.fn, {
+
+	flip: function(req, opts) {
+		return cla(this, flipMethods, arguments);
+	},
+
+	turn: function(req) {
+		return cla(this, turnMethods, arguments);
+	},
+
+	transform: function(transform, origin) {
+
+		var properties = {};
+		
+		if (origin)
+			properties[vendor+'transform-origin'] = origin;
+		
+		properties[vendor+'transform'] = transform;
+	
+		return this.css(properties);
+
+	},
+
+	animatef: function(point) {
+
+		var data = this.data();
+
+		if (data.effect)
+			clearInterval(data.effect.handle);
+
+		if (point) {
+
+			if (!point.to.length) point.to = [point.to];
+			if (!point.from.length) point.from = [point.from];
+			if (!point.easing) point.easing = function (x, t, b, c, data) { return c * Math.sqrt(1 - (t=t/data-1)*t) + b; };
+
+			var j, diff = [],
+				len = point.to.length,
+				that = this,
+				fps = point.fps || 30,
+				time = - fps,
+				f = function() {
+					var j, v = [];
+					time = Math.min(point.duration, time + fps);
+	
+					for (j = 0; j < len; j++)
+						v.push(point.easing(1, time, point.from[j], diff[j], point.duration));
+
+					point.frame((len==1) ? v[0] : v);
+
+					if (time==point.duration) {
+						clearInterval(data.effect.handle);
+						delete data['effect'];
+						that.data(data);
+						if (point.complete)
+							point.complete();
+						}
+					};
+
+			for (j = 0; j < len; j++)
+				diff.push(point.to[j] - point.from[j]);
+
+			data.effect = point;
+			data.effect.handle = setInterval(f, fps);
+			this.data(data);
+			f();
+		} else {
+			delete data['effect'];
+		}
+	}
+});
+
+
+$.isTouch = isTouch;
+
+})(jQuery);
\ No newline at end of file
diff --git a/src/utils/turn.min.js b/src/utils/turn.min.js
new file mode 100644
index 0000000..eab9eee
--- /dev/null
+++ b/src/utils/turn.min.js
@@ -0,0 +1,47 @@
+/* turn.js r3 | turnjs.com/license.txt */
+(function(h){var x,y="",G=Math.PI,E=G/2,q="Touch"in window,I=q?{start:"touchstart",move:"touchmove",end:"touchend"}:{start:"mousedown",move:"mousemove",end:"mouseup"},J={backward:["bl","tl"],forward:["br","tr"],all:["tl","bl","tr","br"]},O=["single","double"],P={page:1,gradients:!0,duration:600,acceleration:!0,display:"double",when:null},Q={folding:null,corners:"forward",cornerSize:100,gradients:!0,duration:600,acceleration:!0},K={"0":{top:0,left:0,right:"auto",bottom:"auto"},1:{top:0,right:0,left:"auto",
+bottom:"auto"}},l=function(a,b,c,d){return{css:{position:"absolute",top:a,left:b,overflow:d||"hidden","z-index":c||"auto"}}},L=function(a,b,c,d,e){var f=1-e,C=f*f*f,i=e*e*e;return j(Math.round(C*a.x+3*e*f*f*b.x+3*e*e*f*c.x+i*d.x),Math.round(C*a.y+3*e*f*f*b.y+3*e*e*f*c.y+i*d.y))},j=function(a,b){return{x:a,y:b}},s=function(a,b,c){return x&&c?" translate3d("+a+"px,"+b+"px, 0px) ":" translate("+a+"px, "+b+"px) "},t=function(a){return" rotate("+a+"deg) "},p=function(a,b){return Object.prototype.hasOwnProperty.call(b,
+a)},R=function(){for(var a=["Moz","Webkit","Khtml","O","ms"],b=a.length,c="";b--;)a[b]+"Transform"in document.body.style&&(c="-"+a[b].toLowerCase()+"-");return c},M=function(a,b,c,d,e){var f,C=[];if("-webkit-"==y){for(f=0;f<e;f++)C.push("color-stop("+d[f][0]+", "+d[f][1]+")");a.css({"background-image":"-webkit-gradient(linear, "+b.x+"% "+b.y+"%,  "+c.x+"% "+c.y+"%, "+C.join(",")+" )"})}else{var b={x:b.x/100*a.width(),y:b.y/100*a.height()},c={x:c.x/100*a.width(),y:c.y/100*a.height()},i=c.x-b.x;f=c.y-
+b.y;var h=Math.atan2(f,i),g=h-Math.PI/2,g=Math.abs(a.width()*Math.sin(g))+Math.abs(a.height()*Math.cos(g)),i=Math.sqrt(f*f+i*i),c=j(c.x<b.x?a.width():0,c.y<b.y?a.height():0),n=Math.tan(h);f=-1/n;n=(f*c.x-c.y-n*b.x+b.y)/(f-n);c=f*n-f*c.x+c.y;b=Math.sqrt(Math.pow(n-b.x,2)+Math.pow(c-b.y,2));for(f=0;f<e;f++)C.push(" "+d[f][1]+" "+100*(b+i*d[f][0])/g+"%");a.css({"background-image":y+"linear-gradient("+-h+"rad,"+C.join(",")+")"})}},g={init:function(a){void 0===x&&(x="WebKitCSSMatrix"in window||"MozPerspective"in
+document.body.style,y=R());var b,c=this.data(),d=this.children(),a=h.extend({width:this.width(),height:this.height()},P,a);c.opts=a;c.pageObjs={};c.pages={};c.pageWrap={};c.pagePlace={};c.pageMv=[];c.totalPages=a.pages||0;if(a.when)for(b in a.when)p(b,a.when)&&this.bind(b,a.when[b]);this.css({position:"relative",width:a.width,height:a.height});this.turn("display",a.display);x&&!q&&a.acceleration&&this.transform(s(0,0,!0));for(b=0;b<d.length;b++)this.turn("addPage",d[b],b+1);this.turn("page",a.page);
+J=h.extend({},J,a.corners);h(this).bind(I.start,function(a){for(var b in c.pages)if(p(b,c.pages)&&i._eventStart.call(c.pages[b],a)===false)return false});h(document).bind(I.move,function(a){for(var b in c.pages)p(b,c.pages)&&i._eventMove.call(c.pages[b],a)}).bind(I.end,function(a){for(var b in c.pages)p(b,c.pages)&&i._eventEnd.call(c.pages[b],a)});c.done=!0;return this},addPage:function(a,b){var c=!1,d=this.data(),e=d.totalPages+1;if(b)if(b==e)b=e,c=!0;else{if(b>e)throw Error('It is impossible to add the page "'+
+b+'", the maximum value is: "'+e+'"');}else b=e,c=!0;1<=b&&b<=e&&(d.done&&this.turn("stop"),b in d.pageObjs&&g._movePages.call(this,b,1),c&&(d.totalPages=e),d.pageObjs[b]=h(a).addClass("turn-page p"+b),g._addPage.call(this,b),d.done&&this.turn("update"),g._removeFromDOM.call(this));return this},_addPage:function(a){var b=this.data(),c=b.pageObjs[a];if(c)if(g._necessPage.call(this,a)){if(!b.pageWrap[a]){var d="double"==b.display?this.width()/2:this.width(),e=this.height();c.css({width:d,height:e});
+b.pagePlace[a]=a;b.pageWrap[a]=h("<div/>",{"class":"turn-page-wrapper",page:a,css:{position:"absolute",overflow:"hidden",width:d,height:e}}).css(K["double"==b.display?a%2:0]);this.append(b.pageWrap[a]);b.pageWrap[a].prepend(b.pageObjs[a])}(!a||1==g._setPageLoc.call(this,a))&&g._makeFlip.call(this,a)}else b.pagePlace[a]=0,b.pageObjs[a]&&b.pageObjs[a].remove()},hasPage:function(a){return a in this.data().pageObjs},_makeFlip:function(a){var b=this.data();if(!b.pages[a]&&b.pagePlace[a]==a){var c="single"==
+b.display,d=a%2;b.pages[a]=b.pageObjs[a].css({width:c?this.width():this.width()/2,height:this.height()}).flip({page:a,next:c&&a===b.totalPages?a-1:d||c?a+1:a-1,turn:this,duration:b.opts.duration,acceleration:b.opts.acceleration,corners:c?"all":d?"forward":"backward",backGradient:b.opts.gradients,frontGradient:b.opts.gradients}).flip("disable",b.disabled).bind("pressed",g._pressed).bind("released",g._released).bind("start",g._start).bind("end",g._end).bind("flip",g._flip)}return b.pages[a]},_makeRange:function(){var a;
+this.data();var b=this.turn("range");for(a=b[0];a<=b[1];a++)g._addPage.call(this,a)},range:function(a){var b,c,d=this.data(),a=a||d.tpage||d.page,e=g._view.call(this,a);if(1>a||a>d.totalPages)throw Error('"'+a+'" is not a page for range');e[1]=e[1]||e[0];1<=e[0]&&e[1]<=d.totalPages?(a=Math.floor(2),d.totalPages-e[1]>e[0]?(b=Math.min(e[0]-1,a),c=2*a-b):(c=Math.min(d.totalPages-e[1],a),b=2*a-c)):c=b=5;return[Math.max(1,e[0]-b),Math.min(d.totalPages,e[1]+c)]},_necessPage:function(a){if(0===a)return!0;
+var b=this.turn("range");return a>=b[0]&&a<=b[1]},_removeFromDOM:function(){var a,b=this.data();for(a in b.pageWrap)p(a,b.pageWrap)&&!g._necessPage.call(this,a)&&g._removePageFromDOM.call(this,a)},_removePageFromDOM:function(a){var b=this.data();if(b.pages[a]){var c=b.pages[a].data();c.f&&c.f.fwrapper&&c.f.fwrapper.remove();b.pages[a].remove();delete b.pages[a]}b.pageObjs[a]&&b.pageObjs[a].remove();b.pageWrap[a]&&(b.pageWrap[a].remove(),delete b.pageWrap[a]);delete b.pagePlace[a]},removePage:function(a){var b=
+this.data();b.pageObjs[a]&&(this.turn("stop"),g._removePageFromDOM.call(this,a),delete b.pageObjs[a],g._movePages.call(this,a,-1),b.totalPages-=1,g._makeRange.call(this),b.page>b.totalPages&&this.turn("page",b.totalPages));return this},_movePages:function(a,b){var c,d=this.data(),e="single"==d.display,f=function(a){var c=a+b,f=c%2;d.pageObjs[a]&&(d.pageObjs[c]=d.pageObjs[a].removeClass("page"+a).addClass("page"+c));d.pagePlace[a]&&d.pageWrap[a]&&(d.pagePlace[c]=c,d.pageWrap[c]=d.pageWrap[a].css(K[e?
+0:f]).attr("page",c),d.pages[a]&&(d.pages[c]=d.pages[a].flip("options",{page:c,next:e||f?c+1:c-1,corners:e?"all":f?"forward":"backward"})),b&&(delete d.pages[a],delete d.pagePlace[a],delete d.pageObjs[a],delete d.pageWrap[a],delete d.pageObjs[a]))};if(0<b)for(c=d.totalPages;c>=a;c--)f(c);else for(c=a;c<=d.totalPages;c++)f(c)},display:function(a){var b=this.data(),c=b.display;if(a){if(-1==h.inArray(a,O))throw Error('"'+a+'" is not a value for display');"single"==a?b.pageObjs[0]||(this.turn("stop").css({overflow:"hidden"}),
+b.pageObjs[0]=h("<div />",{"class":"turn-page p-temporal"}).css({width:this.width(),height:this.height()}).appendTo(this)):b.pageObjs[0]&&(this.turn("stop").css({overflow:""}),b.pageObjs[0].remove(),delete b.pageObjs[0]);b.display=a;c&&(a=this.turn("size"),g._movePages.call(this,1,0),this.turn("size",a.width,a.height).turn("update"));return this}return c},animating:function(){return 0<this.data().pageMv.length},disable:function(a){var b,c=this.data(),d=this.turn("view");c.disabled=void 0===a||!0===
+a;for(b in c.pages)p(b,c.pages)&&c.pages[b].flip("disable",a?h.inArray(b,d):!1);return this},size:function(a,b){if(a&&b){var c=this.data(),d="double"==c.display?a/2:a,e;this.css({width:a,height:b});c.pageObjs[0]&&c.pageObjs[0].css({width:d,height:b});for(e in c.pageWrap)p(e,c.pageWrap)&&(c.pageObjs[e].css({width:d,height:b}),c.pageWrap[e].css({width:d,height:b}),c.pages[e]&&c.pages[e].css({width:d,height:b}));this.turn("resize");return this}return{width:this.width(),height:this.height()}},resize:function(){var a,
+b=this.data();b.pages[0]&&(b.pageWrap[0].css({left:-this.width()}),b.pages[0].flip("resize",!0));for(a=1;a<=b.totalPages;a++)b.pages[a]&&b.pages[a].flip("resize",!0)},_removeMv:function(a){var b,c=this.data();for(b=0;b<c.pageMv.length;b++)if(c.pageMv[b]==a)return c.pageMv.splice(b,1),!0;return!1},_addMv:function(a){var b=this.data();g._removeMv.call(this,a);b.pageMv.push(a)},_view:function(a){var b=this.data(),a=a||b.page;return"double"==b.display?a%2?[a-1,a]:[a,a+1]:[a]},view:function(a){var b=this.data(),
+a=g._view.call(this,a);return"double"==b.display?[0<a[0]?a[0]:0,a[1]<=b.totalPages?a[1]:0]:[0<a[0]&&a[0]<=b.totalPages?a[0]:0]},stop:function(){var a,b,c=this.data(),d=c.pageMv;c.pageMv=[];c.tpage&&(c.page=c.tpage,delete c.tpage);for(a in d)p(a,d)&&(b=c.pages[d[a]].data().f.opts,i._moveFoldingPage.call(c.pages[d[a]],null),c.pages[d[a]].flip("hideFoldedPage"),c.pagePlace[b.next]=b.next,b.force&&(b.next=0===b.page%2?b.page-1:b.page+1,delete b.force));this.turn("update");return this},pages:function(a){var b=
+this.data();if(a){if(a<b.totalPages){for(var c=a+1;c<=b.totalPages;c++)this.turn("removePage",c);this.turn("page")>a&&this.turn("page",a)}b.totalPages=a;return this}return b.totalPages},_fitPage:function(a,b){var c=this.data(),d=this.turn("view",a);c.page!=a&&(this.trigger("turning",[a,d]),-1!=h.inArray(1,d)&&this.trigger("first"),-1!=h.inArray(c.totalPages,d)&&this.trigger("last"));c.pageObjs[a]&&(c.tpage=a,this.turn("stop",b),g._removeFromDOM.call(this),g._makeRange.call(this),this.trigger("turned",
+[a,d]))},_turnPage:function(a){var b,c,d=this.data(),e=this.turn("view"),f=this.turn("view",a);d.page!=a&&(this.trigger("turning",[a,f]),-1!=h.inArray(1,f)&&this.trigger("first"),-1!=h.inArray(d.totalPages,f)&&this.trigger("last"));if(d.pageObjs[a]&&(d.tpage=a,this.turn("stop"),g._makeRange.call(this),"single"==d.display?(b=e[0],c=f[0]):e[1]&&a>e[1]?(b=e[1],c=f[0]):e[0]&&a<e[0]&&(b=e[0],c=f[1]),d.pages[b]))a=d.pages[b].data().f.opts,d.tpage=c,a.next!=c&&(a.next=c,d.pagePlace[c]=a.page,a.force=!0),
+"single"==d.display?d.pages[b].flip("turnPage",f[0]>e[0]?"br":"bl"):d.pages[b].flip("turnPage")},page:function(a){var a=parseInt(a,10),b=this.data();return 0<a&&a<=b.totalPages?(!b.done||-1!=h.inArray(a,this.turn("view"))?g._fitPage.call(this,a):g._turnPage.call(this,a),this):b.page},next:function(){var a=this.data();return this.turn("page",g._view.call(this,a.page).pop()+1)},previous:function(){var a=this.data();return this.turn("page",g._view.call(this,a.page).shift()-1)},_addMotionPage:function(){var a=
+h(this).data().f.opts,b=a.turn,c=b.data();a.pageMv=a.page;g._addMv.call(b,a.pageMv);c.pagePlace[a.next]=a.page;b.turn("update")},_start:function(a,b,c){var d=b.turn.data(),e=h.Event("start");a.stopPropagation();b.turn.trigger(e,[b,c]);e.isDefaultPrevented()?a.preventDefault():("single"==d.display&&(c="l"==c.charAt(1),1==b.page&&c||b.page==d.totalPages&&!c?a.preventDefault():c?(b.next=b.next<b.page?b.next:b.page-1,b.force=!0):b.next=b.next>b.page?b.next:b.page+1),g._addMotionPage.call(this))},_end:function(a,
+b){var c=h(this).data().f.opts,d=c.turn,e=d.data();a.stopPropagation();if(b||e.tpage){if(e.tpage==c.next||e.tpage==c.page)delete e.tpage,g._fitPage.call(d,e.tpage||c.next,!0)}else g._removeMv.call(d,c.pageMv),d.turn("update")},_pressed:function(){var a,b=h(this).data().f,c=b.opts.turn.data().pages;for(a in c)a!=b.opts.page&&c[a].flip("disable",!0);return b.time=(new Date).getTime()},_released:function(a,b){var c=h(this),d=c.data().f;a.stopPropagation();if(200>(new Date).getTime()-d.time||0>b.x||b.x>
+h(this).width())a.preventDefault(),d.opts.turn.data().tpage=d.opts.next,d.opts.turn.turn("update"),h(c).flip("turnPage")},_flip:function(){var a=h(this).data().f.opts;a.turn.trigger("turn",[a.next])},calculateZ:function(a){var b,c,d,e,f=this,i=this.data();b=this.turn("view");var h=b[0]||b[1],g={pageZ:{},partZ:{},pageV:{}},j=function(a){a=f.turn("view",a);a[0]&&(g.pageV[a[0]]=!0);a[1]&&(g.pageV[a[1]]=!0)};for(b=0;b<a.length;b++)c=a[b],d=i.pages[c].data().f.opts.next,e=i.pagePlace[c],j(c),j(d),c=i.pagePlace[d]==
+d?d:c,g.pageZ[c]=i.totalPages-Math.abs(h-c),g.partZ[e]=2*i.totalPages+Math.abs(h-c);return g},update:function(){var a,b=this.data();if(b.pageMv.length&&0!==b.pageMv[0]){var c=this.turn("calculateZ",b.pageMv);this.turn("view",b.tpage);for(a in b.pageWrap)p(a,b.pageWrap)&&(b.pageWrap[a].css({display:c.pageV[a]?"":"none","z-index":c.pageZ[a]||0}),b.pages[a]&&(b.pages[a].flip("z",c.partZ[a]||null),c.pageV[a]&&b.pages[a].flip("resize"),b.tpage&&b.pages[a].flip("disable",!0)))}else for(a in b.pageWrap)p(a,
+b.pageWrap)&&(c=g._setPageLoc.call(this,a),b.pages[a]&&b.pages[a].flip("disable",b.disabled||1!=c).flip("z",null))},_setPageLoc:function(a){var b=this.data(),c=this.turn("view");if(a==c[0]||a==c[1])return b.pageWrap[a].css({"z-index":b.totalPages,display:""}),1;if("single"==b.display&&a==c[0]+1||"double"==b.display&&a==c[0]-2||a==c[1]+2)return b.pageWrap[a].css({"z-index":b.totalPages-1,display:""}),2;b.pageWrap[a].css({"z-index":0,display:"none"});return 0}},i={init:function(a){a.gradients&&(a.frontGradient=
+!0,a.backGradient=!0);this.data({f:{}});this.flip("options",a);i._addPageWrapper.call(this);return this},setData:function(a){var b=this.data();b.f=h.extend(b.f,a);return this},options:function(a){var b=this.data().f;return a?(i.setData.call(this,{opts:h.extend({},b.opts||Q,a)}),this):b.opts},z:function(a){var b=this.data().f;b.opts["z-index"]=a;b.fwrapper.css({"z-index":a||parseInt(b.parent.css("z-index"),10)||0});return this},_cAllowed:function(){return J[this.data().f.opts.corners]||this.data().f.opts.corners},
+_cornerActivated:function(a){if(void 0===a.originalEvent)return!1;var a=q?a.originalEvent.touches:[a],b=this.data().f,c=b.parent.offset(),d=this.width(),e=this.height(),a={x:Math.max(0,a[0].pageX-c.left),y:Math.max(0,a[0].pageY-c.top)},b=b.opts.cornerSize,c=i._cAllowed.call(this);if(0>=a.x||0>=a.y||a.x>=d||a.y>=e)return!1;if(a.y<b)a.corner="t";else if(a.y>=e-b)a.corner="b";else return!1;if(a.x<=b)a.corner+="l";else if(a.x>=d-b)a.corner+="r";else return!1;return-1==h.inArray(a.corner,c)?!1:a},_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(2*this.width(),0),tr:j(-this.width(),0),bl:j(2*this.width(),this.height()),br:j(-this.width(),this.height())}[a]},_foldingPage:function(){var a=this.data().f.opts;if(a.folding)return a.folding;if(a.turn){var b=a.turn.data();return"single"==b.display?b.pageObjs[a.next]?b.pageObjs[0]:null:b.pageObjs[a.next]}},_backGradient:function(){var a=this.data().f,b=a.opts.turn;
+if((b=a.opts.backGradient&&(!b||"single"==b.data().display||2!=a.opts.page&&a.opts.page!=b.data().totalPages-1))&&!a.bshadow)a.bshadow=h("<div/>",l(0,0,1)).css({position:"",width:this.width(),height:this.height()}).appendTo(a.parent);return b},resize:function(a){var b=this.data().f,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.opts.frontGradient&&b.ashadow.css({width:d,height:c}),i._backGradient.call(this)&&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.opts.turn&&b.fparent.css({top:-b.opts.turn.offset().top,left:-b.opts.turn.offset().left}));this.flip("z",b.opts["z-index"])},_addPageWrapper:function(){var a=this.data().f,b=this.parent();if(!a.wrapper){this.css("left");this.css("top");var c=this.width(),d=this.height();
+Math.round(Math.sqrt(Math.pow(c,2)+Math.pow(d,2)));a.parent=b;a.fparent=a.opts.turn?a.opts.turn.data().fparent:h("#turn-fwrappers");a.fparent||(c=h("<div/>",{css:{"pointer-events":"none"}}).hide(),c.data().flips=0,a.opts.turn?(c.css(l(-a.opts.turn.offset().top,-a.opts.turn.offset().left,"auto","visible").css).appendTo(a.opts.turn),a.opts.turn.data().fparent=c):c.css(l(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("<div/>",l(0,0,this.css("z-index"))).appendTo(b).prepend(this);a.fwrapper=h("<div/>",l(b.offset().top,b.offset().left)).hide().appendTo(a.fparent);a.fpage=h("<div/>",{css:{cursor:"default"}}).appendTo(h("<div/>",l(0,0,0,"visible")).appendTo(a.fwrapper));a.opts.frontGradient&&(a.ashadow=h("<div/>",l(0,0,1)).appendTo(a.fpage));i.setData.call(this,a);i.resize.call(this,!0)}},_fold:function(a){var b=this,c=0,d=0,e,f,h,g,v,H,n=j(0,0),p=j(0,0),k=j(0,0),r=this.width(),
+u=this.height(),l=i._foldingPage.call(this);Math.tan(d);var o=this.data().f,w=o.opts.acceleration,y=o.wrapper.height(),q=i._c.call(this,a.corner),D="t"==a.corner.substr(0,1),A="l"==a.corner.substr(1,1),F=function(){var m=j(q.x?q.x-a.x:a.x,q.y?q.y-a.y:a.y),B=Math.atan2(m.y,m.x),z;d=E-B;c=180*(d/G);z=j(A?r-m.x/2:a.x+m.x/2,m.y/2);var l=d-Math.atan2(z.y,z.x),l=Math.max(0,Math.sin(l)*Math.sqrt(Math.pow(z.x,2)+Math.pow(z.y,2)));k=j(l*Math.sin(d),l*Math.cos(d));if(d>E&&(k.x+=Math.abs(k.y*Math.tan(B)),k.y=
+0,Math.round(k.x*Math.tan(G-d))<u))return a.y=Math.sqrt(Math.pow(u,2)+2*z.x*m.x),D&&(a.y=u-a.y),F();if(d>E&&(m=G-d,B=y-u/Math.sin(m),n=j(Math.round(B*Math.cos(m)),Math.round(B*Math.sin(m))),A&&(n.x=-n.x),D))n.y=-n.y;e=Math.round(k.y/Math.tan(d)+k.x);m=r-e;B=m*Math.cos(2*d);z=m*Math.sin(2*d);p=j(Math.round(A?m-B:e+B),Math.round(D?z:u-z));v=m*Math.sin(d);m=i._c2.call(b,a.corner);m=Math.sqrt(Math.pow(m.x-a.x,2)+Math.pow(m.y-a.y,2));H=m<r?m/r:1;if(o.opts.frontGradient&&(g=100<v?(v-100)/v:0,f=j(100*(v*
+Math.sin(E-d)/u),100*(v*Math.cos(E-d)/r)),D&&(f.y=100-f.y),A))f.x=100-f.x;if(i._backGradient.call(b)&&(h=j(100*(v*Math.sin(d)/r),100*(v*Math.cos(d)/u)),A||(h.x=100-h.x),!D))h.y=100-h.y;k.x=Math.round(k.x);k.y=Math.round(k.y);return!0},x=function(a,c,e,k){var l=["0","auto"],v=(r-y)*e[0]/100,q=(u-y)*e[1]/100,c={left:l[c[0]],top:l[c[1]],right:l[c[2]],bottom:l[c[3]]},l=90!=k&&-90!=k?A?-1:1:0,e=e[0]+"% "+e[1]+"%";b.css(c).transform(t(k)+s(a.x+l,a.y,w),e);o.fpage.parent().css(c);o.wrapper.transform(s(-a.x+
+v-l,-a.y+q,w)+t(-k),e);o.fwrapper.transform(s(-a.x+n.x+v,-a.y+n.y+q,w)+t(-k),e);o.fpage.parent().transform(t(k)+s(a.x+p.x-n.x,a.y+p.y-n.y,w),e);o.opts.frontGradient&&M(o.ashadow,j(A?100:0,D?100:0),j(f.x,f.y),[[g,"rgba(0,0,0,0)"],[0.8*(1-g)+g,"rgba(0,0,0,"+0.2*H+")"],[1,"rgba(255,255,255,"+0.2*H+")"]],3,d);i._backGradient.call(b)&&M(o.bshadow,j(A?0:100,D?0:100),j(h.x,h.y),[[0.8,"rgba(0,0,0,0)"],[1,"rgba(0,0,0,"+0.3*H+")"],[1,"rgba(0,0,0,0)"]],3)};switch(a.corner){case "tl":a.x=Math.max(a.x,1);F();
+x(k,[1,0,0,1],[100,0],c);o.fpage.transform(s(-u,-r,w)+t(90-2*c),"100% 100%");l.transform(t(90)+s(0,-u,w),"0% 0%");break;case "tr":a.x=Math.min(a.x,r-1);F();x(j(-k.x,k.y),[0,0,0,1],[0,0],-c);o.fpage.transform(s(0,-r,w)+t(-90+2*c),"0% 100%");l.transform(t(270)+s(-r,0,w),"0% 0%");break;case "bl":a.x=Math.max(a.x,1);F();x(j(k.x,-k.y),[1,1,0,0],[100,100],-c);o.fpage.transform(s(-u,0,w)+t(-90+2*c),"100% 0%");l.transform(t(270)+s(-r,0,w),"0% 0%");break;case "br":a.x=Math.min(a.x,r-1),F(),x(j(-k.x,-k.y),
+[0,1,1,0],[0,100],c),o.fpage.transform(t(90-2*c),"0% 0%"),l.transform(t(90)+s(0,-u,w),"0% 0%")}o.point=a},_moveFoldingPage:function(a){var b=this.data().f,c=i._foldingPage.call(this);if(c)if(a){if(!b.fpage.children()[b.ashadow?"1":"0"])i.setData.call(this,{backParent:c.parent()}),b.fpage.prepend(c)}else b.backParent&&b.backParent.prepend(c)},_showFoldedPage:function(a,b){var c=i._foldingPage.call(this),d=this.data(),e=d.f;if(!e.point||e.point.corner!=a.corner){var f=h.Event("start");this.trigger(f,
+[e.opts,a.corner]);if(f.isDefaultPrevented())return!1}if(c){if(b){var g=this,c=e.point&&e.point.corner==a.corner?e.point:i._c.call(this,a.corner,1);this.animatef({from:[c.x,c.y],to:[a.x,a.y],duration:500,frame:function(b){a.x=Math.round(b[0]);a.y=Math.round(b[1]);i._fold.call(g,a)}})}else i._fold.call(this,a),d.effect&&!d.effect.turning&&this.animatef(!1);e.fwrapper.is(":visible")||(e.fparent.show().data().flips++,i._moveFoldingPage.call(this,!0),e.fwrapper.show(),e.bshadow&&e.bshadow.show());return!0}return!1},
+hide:function(){var a=this.data().f,b=i._foldingPage.call(this);0===--a.fparent.data().flips&&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.bshadow&&a.bshadow.hide();b.transform("","0% 0%");return this},hideFoldedPage:function(a){var b=this.data().f;if(b.point){var c=this,d=b.point,e=function(){b.point=null;c.flip("hide");c.trigger("end",[!1])};if(a){var f=i._c.call(this,d.corner),a="t"==d.corner.substr(0,
+1)?Math.min(0,d.y-f.y)/2:Math.max(0,d.y-f.y)/2,h=j(d.x,d.y+a),g=j(f.x,f.y-a);this.animatef({from:0,to:1,frame:function(a){a=L(d,h,g,f,a);d.x=a.x;d.y=a.y;i._fold.call(c,d)},complete:e,duration:800,hiding:!0})}else this.animatef(!1),e()}},turnPage:function(a){var b=this,c=this.data().f,a={corner:c.corner?c.corner.corner:a||i._cAllowed.call(this)[0]},d=c.point||i._c.call(this,a.corner,c.opts.turn?c.opts.turn.data().opts.elevation:0),e=i._c2.call(this,a.corner);this.trigger("flip").animatef({from:0,to:1,
+frame:function(c){c=L(d,d,e,e,c);a.x=c.x;a.y=c.y;i._showFoldedPage.call(b,a)},complete:function(){b.trigger("end",[!0])},duration:c.opts.duration,turning:!0});c.corner=null},moving:function(){return"effect"in this.data()},isTurning:function(){return this.flip("moving")&&this.data().effect.turning},_eventStart:function(a){var b=this.data().f;if(!b.disabled&&!this.flip("isTurning")){b.corner=i._cornerActivated.call(this,a);if(b.corner&&i._foldingPage.call(this,b.corner))return i._moveFoldingPage.call(this,
+!0),this.trigger("pressed",[b.point]),!1;b.corner=null}},_eventMove:function(a){var b=this.data().f;if(!b.disabled)if(a=q?a.originalEvent.touches:[a],b.corner){var c=b.parent.offset();b.corner.x=a[0].pageX-c.left;b.corner.y=a[0].pageY-c.top;i._showFoldedPage.call(this,b.corner)}else!this.data().effect&&this.is(":visible")&&((a=i._cornerActivated.call(this,a[0]))?(b=i._c.call(this,a.corner,b.opts.cornerSize/2),a.x=b.x,a.y=b.y,i._showFoldedPage.call(this,a,!0)):i.hideFoldedPage.call(this,!0))},_eventEnd:function(){var a=
+this.data().f;if(!a.disabled&&a.point){var b=h.Event("released");this.trigger(b,[a.point]);b.isDefaultPrevented()||i.hideFoldedPage.call(this,!0)}a.corner=null},disable:function(a){i.setData.call(this,{disabled:a});return this}},N=function(a,b,c){if(!c[0]||"object"==typeof c[0])return b.init.apply(a,c);if(b[c[0]]&&"_"!=c[0].toString().substr(0,1))return b[c[0]].apply(a,Array.prototype.slice.call(c,1));throw c[0]+" is an invalid value";};h.extend(h.fn,{flip:function(a,b){return N(this,i,arguments)},
+turn:function(a){return N(this,g,arguments)},transform:function(a,b){var c={};b&&(c[y+"transform-origin"]=b);c[y+"transform"]=a;return this.css(c)},animatef:function(a){var b=this.data();b.effect&&clearInterval(b.effect.handle);if(a){a.to.length||(a.to=[a.to]);a.from.length||(a.from=[a.from]);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,g=function(){var c,g=[];i=Math.min(a.duration,i+h);for(c=0;c<e;c++)g.push(a.easing(1,
+i,a.from[c],d[c],a.duration));a.frame(e==1?g[0]:g);if(i==a.duration){clearInterval(b.effect.handle);delete b.effect;f.data(b);a.complete&&a.complete()}};for(c=0;c<e;c++)d.push(a.to[c]-a.from[c]);b.effect=a;b.effect.handle=setInterval(g,h);this.data(b);g()}else delete b.effect}});h.isTouch=q})(jQuery);
diff --git a/vue.config.js b/vue.config.js
index 910e297..3b90d1b 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,15 @@
 const { defineConfig } = require('@vue/cli-service')
+const webpack = require('webpack');
+
 module.exports = defineConfig({
-  transpileDependencies: true
-})
+  transpileDependencies: true,
+  lintOnSave : false,
+  configureWebpack: {
+    plugins: [
+      new webpack.ProvidePlugin({
+        $: "jquery",
+        jQuery: "jquery"
+      })
+    ]
+  }
+})
\ No newline at end of file