....................................../////.===Shadow-Here===./////................................................ > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < > < ------------------------------------------------------------------------------------------------------------------- /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// RIFF¤ WEBPVP8 ˜ ðÑ *ôô>‘HŸK¥¤"§£±¨àð enü¹%½_F‘åè¿2ºQú³íªú`N¿­3ÿƒügµJžaÿ¯ÿ°~¼ÎùnúîÞÖô•òíôÁÉß®Sm¥Ü/ ‡ó˜f£Ùà<˜„xëJ¢Ù€SO3x<ªÔ©4¿+ç¶A`q@Ì“Úñè™ÍÿJÌ´ª-˜ÆtÊÛL]Ïq*‘Ý”ì#ŸÌÏãY]@ê`¿ /ªfkØB4·®£ó z—Üw¥Pxù–ÞLШKÇN¾AkÙTf½è'‰g gÆv›Øuh~ a˜Z— ïj*á¥t d£“uÒ ¨`K˜¹ßþ]b>˜]_ÏÔ6W—è2r4x•íÖ…"ƒÖNîä!¦å Ú}ýxGøÌ —@ ;ÆÚŠ=ɾ1ý8lªË¥ô ^yf®Œ¢u&2©nÙÇ›ñÂñŒ³ aPo['½»øFùà­+4ê“$!lövlüÞ=;N®3ð‚õ›DÉKòÞ>ÄÍ ¥ˆuߤ#ˆ$6ù™¥îŠ‡y’ÍB¼ çxÛ;X"WL£R÷͝*ó-¶Zu}º.s¸sšXqù–DþÿvªhüïwyŸ ¯é³lÀ:KCûÄ£Ëá\…­ ~—ýóî ¼ûûÜTÓüÇy…ŽÆvc»¾×U ñ¸žþоP÷¦ó:Ò¨¨5;Ð#&#ÖúñläÿÁœ GxÉ­/ñ‡áQðìYÉtÒwŽ¼GÔ´zàÒò ð*ëzƒ•4~H]Ø‹f ñÓÈñ`NåWçs'ÆÏW^ø¹!XžµmQ5ÃËoLœÎ: ÞËÍ¥J ù…î èo£ßPÎñ¶ž8.Œ]ʵ~5›ÙË-ù*8ÙÖß±~ ©¹rÓê‚j¶d¸{^Q'˜±Crß ÚH—#¥¥QlÀ×ëã‡DÜ«èî þ&Çæžî;ŽÏºò6ÒLÃXy&ZŒ'j‚¢Ù€IßÚù+–MGi‰*jE€‘JcÜ ÓÌ EÏÚj]o˜ Þr <¾U ûŪæÍ/šÝH¥˜b”¼ ÁñßX GP›ï2›4WŠÏà×£…íÓk†¦H·ÅíMh–*nó÷à]ÁjCº€b7<ب‹¨5車bp2:Á[UªM„QŒçiNMa#<5›áËó¸HýÊ"…×Éw¹¦ì2º–x<›»a±¸3Weü®FÝ⑱ö–î–³|LPÈ~çð~Çå‡|º kD¢µÏàÆAI %1À% ¹Ò – ”ϝS¦‰4&¶£°à Öý”û_Ò Áw°A«Å€?mÇÛgHÉ/8)á¾ÛìáöŽP í¨PŸNÙµº¦‡§Ùš"ÿ«>+ªÕ`Ê÷‡‚ß Õû˜þãÇ-PÍ.¾XV‘€ dÜ"þ4¹ ±Oú‘©t¥¦FªÄÃÄ•b‚znýu½—#cDs˜ÃiÑOˆñ×QO=*IAÊ,¶ŽZƒ;‡wøXè%EÐk:F±Ú” .Ѽ+Áu&Ç`."pÈÉw o&¿dE6‘’EqTuK@Ì¥ã™À(Êk(h‰,H}RÀIXÛš3µ1©_OqÚÒJAñ$ÊÙÜ;D3çŒ[þùœh¬Ã³™ö6ç†NY".Ú‰ï[ªŸŒ '²Ð öø_¨ÂÉ9u鶳ÒŠõTàîMØ#û¯gN‡bÙ놚X„ö …ÉeüÌ^J ‹€.œ$Æ)βÄeæW#óüßĺŸ€ ÀzwV 9oä»f4V*uB «Ë†¹ì¯žR霓æHXa=&“I4K;¯ç‹h×·"UŠ~<•â•ªVêª&ÍSÃÆÅ?ÔqÎ*mTM ˜›µwêd#[C¡©§‘D<©àb†–ÁœøvH/,í:¯( ²£|4-„Æövv„Yͼ™^Á$ˆ„¢Û[6yB.åH*V¨æ?$=˜Ñ€•î¦ñ·­(VlŸ‘ nÀt8W÷´Bûba?q9ú¶Xƒl«ÿ\ù¶’þòUÐj/õ¢Ìµ³g$ƒÎR!¸»|Oߍë’BhîÚÑ¢ñåŒJ„®„£2Ð3•ô02Nt…!£Í]Ïc½Qÿ?ˆ<&ÃA¾Ú,JˆijÌ#5yz„‰Î|ÊŽ5QÏ:‹ÐaóVÔxW—CpeÏzÐïíçôÿÅ_[hãsÐ_/ŽTÝ?BîˆííV$<¿i>²F¬_Eß¿ †bÊŒº­ÿ®Z H“C}”¬,Mp ý/Bá£w>˜YV°aƒúh+cŠ- r/[%|üUMHäQ°X»|û/@|°¥Ð !BÔ Ç¢Ä©š+Õì D«7ìN¶ŽðÔ " ƶ’ÖçtA‰Û×}{tþz­¾GÍ›k¹OEJR$ Â׃ «ëÁ"oÉôž$oUK(Ä)Ãz³Ê-‹êN[Ò3Œñbï8P 4ƒ×q¢bo|?<ÛX¬òÄÍ°L–±›(™ûG?ýË©ÚÄ–ÂDØÐ_Ç¡ô ¾–ÄÏø ×e8Ë©$ÄF¹Å‹ì[©óìl:F¾f´‹‹Xì²ï®\¬ôùƒ ÿat¥óèÒùHß0äe‚;ü×h:ÆWðHž=Ã8骣"kœ'Y?³}Tûè€>?0l›e1Lòñ„aæKÆw…hÖŠùW…ÈÆÄ0ši·›[pcwËþñiêíY/~-Á5˜!¿†A›™Mÿþ(±“t@â“ö2­´TG5yé]çå僳 .·ÍïçÝ7UÚ±Ð/Nè»,_Ï ùdj7\ï Wì4›„»c¸àešg#ÒÊ⥭áØo5‘?ÌdÝô¯ ¹kzsƒ=´#ëÉK›Ø´±-¥eW?‡çßtòTã…$Ý+qÿ±ƒ÷_3Ô¥í÷:æ–ž<·Ö‡‰Å¢ š‡%Ô—utÌÈìðžgÖÀz²À—ï÷Óîäõ{K'´È÷³yaÏÁjƒô}ž§®æÊydÕÈë5¯èˆõvÕ©ã*çD„ “z„Ó‡^^xÂ3M§A´JG‚öï 3W'ˆ.OvXè¡ÊÕª?5º7†˜(˜Ç¶#çê’¶!ÌdZK§æ 0fãaN]òY³RV ™î$®K2R¨`W!1Ôó\;Ý ýB%qæK•&ÓÈe9È0êI±žeŸß -ú@žQr¦ ö4»M¼Áè¹µmw 9 EÆE_°2ó„ŸXKWÁ×Hóì^´²GѝF©óäR†¦‰ç"V»eØ<3ùd3ÿÚ¤Žú“Gi" —‘_ÙËÎ~Üö¯¥½Î»üŸEÚŽåmÞþí ;ÞólËΦMzA"Âf(´òá;Éï(/7½ûñÌ­cïÕçлþÝz¾-ÍvÑ“pH­–ðÓj$¸Äû¤‚‘ãUBË-n“2åPkS5&‹Â|+g^œ®Ì͆d!OïäîU«c;{Û!ÅŽ«ëZ9Ókóˆ]¯ƒ›né `ÇÒ+tÆš (ØKá¾—=3œ®•vuMñg²\ï Ec€ 05±d™‡×iÇ×›UúvÌ¢£Èþ¡ÕØô¶ßÎA"ß±#Ö²ˆÊŸ¦*Ä~ij|àø.-¼'»Ú¥£h ofº¦‡VsR=N½„Î v˜Z*SÌ{=jÑB‹tê…;’HžH¯8–îDù8ñ¢|Q•bÛçš–‹m³“ê¨ åÏ^m¬Žãþ©ïêO‡½6] µÆ„Ooòü ²x}N¦Ë3ïé¿»€›HA˜m%çÞ/¿í7Fø“‹léUk)É°Œµ8Q8›:ÀŠeT*šõ~ôڝG6 ¢}`ùH­–”¡k ‰P1>š†®9z11!X wKfmÁ¦xÑ,N1Q”–æB¶M…ÒÃv6SMˆhU¬ÊPŽï‘öj=·CŒ¯u¹ƒVIЃsx4’ömÛýc塶7ßŠß 57^\wÒÐÆ k§h,Œý î«q^R½3]J¸ÇðN ‚çU¬ôº^Áì} ³f©Õœ§ˆã:FÄÈ‚é(€™?àýÓüè1Gô£¼éj‚OÅñ  #>×—ßtà 0G¥Åa뀐kßhc™À_ÉñÞ#±)GD" YîäË-ÿÙ̪ ¹™a¯´¢E\ÝÒö‚;™„ë]_ p8‰o¡ñ+^÷ 3‘'dT4œŽ ðVë½° :¬víÑ«£tßÚS-3¶“þ2 †üüʨòrš¹M{É_¤`Û¨0ìjœøJ‡:÷ÃáZ˜†@GP&œÑDGÏs¡þ¦þDGú‘1Yá9Ôþ¼ ûø…§÷8&–ÜÑnÄ_m®^üÆ`;ÉVÁJ£?â€-ßê}suÍ2sõA NÌúA磸‘îÿÚ»ƒìö·á¿±tÑÐ"Tÿü˜[@/äj¬€uüªìù¥Ý˜á8Ý´sõj 8@rˆð äþZÇD®ÿUÏ2ùôõrBzÆÏÞž>Ì™xœ“ wiÎ×7_… ¸ \#€MɁV¶¥üÕÿPÔ9Z‡ø§É8#H:ƒ5ÀÝå9ÍIŒ5åKÙŠ÷qÄ>1AÈøžj"µÂд/ªnÀ qªã}"iŸBå˜ÓÛŽ¦…&ݧ;G@—³b¯“•"´4í¨ôM¨åñC‹ïùÉó¯ÓsSH2Ý@ßáM‡ˆKÀªÛUeø/4\gnm¥‹ŸŒ qÄ b9ÞwÒNÏ_4Ég³ú=܆‚´ •â¥õeíþkjz>éÚyU«Íӝ݃6"8/ø{=Ô¢»G¥ äUw°W«,ô—¿ãㆅү¢³xŠUû™yŒ (øSópÐ 9\åTâ»—*oG$/×ÍT†Y¿1¤Þ¢_‡ ¼ „±ÍçèSaÓ 3ÛMÁBkxs‰’R/¡¤ˆÙçª(*õ„üXÌ´ƒ E§´¬EF"Ù”R/ÐNyÆÂ^°?™6¡œïJ·±$§?º>ÖüœcNÌù¯G ‹ñ2ŠBB„^·úìaz¨k:#¨Æ¨8LÎõލ£^§S&cŒÐU€ü(‡F±Š¼&P>8ÙÁ ‰ p5?0ÊƃZl¸aô š¼¡}gÿ¶zÆC²¹¬ÎÖG*HB¡O<º2#ñŒAƒ–¡B˜´É$¥›É:FÀÔx¾u?XÜÏÓvN©RS{2ʈãk9rmP¼Qq̳ è¼ÐFׄ^¡Öì fE“F4A…!ì/…¦Lƒ… … $%´¾yã@CI¬ á—3PþBÏNÿ<ý°4Ü ËÃ#ØÍ~âW«rEñw‹eùMMHß²`¬Öó½íf³:‹k˜¯÷}Z!ã¿<¥,\#öµÀ¯aÒNÆIé,Ћ–lŽ#Àæ9ÀÒS·I’½-Ïp Äz¤Š Â* ­íÄ9­< h>׍3ZkËU¹§˜ŒŠ±f­’¤º³Q ÏB?‹#µíÃ¥®@(Gs«†vI¥Mµ‹Á©e~2ú³ÁP4ìÕi‚²Ê^ö@-DþÓàlÜOÍ]n"µã:žpsŽ¢:! Aõ.ç~ÓBûH÷JCÌ]õVƒd «ú´QÙEA–¯¯Œ!.ˆˆëQ±ù œ·Ì!Õâ )ùL„ÅÀlÚè5@B…o´Æ¸XÓ&Û…O«˜”_#‡ƒ„ûÈt!¤ÁÏ›ÎÝŠ?c9 â\>lÓÁVÄÑ™£eØY]:fÝ–—ù+p{™ðè û³”g±OƒÚSù£áÁÊ„ä,ï7š²G ÕÌBk)~ÑiCµ|h#u¤¶îK¨² #²vݯGãeÖ϶ú…¾múÀ¶þÔñ‚Š9'^($¤§ò “š½{éúp÷J›ušS¹áªCÂubÃH9™D™/ZöØÁ‡¦ÝÙŸ·kð*_”.C‹{áXó€‡c¡c€§/šò/&éš÷,àéJþ‰X›fµ“C¨œ®r¬"kL‰Â_q…Z–.ÉL~O µ›zn‚¹À¦Öª7\àHµšÖ %»ÇníV[¥*Õ;ƒ#½¾HK-ÖIÊdÏEÚ#=o÷Óò³´Š: Ç?{¾+9›–‘OEáU·S€˜j"ÄaÜ ŒÛWt› á–c#a»pÔZÞdŽtWê=9éöÊ¢µ~ ë ;Öe‡Œ®:bî3±ýê¢wà¼îpêñ¹¾4 zc¾ðÖÿzdêŒÑÒŝÀ‰s6¤í³ÎÙB¿OZ”+F¤á‡3@Ñëäg©·Ž ˆèª<ù@É{&S„œÕúÀA)‰h:YÀ5^ÂÓŒ°õäU\ ùËÍû#²?Xe¬tu‰^zÒÔãë¼ÛWtEtû …‚g¶Úüâî*moGè¨7%u!]PhÏd™Ý%Îx: VÒ¦ôÊD3ÀŽKÛËãvÆî…N¯ä>Eró–ð`5 Œ%u5XkñÌ*NU%¶áœÊ:Qÿú»“úzyÏ6å-၇¾ ´ ÒÊ]y žO‘w2Äøæ…H’²f±ÎÇ.ª|¥'gîV•Ü .̘¯€šòü¤U~Ù†*¢!?ò wý,}´°ÔÞnïoKq5µb!áÓ3"vAßH¡³¡·G(ÐÎ0Îò¼MG!/ài®@—¬04*`…«é8ªøøló“ˆÊ”èù¤…ßÊoÿé'ËuÌÖ5×È¡§ˆˆfŽë9}hìâ_!!¯  B&Ëö¶‰ÀAÙNVŸ Wh›¸®XÑJì¨ú“¿÷3uj²˜¨ÍÎìë±aúŠÝå¯ð*Ó¨ôJ“yºØ)m°WýOè68†ŸÏ2—‰Ïüꪫٚ¥‹l1 ø ÏÄFjêµvÌbü¦èÝx:X±¢H=MÐß—,ˆÉÇ´(9ú¾^ÅÚ4¿m‡$âX‘å%(AlZo@½¨UOÌÕ”1ø¸jÎÀÃÃ_ µ‘Ü.œº¦Ut: Æï’!=¯uwû#,“pþÇúŒø(é@?³ü¥‘Mo §—s@Œ#)§ŒùkL}NOÆêA›¸~r½¼ÙA—HJ«eˆÖ´*¡ÓpÌŸö.m<-"³ûÈ$¬_6­åf£ïÚâj1y§ÕJ½@dÞÁr&Í\Z%D£Íñ·AZ Û³øüd/ªAi†/Й~  ‡âĮҮÏh§°b—›Û«mJžòG'[ÈYýŒ¦9psl ýÁ ®±f¦x,‰½tN ‚Xª9 ÙÖH.«Lo0×?͹m¡å†Ѽ+›2ƒF ±Ê8 7Hցϓ²Æ–m9…òŸï]Â1äN†VLâCˆU .ÿ‰Ts +ÅÎx(%¦u]6AF Š ØF鈄‘ |¢¶c±soŒ/t[a¾–û:s·`i햍ê›ËchÈ…8ßÀUÜewŒðNOƒõD%q#éû\9¤x¹&UE×G¥ Í—™$ð E6-‡¼!ýpãÔM˜ Âsìe¯ñµK¢Ç¡ùôléœ4Ö£”À Š®Ðc ^¨À}ÙËŸ§›ºê{ÊuÉC ×Sr€¤’fÉ*j!úÓ’Gsùìoîßîn%ò· àc Wp÷$¨˜)û»H ×8ŽÒ€Zj¤3ÀÙºY'Ql¦py{-6íÔCeiØp‘‡XÊîÆUߢ܂ž£Xé¼Y8þ©ëgñß}é.ÎógÒ„ÃØËø¯»™§Xýy M%@NŠ À(~áÐvu7&•,Ù˜ó€uP‡^^®=_E„jt’ 403WebShell
403Webshell
Server IP : 185.95.0.122  /  Your IP : 216.73.216.151
Web Server : Microsoft-IIS/10.0
System : Windows NT CALION 10.0 build 14393 (Windows Server 2016) AMD64
User : IWPD_83(serin.com.t) ( 0)
PHP Version : 7.4.33
Disable Function : NONE
MySQL : OFF  |  cURL : ON  |  WGET : OFF  |  Perl : OFF  |  Python : OFF  |  Sudo : OFF  |  Pkexec : OFF
Directory :  C:/Inetpub/vhosts/serin.com.tr/httpdocs/Ebook/assets/js/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Command :

[ Back ]     

Current File : C:/Inetpub/vhosts/serin.com.tr/httpdocs/Ebook/assets/js/dflip.js
/**
 * @preserve dFlip 1.1.4 | Created by Deepak | Deip Group
 */
'use strict';

//TODO: A 3d Book cover

/**
 * dFlip for FlipBook, TriFold(beta)
 */
var DFLIP = DFLIP || {};

// old fallback
// use DFLIP instead
var PRESENTATION = DFLIP;

(function dFlip(DFLIP, $) {

	//DFLIP used for debug to expose the object outside
	//DFLIP = DFLIP || {};

	DFLIP.PAGE_MODE = {SINGLE: 1, DOUBLE: 2, AUTO: void 0};
	DFLIP.DIRECTION = {LTR: 1, RTL: 2};

	DFLIP.CORNERS = {TL: "tl", TR: "tr", BL: "bl", BR: "br", L: "l", R: "r", NONE: void 0};

	DFLIP.SOURCE_TYPE = {IMAGE: "image", PDF: "pdf", HTML: "html"};
	DFLIP.DISPLAY_TYPE = {WEBGL: "3D", HTML: "2D"};

	//defaults settings
	var defaults = DFLIP.defaults = {

		//sets if to use 3d or not - recommended is
		// true		(auto)
		// false 	to completely turn off 3d
		webgl: true,

		/*dependency URLS*/
		//source link for PDF.JS file
		pdfjsSrc: "libs/pdf.js",
		//source link for PDF.WORKER.JS file
		pdfjsWorkerSrc: "libs/pdf.worker.js",

		//source link for THREE.JS file
		threejsSrc: "libs/three.js",
		//source link for MOCKUP.JS file
		mockupjsSrc: "libs/mockup.js",

		/*DOM parameters*/
		//height of the container
		// value		eg: 320
		// percentage	eg: '50%'
		height: 320,

		//set to true if needed
		autoEnableOutline: false,

		//set to true if PDF inbuilt outline is to be removed
		overwritePDFOutline: false,

		//enableDownload of PDF files
		enableDownload: false,

		//if texture fallback override is required
		//note: if set to anything other than "blank" the first page is changed
		//recommended : "blank"
		textureLoadFallback: "blank",//"images/textures/white.jpg",
		//controls the flexibility of the paper more value for more flexiblilty
		stiffness: 2.5,
		//duration of page turn
		duration: 800,

		//direction of flipbook
		//DFLIP.DIRECTION.LTR 	for left to right(default),
		//DFLIP.DIRECTION.RTL 	for right to left,
		direction: DFLIP.DIRECTION.LTR,

		//set as
		//DFLIP.PAGE_MODE.AUTO	 	for auto-detect(default),
		//DFLIP.PAGE_MODE.SINGLE 	for singleview,
		//DFLIP.PAGE_MODE.DOUBLE 	for doubleview,
		pageMode: DFLIP.PAGE_MODE.AUTO,

		//color value in hexadecimal
		backgroundColor: "#777",

		backgroundRepeat: 800,
		// link to the images file that you want as background.
		// supported files are jpgs,png. smaller files are preffered for performance
		backgroundImage: "blank",//"images/textures/el.jpg",
		// or any number like 5, 500. recommended: "auto"
		backgroundImageRepeat: "auto",

		// texture settings
		maxTextureSize: 1600,	//max page size to be rendered. for pdf files only
		minTextureSize: 512,	//min page size to be rendered. for pdf files only
		pageRatio: void 0, //equals to width/height

		defaultPageRatio: 210 / 297, //test variable

		// developer parameters
		enableDebugLog: false,
		canvasToBlob: true,

		// icons for the buttons
		icons: {
			'altnext': 'ti-angle-right',
			'altprev': 'ti-angle-left',
			'next': 'ti-angle-right',
			'prev': 'ti-angle-left',
			'end': 'ti-angle-double-right',
			'start': 'ti-angle-double-left',
			'share': 'ti-sharethis',
			'help': 'ti-help-alt',
			'more': 'ti-more-alt',
			'download': 'ti-download',
			'zoomin': 'ti-zoom-in',
			'zoomout': 'ti-zoom-out',
			'fullscreen': 'ti-fullscreen',
			'fitscreen': 'ti-arrows-corner',
			'thumbnail': 'ti-layout-grid2',
			'outline': 'ti-menu-alt',
			'close': 'ti-close',
			'doublepage': 'ti-book',
			'singlepage': 'ti-file',
			'sound': 'ti-volume'
		},

		// text to be displayed
		text: {
			// normal buttons
			toggleSound: "Turn on/off Sound",
			toggleThumbnails: "Toggle Thumbnails",
			toggleOutline: "Toggle Outline/Bookmark",
			previousPage: "Previous Page",
			nextPage: "Next Page",
			toggleFullscreen: "Toggle Fullscreen",
			zoomIn: "Zoom In",
			zoomOut: "Zoom Out",
			toggleHelp: "Toggle Help",

			//more buttons sections
			singlePageMode: "Single Page Mode",
			doublePageMode: "Double Page Mode",
			downloadPDFFile: "Download PDF File",
			gotoFirstPage: "Goto First Page",
			gotoLastPage: "Goto Last Page"
		},

		// File path to the trun sound
		soundFile: "sound/turn2.mp3",
		// if enable sound at start
		soundEnable: true,

		// callbacks
		onCreate: function () {
			// after flip book is created is fired
		},
		onCreateUI: function () {
			// after ui created event is fired
		},
		onFlip: function () {
			// after flip event is fired
		},
		beforeFlip: function () {
			// before flip event is fired
		},
		onReady: function () {
			// after flip book is completely loaded
		}

	};

	var has3d = 'WebKitCSSMatrix' in window
			|| (document.body && 'MozPerspective' in document.body.style),
		hasMouse = 'onmousedown' in window,
		hasTouch = 'ontouchstart' in window;

	var utils = {

		drag: {
			left: 0,
			right: 1,
			none: -1
		},
		mouseEvents: (hasMouse)
			? {type: "mouse", start: "mousedown", move: "mousemove", end: "mouseup"}
			: {type: "touch", start: "touchstart", move: "touchmove", end: "touchend"},

		html: {
			div: "<div/>",
			img: "<img/>",
			a: "<a>",
			input: "<input type='text'/>"
		},
		//functions or so
		toRad: function (deg) {
			return deg * Math.PI / 180;
		},

		toDeg: function (rad) {
			return rad * 180 / Math.PI;
		},

		transition: function (hasTransition, duration) {
			return hasTransition ? duration / 1000 + "s ease-out" : "0s none";
		},

		display: function (hasDisplay) {
			return hasDisplay ? "block" : "none";
		},

		resetTranslate: function () {
			return translateStr(0, 0);
		},

		translateStr: function (x, y) {
			return has3d ? ' translate3d(' + x + 'px,' + y + 'px, 0px) ' : ' translate(' + x + 'px, ' + y + 'px) ';
		},

		resetBoxShadow: function () {
			return "rgba(0, 0, 0, 0) 0px 0px 20px";
		},

		rotateStr: function (deg) {
			return ' rotate(' + deg + 'deg) ';
		},

		bg: function (src) {
			return '#fff' + bgImage(src);
		},

		bgImage: function (src) {
			return (src == void 0 || src == "blank" ? '' : ' url(' + src + ')');
		},

		src: function (src) {
			return (src !== void 0 ? '' + src + '' : '');
		},

		limitAt: function (x, min, max) {
			return x < min ? min : x > max ? max : x;
		},

		distOrigin: function (x, y) {
			return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
		},

		distPoints: function (x1, y1, x2, y2) {
			return Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
		},

		angleByDistance: function (distance, fullWidth) {
			var h = fullWidth / 2;
			var d = limitAt(distance, 0, fullWidth);

			var angle = d < h
				? toDeg(Math.asin(d / h))
				: 90 + toDeg(Math.asin((d - h) / h));

			return angle;

		},

		log: function (args) {
			if (defaults.enableDebugLog == true && window.console)
				console.log(args);
		},
		lowerPowerOfTwo: function (value) {
			return Math.pow(2, Math.floor(Math.log(value) / Math.LN2));
		},
		nearestPowerOfTwo: function (value) {
			return Math.pow(2, Math.ceil(Math.log(value) / Math.LN2));
		},

		extendOptions: function (defaults, options) {
			return $.extend(true, {}, defaults, options);
		},

		getBasePage: function (pageNumber) {
			return Math.floor(pageNumber / 2) * 2;
		},

		loadResources: function loadResources(resourceTag, src, callback) {
			var doc = document,
				element = doc.createElement(resourceTag),
				refElement = doc.getElementsByTagName(resourceTag)[0];

			element.async = true;
			if (callback) {
				element.addEventListener('load', function (e) {
					callback(null, e);
				}, false);
			}

			element.src = src;

			refElement.parentNode.insertBefore(element, refElement);
		},
		getScript: function (source, callback) {
			var script = document.createElement('script');
			var prior = document.getElementsByTagName('script')[0];
			script.async = 1;
			prior.parentNode.insertBefore(script, prior);

			function load(_, isAbort) {
				if (script !== void 0) {
					if (isAbort || !script.readyState || /loaded|complete/.test(script.readyState)) {
						//console.log("aborted loading :" + source);
						script.onload = script.onreadystatechange = null;
						script = void 0;
						if (!isAbort) {
							if (callback) callback();
						}

					}
				}
			};

			script.addEventListener("load", load, false);
			script.addEventListener("readystatechange", load, false);
			script.addEventListener("complete", load, false);
			//script.onload = script.onreadystatechange = load;

			script.src = source + (prefix.dom == "MS" ? ("?" + Math.random(1)) : "");
		},

		fixMouseEvent: function (event) {


			if (event) {
				var originalEvent = event.originalEvent || event;

				//noinspection JSUnresolvedVariable
				if (originalEvent.changedTouches && originalEvent.changedTouches.length > 0) {
					var _event = $.event.fix(event);
					//noinspection JSUnresolvedVariable
					var touch = originalEvent.changedTouches[0];
					_event.clientX = touch.clientX;
					_event.clientY = touch.clientY;
					_event.pageX = touch.pageX;
					_event.pageY = touch.pageY;
					_event.movementX = touch.movementX;
					_event.movementY = touch.movementY;
					return _event;
				}
				else {
					return event;
				}
			}
			else {
				return event;
			}

		},

		//self Execution
		hasWebgl: (function () {
			try {
				var canvas = document.createElement('canvas');
				//noinspection JSUnresolvedVariable
				return !!( window.WebGLRenderingContext && ( canvas.getContext('webgl') || canvas.getContext('experimental-webgl') ) );
			} catch (e) {
				return false;
			}
		})(),
		isMobile: (function () {
			var check = false;
			(function (a) {
				if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4)))check = true
			})(navigator.userAgent || navigator.vendor || window.opera);
			return check;
		})(),
		prefix: (function () {
			var styles = window.getComputedStyle(document.documentElement, ''),
				pre = (Array.prototype.slice
					.call(styles)
					.join('')
					.match(/-(moz|webkit|ms)-/))[1],
				dom = ('WebKit|Moz|MS').match(new RegExp('(' + pre + ')', 'i'))[1];
			return {
				dom: dom,
				lowercase: pre,
				css: '-' + pre + '-',
				js: pre[0].toUpperCase() + pre.substr(1)
			};
		})(),

		__extends: (window && window.__extends) || function (child, parent) {
			for (var key in parent)
				if (parent.hasOwnProperty(key)) child[key] = parent[key];
			function Ctor() {
				this.constructor = child;
			}

			Ctor.prototype = parent.prototype;
			child.prototype = new Ctor();
			child.__super = parent.prototype;
			return child;
		}

	};

	//caching the utils

	var SOURCE_TYPE = DFLIP.SOURCE_TYPE,
		DISPLAY_TYPE = DFLIP.DISPLAY_TYPE,

		drag = utils.drag,
		mouseEvents = utils.mouseEvents,
		html = utils.html,

		toRad = utils.toRad,
		toDeg = utils.toDeg,
		transition = utils.transition,
		translateStr = utils.translateStr,
		resetBoxShadow = utils.resetBoxShadow,
		rotateStr = utils.rotateStr,

		bg = utils.bg,
		bgImage = utils.bgImage,
		src = utils.src,

		limitAt = utils.limitAt,
		distOrigin = utils.distOrigin,
		distPoints = utils.distPoints,
		angleByDistance = utils.angleByDistance,
		log = utils.log,
		nearestPowerOfTwo = utils.nearestPowerOfTwo,
		extendOptions = utils.extendOptions,
		getBasePage = utils.getBasePage,
		getScript = utils.getScript,
		fixMouseEvent = utils.fixMouseEvent,
		prefix = utils.prefix,
		isMobile = utils.isMobile,
		hasWebgl = utils.hasWebgl,
		__extends = utils.__extends;

	var extendDFlipOptions = function (options) {
		return $.extend(true, {}, defaults, options);
	};

	//Creates ui for the flipbook
	var createUI = function (container, object) {

		var uiClass = "df-ui";
		var wrapperClass = "df-ui-wrapper";
		var buttonClass = uiClass + "-" + "btn";
		var ui = object.ui = $(html.div, {'class': uiClass});
		var options = object.options;

		ui.dispose = function () {
			container.find("." + buttonClass).each(function () {
				$(this).off();
			});
			controls.remove();
			sizeControls.remove();
			prev.remove();
			next.remove();
			zoom.remove();
			document.removeEventListener('keydown', onKeyDown, false);
			document.removeEventListener('keyup', onKeyUp, false);
			window.removeEventListener('click', closeMoreOptions, false);
			object = null;
		};

		var validPage = function (pageNumber) {

			if (isNaN(pageNumber)) pageNumber = object.target._activePage;
			else if (pageNumber < 1) pageNumber = 1;
			else if (pageNumber > object.target.pageCount) pageNumber = object.target.pageCount;
			return pageNumber;
		};

		var next = ui.next = $(html.div, {
			class: buttonClass + " " + uiClass + "-next " + options.icons['next'],
			on: {
				click: function () {
					object.next();
				}
			},
			title: options.text.nextPage
		});

		var prev = ui.prev = $(html.div, {
			class: buttonClass + " " + uiClass + "-prev " + options.icons['prev'],
			on: {
				click: function () {
					object.prev();
				}
			},
			title: options.text.previousPage
		});

		var zoom = $(html.div, {
			class: wrapperClass + " " + uiClass + "-zoom"
		});
		var zoomIn = ui.zoomIn = $(html.div, {
			class: buttonClass + " " + uiClass + "-zoomin " + options.icons['zoomin'],
			on: {
				click: function () {
					object.zoom(true);
					ui.update();
					if (object.target.startPoint && object.target.pan)
						object.target.pan(object.target.startPoint);
				}
			},
			title: options.text.zoomIn
		});
		var zoomOut = ui.zoomOut = $(html.div, {
			class: buttonClass + " " + uiClass + "-zoomout " + options.icons['zoomout'],
			on: {
				click: function () {
					object.zoom(false);
					ui.update();
					if (object.target.startPoint && object.target.pan)
						object.target.pan(object.target.startPoint);
				}
			},
			title: options.text.zoomOut
		});
		zoom.append(zoomIn).append(zoomOut);

		var page = ui.page = $(html.div, {
			class: buttonClass + " " + uiClass + "-page",
			on: {
				change: function () {
					var pageNumber = parseInt((ui.pageInput.val()), 10);

					pageNumber = validPage(pageNumber);
					object.gotoPage(pageNumber);
				}
			}
		});

		ui.pageInput = $('<input id="df_book_page_number" type="text"/>').appendTo(page);
		ui.pageLabel = $('<label for="df_book_page_number"/>').appendTo(page);

		var sizeControls = $(html.div, {
			class: wrapperClass + " " + uiClass + "-size"
		});

		var help = $(html.div, {
			class: buttonClass + " " + uiClass + "-help " + options.icons['help'],
			on: {
				click: function () {

				}
			},
			title: options.text.toggleHelp
		});


		//Sound Button
		var sound = $(html.div, {
			class: buttonClass + " " + uiClass + "-sound " + options.icons['sound'],
			on: {
				click: function () {
					options.soundEnable = !options.soundEnable;
					ui.updateSound();
				}
			},
			title: options.text.toggleSound,
			html: "<span>" + options.text.toggleSound + "</span>"
		});

		//Updates sound on click of sound button
		ui.updateSound = function () {

			if (options.soundEnable == false || options.soundEnable == 'false')
				sound.addClass("disabled");
			else
				sound.removeClass("disabled");

		};

		//immediate check
		ui.updateSound();


		//More button
		var more = ui.more = $(html.div, {
			class: buttonClass + " " + uiClass + "-more " + options.icons['more'],
			on: {
				click: function (event) {
					if (!more.hasClass("df-active")) {
						$(this).addClass("df-active");
						event.stopPropagation();
					}
				}
			}
		});

		//closes moreoptions container
		function closeMoreOptions(event) {
			more.removeClass("df-active");
		}

		//register a click event on window to close the moreoptions
		window.addEventListener('click', closeMoreOptions, false);

		//more container that holds the moreoptions
		var moreContainer = $(html.div, {
			class: "more-container"
		});
		more.append(moreContainer);

		if (typeof options.source == 'string' && options.enableDownload == true) {
			var downloadClass = buttonClass + " " + uiClass + "-download " + options.icons['download'];
			var download = ui.download = $('<a download target="_blank" class="' + downloadClass + '"><span>' + options.text.downloadPDFFile + '</span></a>');
			download.attr("href", options.source);
			moreContainer.append(download);
		}


		var fullScreen = ui.fullScreen = $(html.div, {
			class: buttonClass + " " + uiClass + "-fullscreen " + options.icons['fullscreen'],
			on: {
				click: function () {

					var fullscreenElement = document.fullscreenElement
						|| document.mozFullScreenElement
						|| document.webkitFullscreenElement
						|| document.msFullscreenElement;

					var fullscreenEnabled = document.fullscreenEnabled
						|| document.mozFullScreenEnabled
						|| document.webkitFullscreenEnabled
						|| document.msFullscreenEnabled;

					var container = object.container[0];

					if (ui.isFullscreen != true) {

						if (container.requestFullscreen) {
							container.requestFullscreen();
						} else if (container.msRequestFullscreen) {
							container.msRequestFullscreen();
						} else if (container.mozRequestFullScreen) {
							container.mozRequestFullScreen();
						} else if (container.webkitRequestFullscreen) {
							container.webkitRequestFullscreen();
						}

						ui.isFullscreen = true

					}
					else {

						ui.isFullscreen = false;

						if (document.exitFullscreen) {
							document.exitFullscreen();
						} else if (document.msExitFullscreen) {
							document.msExitFullscreen();
						} else if (document.mozCancelFullScreen) {
							document.fullscreenElement();
						} else if (document.webkitExitFullscreen) {
							document.webkitExitFullscreen();
						}

					}

					setTimeout(function () {
						$(window).trigger("resize");
					}, 50);

				}
			},
			title: options.text.toggleFullscreen
		});
		var fit = ui.fit = $(html.div, {
			class: buttonClass + " " + uiClass + "-fit " + options.icons['fitscreen'],
			on: {
				click: function () {
					$(this).toggleClass("df-button-fit-active");
				}
			}
		});
		sizeControls.append(fullScreen);

		var controls = $(html.div, {
			class: wrapperClass + " " + uiClass + "-controls" // todo : df-abs-h-center"
		});

		var share = ui.share = $(html.div, {
			class: buttonClass + " " + uiClass + "-share " + options.icons['share'],
			on: {
				click: function (event) {
					//book.next();
				}
			},
			title: "Share"
		});

		var start = ui.start = $(html.div, {
			class: buttonClass + " " + uiClass + "-start " + options.icons['start'],
			on: {
				click: function () {
					object.start();
				}
			},
			title: options.text.gotoFirstPage
		});
		var end = ui.end = $(html.div, {
			class: buttonClass + " " + uiClass + "-end " + options.icons['end'],
			on: {
				click: function () {
					object.end();
				}
			},
			title: options.text.gotoLastPage
		});
		var pageModeButton = ui.pageMode = $(html.div, {
			class: buttonClass + " " + uiClass + "-pagemode " + options.icons['singlepage'],
			on: {
				click: function () {
					var el = $(this);
					object.setPageMode(!el.hasClass(options.icons['doublepage']));
				}
			},
			html: "<span>" + options.text.singlePageMode + "</span>"
		});
		start.html("<span>" + options.text.gotoFirstPage + "</span>");
		end.html("<span>" + options.text.gotoLastPage + "</span>");

		object.setPageMode(object.target.pageMode == DFLIP.PAGE_MODE.SINGLE)
		moreContainer.append(pageModeButton).append(start).append(end).append(sound);

		var altPrev = ui.altPrev = $(html.div, {
			class: buttonClass + " " + uiClass + "-prev" + " " + uiClass + "-alt " + options.icons['prev'],
			on: {
				click: function () {
					object.prev();
				}
			},
			title: options.text.previousPage
		});

		var altNext = ui.altNext = $(html.div, {
			class: buttonClass + " " + uiClass + "-next" + " " + uiClass + "-alt " + options.icons['next'],
			on: {
				click: function () {
					object.next();
				}
			},
			title: options.text.nextPage
		});

		var thumbnail = ui.thumbnail = $(html.div, {
			class: buttonClass + " " + uiClass + "-thumbnail " + options.icons['thumbnail'],
			on: {
				click: function () {
					var $this = $(this);
					if (object.target.thumbContainer) {
						var thumbContainer = object.target.thumbContainer;
						thumbContainer.toggleClass("df-thumb-visible");
						$this.toggleClass("df-active");
					}
					else {
						object.contentProvider.initThumbs();
						$this.toggleClass("df-active");
					}
					if ($this.hasClass("df-active")) {
						$this.siblings(".df-active").trigger("click");
					}
					ui.update(true);
				}
			},
			title: options.text.toggleThumbnails
		});
		var outline = ui.outline = $(html.div, {
			class: buttonClass + " " + uiClass + "-outline " + options.icons['outline'],
			on: {
				click: function () {
					var $this = $(this);
					if (object.target.outlineContainer) {
						var outlineContainer = object.target.outlineContainer;
						$this.toggleClass("df-active");
						outlineContainer.toggleClass("df-outline-visible");
						if ($this.hasClass("df-active")) {
							$this.siblings(".df-active").trigger("click");
						}
						ui.update(true);
					}
					//else
					//object.contentProvider.initThumbs();
				}
			},
			title: options.text.toggleOutline
		});
		controls.append(altPrev).append(page).append(altNext).append(outline).append(thumbnail).append(zoomIn).append(zoomOut).append(fullScreen).append(more);

		container.append(controls).append(prev).append(next).append(zoom);
		//container.append(ui);

		var ctrlDown = false, shiftDown = false, altDown = false;
		var shiftKey = 16, ctrlKey = 17, altKey = 18, sKey = 83, vKey = 86, cKey = 67, eKey = 69, gKey = 71, nKey = 78, oKey = 79, deleteKey = 46, rightKey = 39, leftKey = 37;

		//var keyDom = bookStage.container.parent()[0];
		document.addEventListener('keydown', onKeyDown, false);
		document.addEventListener('keyup', onKeyUp, false);

		function onKeyDown(event) {
			//if (event.srcElement.nodeName.toUpperCase() !== "BODY") return;
		}

		function onKeyUp(event) {
			switch (event.keyCode) {
				case shiftKey:
					shiftDown = false;
					break;
				case ctrlKey:
					ctrlDown = false;
					break;
				case altKey:
					altDown = false;
					break;
				case leftKey:
					object.prev();
					break;
				case rightKey:
					object.next();
					break;
				default:
					break;
			}
			//log(event.keyCode);
		}

		ui.update = function (resize) {
			log("ui update");
			var target = object.target;

			var pageNumber = validPage(target._activePage || object._activePage);
			var pageCount = target.pageCount || object.pageCount;

			var isRTL = target.direction == DFLIP.DIRECTION.RTL,
				isStart = (pageNumber == 1 || pageNumber == 0),
				isEnd = pageNumber == pageCount;

			if ((isStart && !isRTL) || (isEnd && isRTL)) {
				ui.next.show();
				ui.prev.hide();
			}
			else if ((isEnd && !isRTL) || (isStart && isRTL)) {
				ui.next.hide();
				ui.prev.show();
			}
			else {
				ui.next.show();
				ui.prev.show();
			}

			ui.pageInput.val(pageNumber);
			ui.pageLabel.html((pageNumber) + "/" + pageCount);


			if (container.find(".df-thumb-visible, .df-outline-visible").length > 0) {
				container.addClass("df-sidemenu-open");
			}
			else {
				container.removeClass("df-sidemenu-open");
			}
			if (resize == true)
				object.resize();

			if (target.contentProvider.zoomScale == target.contentProvider.maxZoom) {
				ui.zoomIn.addClass("disabled");
			}
			else {
				ui.zoomIn.removeClass("disabled");
			}

			if (target.contentProvider.zoomScale == 1) {
				ui.zoomOut.addClass("disabled");
			}
			else {
				ui.zoomOut.removeClass("disabled");
			}

		};

		if (object.target !== void 0) {
			object.target.ui = ui;
		}

		if (options.onCreateUI !== void 0)
			options.onCreateUI();
	};

	var updateMockupJs = function (callback) {

		var process3d = function () {
			MOCKUP.defaults.anisotropy = 0;
			MOCKUP.defaults.groundTexture = "blank";
			THREE.skipPowerOfTwo = true;

			RegisterMockupObjects();

			if (callback !== void 0) callback();
		};

		if (window.MOCKUP == void 0) {
			getScript(defaults.threejsSrc, function () {
				getScript(defaults.mockupjsSrc, function () {
					process3d();
				});
			});
		}
		else {
			process3d();
		}
	};

	var PreviewStage = void 0;
	//later updated via RegisterMockupObjects in case 3d is requested

	//Registers necessary mockup object when required
	function RegisterMockupObjects() {

		PreviewStage = (function (_super) {
			__extends(PreviewStage, _super);
			function PreviewStage(parameters) {
				parameters = parameters || {};
				var _this = this;
				_super.call(this, parameters);
				_this.options = parameters;
				_this.canvas = $(parameters.canvas).addClass("df-3dcanvas");
				_this.container = this.canvas.parent();
				_this.container.height(parameters.height);
				_this.type = "PreviewStage";
				_this.mouse = new THREE.Vector2();
				_this.raycaster = new THREE.Raycaster();

				_this.camera.position.set(0, 20, 600);
				_this.camera.lookAt(new THREE.Vector3(0, 0, 0));

				_this.spotLight.position.z = 1000;
				_this.spotLight.position.y = 500;
				_this.spotLight.position.x = -200;
				_this.spotLight.castShadow = !isMobile;
				_this.spotLight.shadowDarkness = 0.6;
				_this.spotLight.shadowBias = -0.00005;

				_this.spotLight.intensity = 0.45;
				_this.ambientLight.color = new THREE.Color("#aaa");
				_this.ground.material.color = new THREE.Color(parameters.backgroundColor);

				_this.orbitControl.maxAzimuthAngle = 0.4;
				_this.orbitControl.minAzimuthAngle = -0.4;
				_this.orbitControl.minPolarAngle = 1.4;
				_this.orbitControl.maxPolarAngle = 2.2;

				//_this.orbitControl.maxPolarAngle = 10;
				_this.orbitControl.mouseButtons.ORBIT = THREE.MOUSE.RIGHT;
				_this.orbitControl.mouseButtons.PAN = -1;
				_this.orbitControl.maxDistance = 5000;
				_this.orbitControl.minDistance = 50;
				_this.orbitControl.noZoom = true;

				_this.selectiveRendering = true;

				_this.orbitControl.zoomSpeed = 5;

				_this.orbitControl.keyPanSpeed = 0;
				_this.orbitControl.center.set(0, 0, 0);
				_this.orbitControl.update();

				_this.swipe_threshold = isMobile ? 15 : 20;

				var cssRenderer = _this.cssRenderer = new THREE.CSS3DRenderer();
				$(cssRenderer.domElement).css({
					position: "absolute",
					top: 0,
					pointerEvents: "none"
				}).addClass("df-3dcanvas");
				_this.container[0].appendChild(cssRenderer.domElement);

				var cssScene = _this.cssScene = new THREE.Scene();

				var divLeftDOM = document.createElement("div");
				var divRightDOM = document.createElement("div");
				var divLeft = cssScene.divLeft = new THREE.CSS3DObject(divLeftDOM);
				var divRight = cssScene.divRight = new THREE.CSS3DObject(divRightDOM);
				cssScene.add(divLeft);
				cssScene.add(divRight);

				_this.resizeCallback = function () {
					cssRenderer.setSize(_this.canvas.width(), _this.canvas.height());
				};

				//_this.orbitControl.noPan = true;
				_this.ground.position.z = -2;
				_this.ground.frontImage(parameters.backgroundImage);
				_this.ground.textureRepeat(parameters.backgroundRepeat);

				function requestRender() {
					_this.renderRequestPending = true;
				}

				window.addEventListener(mouseEvents.move, requestRender, false);

				window.addEventListener('keyup', requestRender, false);

				/*        $(window).on("resize", function () {

				 _this.resize();
				 });*/

				_this.dispose = function () {

					_this.clearChild();
					_this.render();

					window.removeEventListener(mouseEvents.move, requestRender, false);

					_this.renderer.domElement.removeEventListener('mousewheel', onMouseWheel, false);
					_this.renderer.domElement.removeEventListener('DOMMouseScroll', onMouseWheel, false); // firefox

					window.removeEventListener('keyup', requestRender, false);

					_this.renderer.domElement.removeEventListener("mousemove", editor_mouseMove, false);
					_this.renderer.domElement.removeEventListener("touchmove", editor_mouseMove, false);

					_this.renderer.domElement.removeEventListener("mousedown", editor_mouseDown, false);
					_this.renderer.domElement.removeEventListener("touchstart", editor_mouseDown, false);
					_this.renderer.domElement.removeEventListener("mouseup", editor_mouseUp, false);
					_this.renderer.domElement.removeEventListener("touchend", editor_mouseUp, false);


					_this.canvas.remove();
					_this.container[0].removeChild(cssRenderer.domElement);
					//_this.target = null;
					_this.renderCallback = null;
					_this.orbitControl.dispose();
					//_this.orbitControl = null;
					//_this.spotLight = null;
					//_this.spotLightHelper = null;
					//_this.ambientLight = null;
					_this.renderer.dispose();
					//_this.renderer = null;
					//
					//_this.camera = null;

					_this.cancelRAF();
				};

				_this.renderCallback = function () {
					if (TWEEN.getAll().length > 0)
						_this.renderRequestPending = true;
					TWEEN.update();
					cssRenderer.render(cssScene, _this.camera)
				};

				var onMouseWheel = function (event) {
					var delta = 0;

					if (event.wheelDelta !== void 0) { // WebKit / Opera / Explorer 9

						delta = event.wheelDelta;

					} else if (event.detail !== void 0) { // Firefox

						delta = -event.detail;

					}
					if (delta) {
						var currentZoom = _this.previewObject.contentProvider.zoomScale;
						if ((delta > 0 && currentZoom == 1)
							|| (delta < 0 && currentZoom > 1)) {
							event.preventDefault();
						}
						_this.previewObject.zoom(delta > 0);
					}

					requestRender();
				};

				var editor_mouseMove = function (event) {

					_this.renderRequestPending = true;
					event = fixMouseEvent(event);
					if (_this.isMouseDown && event.movementX != 0 && event.movementY != 0) {
						_this.isMouseMoving = true;
					}
					if (_this.isMouseDown == true && _this.previewObject.contentProvider.zoomScale == 1) {
						//check if swipe has happened

						var swipe_dist = event.pageX - _this.lastPos,
							swipe_time = performance.now() - _this.lastTime;

						//$("body > p").html(swipe_dist);

						if (Math.abs(swipe_dist) > _this.swipe_threshold) {
							//swipe has triggered
							//_this.dragPage.pendingPoint = point;
							if (swipe_dist < 0) {
								_this.target.next();
							}
							else {
								_this.target.prev();
							}
							event.preventDefault();
							_this.isMouseDown = false;
						}
						_this.lastPos = event.pageX;
						_this.lastTime = performance.now();

					}
				};

				var editor_mouseDown = function (event) {
					event = fixMouseEvent(event);
					document.activeElement.blur();
					_this.mouseValue = event.pageX + "," + event.pageY;
					_this.isMouseMoving = false;
					_this.isMouseDown = true;
					_this.lastPos = event.pageX;
					_this.lastTime = performance.now();
				};

				var editor_click = function (event) {
					_this.isMouseDown = false;
					//bail out if it's not left click
					if (event.button !== 0) return this;
					var mouseValue = event.pageX + "," + event.pageY;

					if (_this.isMouseMoving) {

					}
					else if (mouseValue == _this.mouseValue) {
						event = event || window.event;
						event = $.event.fix(event);

						var mouse = _this.mouse, raycaster = _this.raycaster;
						mouse.x = ( (event.offsetX) / _this.canvas.innerWidth() ) * 2 - 1;
						mouse.y = 1 - ( (event.offsetY ) / _this.canvas.innerHeight() ) * 2;

						raycaster.setFromCamera(mouse, _this.camera);

						var intersects = raycaster.intersectObjects(_this.target instanceof MOCKUP.Bundle
							? _this.target.children : [_this.target], true);

						if (intersects.length > 0) {

							var object, objectCount = 0;
							do {
								object = intersects[objectCount] !== void 0 ? intersects[objectCount].object : void 0;
								//bookStage.clickFace = intersects[objectCount].face;
								objectCount++;
							} while ((object instanceof THREE.BoxHelper || !(object instanceof MOCKUP.Paper) || object.isFlipping == true) && objectCount < intersects.length);

							//if (object.parent instanceof  MOCKUP.Bundle) {
							//    object = object.parent;
							//}

							if (object.userData.object !== void 0) {

								// helper

								//bookStage.selectObject(object.userData.object);

							} else {
								if (object instanceof MOCKUP.TriFold) {
									object.next();
								}
								else {
									if (object.angles[1] > 90) {
										if (object.isEdge != true) _this.target.next();
									}
									else {
										if (object.isEdge != true) _this.target.prev();
									}
								}
								//book.activePage(object.index + ((object.angles[1] > 90) ? 1 : 0));
								//bookStage.selectObject(object);

							}

						} else {

							//bookStage.selectObject(null);

						}
					}
					//bookStage.stage.render();
				};

				var editor_mouseUp = function (event) {
					event = fixMouseEvent(event);
					editor_click(event);
				};
				//if (MOCKUP.mode !== MOCKUP.MODE.PLUGIN) {

				//_this.renderer.domElement.addEventListener('click', editor_click, false);
				//bookStage.renderer.domElement.addEventListener('dblclick', editor_dblclick, false);
				_this.renderer.domElement.addEventListener("mousemove", editor_mouseMove, false);
				_this.renderer.domElement.addEventListener("touchmove", editor_mouseMove, false);

				_this.renderer.domElement.addEventListener("mousedown", editor_mouseDown, false);
				_this.renderer.domElement.addEventListener("touchstart", editor_mouseDown, false);
				_this.renderer.domElement.addEventListener("mouseup", editor_mouseUp, false);
				_this.renderer.domElement.addEventListener("touchend", editor_mouseUp, false);

				_this.renderer.domElement.addEventListener('mousewheel', onMouseWheel, false);
				_this.renderer.domElement.addEventListener('DOMMouseScroll', onMouseWheel, false); // firefox


				//}

				$(_this.renderer.domElement).css({display: "block"});

				$(window).trigger("resize");

				return this;
			}

			PreviewStage.prototype.width = function () {
				return this.container.width();
			};

			PreviewStage.prototype.height = function () {
				return this.container.height();
			};

			return PreviewStage;

		})(MOCKUP.Stage);

		var BookPaper = (function (_super) {
			__extends(BookPaper, _super);
			function BookPaper(parameters, stage) {
				parameters = parameters || {};
				parameters.folds = 1;
				_super.call(this, parameters, stage);
				this.angle = 0;
				this.isFlipping = false;
				this.type = "BookPaper";
			}

			BookPaper.prototype.tween = function (oldAngle, newAngle) {
				var page = this;
				var epsilon = 0.00001;
				page.originalStiff = page.stiffness;
				var oldTarget = page.newStiffness;
				//console.log(page.stiffness);
				var diff = newAngle - oldAngle;//170 -5 == 165 :  5-170 = -165


				page.init = {angle: oldAngle, angle2: (oldAngle < 90 ? 0 : 180), stiff: page.originalStiff};
				page.first = {angle: oldAngle + diff / 4, angle2: (oldAngle < 90 ? 90 : 90), stiff: page.originalStiff};
				page.mid = {
					angle: oldAngle + diff * 2 / 4,
					angle2: (oldAngle < 90 ? 135 : 45),
					stiff: page.newStiffness
				};
				page.mid2 = {
					angle: oldAngle + diff * 3 / 4,
					angle2: (oldAngle < 90 ? 180 : 0),
					stiff: page.newStiffness
				};
				page.end = {angle: newAngle, angle2: (oldAngle < 90 ? 180 : 0), stiff: page.newStiffness};

				//console.log(page.init, page.first, page.mid, page.end);
				page.isFlipping = true;

				var update = function (tween, event) {

					page.angles[1] = tween.angle;
					page.angles[4] = tween.angle2;
					page.stiffness = tween.stiff / (oldTarget + epsilon) * (page.newStiffness + epsilon);
					page.stiffness = isNaN(page.stiffness) ? 0 : tween.stiff;
					page.updateAngle(true);

				};

				new TWEEN.Tween(page.init)
					.to({
						angle: [page.first.angle, page.mid.angle, page.mid2.angle, page.end.angle],
						angle2: [page.first.angle2, page.mid.angle2, page.mid2.angle2, page.end.angle2],
						stiff: [page.first.stiff, page.mid.stiff, page.mid2.stiff, page.end.stiff]
					}, page.parent.duration)
					.onUpdate(function (event) {
						update(this, event);
					}).easing(TWEEN.Easing.Sinusoidal.Out)
					.onComplete(function (event) {
						page.stiffness = page.newStiffness;
						page.updateAngle();
						page.isFlipping = false;
						if (page.parent && page.parent.refresh)
							page.parent.refresh();
						//console.log(page.stiffness);
					}).start();

			};

			return BookPaper;
		})(MOCKUP.FlexBoxPaper);
		MOCKUP.BookPaper = BookPaper;

		var Book = (function (_super) {
			__extends(Book, _super);

			function Book(parameters, stage) {

				parameters = parameters || {};
				parameters.segments = parameters.segments || 50;
				this.pageCount = parameters.pageCount;

				this.height = parameters.height;
				this.width = parameters.width;

				//correcting page count as multiple of 2
				this.pageCount = Math.ceil(this.pageCount / 2) * 2;

				this.direction = parameters.direction || DFLIP.DIRECTION.LTR;

				this.startPage = 1;
				this.endPage = this.pageCount;

				this.stackCount = parameters.stackCount || 6;// = 15;
				this.materials = [];
				//_super.call(this);
				_super.call(this, parameters, stage);
				this.angles = [0, 0, 0, 0, 0, 0];
				this.stiffness = parameters.stiffness || 1.5;
				this._activePage = parameters.activePage || this.startPage;

				this.createStack(parameters);
				this.pageMode = parameters.pageMode || (isMobile ? DFLIP.PAGE_MODE.SINGLE : DFLIP.PAGE_MODE.DOUBLE);
				//this.createCover(parameters);
				//this.updateAngle();
				//this.updatePage(this._activePage);
				this.type = "Book";

			}

			Book.prototype.getPageByNumber = function (pageNumber) {
				return this.getObjectByName(Math.floor((pageNumber - 1) / 2).toString());
			};

			Book.prototype.activePage = function (pageNumber) {
				if (pageNumber == void 0) return this._activePage;
				this.gotoPage(pageNumber);
			};

			Book.prototype.gotoPage = function (pageNumber) {
				pageNumber = parseInt(pageNumber, 10);
				this._activePage = pageNumber;
				this.updatePage(pageNumber);
			};


			Book.prototype.moveBy = function (step) {
				var nextPage = this._activePage + step;

				nextPage = limitAt(nextPage, this.startPage, this.endPage);

				this.gotoPage(nextPage);
			};

			Book.prototype.next = function (step) {
				if (step == void 0)
					step =
						(this.direction == DFLIP.DIRECTION.RTL)
							? -this.pageMode : this.pageMode;

				this.moveBy(step);
			};

			Book.prototype.prev = function (step) {
				if (step == void 0)
					step =
						(this.direction == DFLIP.DIRECTION.RTL)
							? this.pageMode : -this.pageMode;

				this.moveBy(step);
			};

			Book.prototype.updateAngle = function () {

				var startAngle = this.angles[1];
				var endAngle = this.angles[4];


				var spreadAngle = endAngle - startAngle;
				var stacks = this.stackCount;

				for (var _stackCount = 0; _stackCount < stacks; _stackCount++) {
					var clone = this.children[_stackCount];
					//start from angle[1] and end at angles[4]
					clone.angles[1] = startAngle + _stackCount * spreadAngle / (stacks * 100);
					clone.stiffness = this.stiffness;//_stackCount/stacks;
					clone.updateAngle();
					//clone.position.z = 0;//-_stackCount/100;
				}

				/*            var cover = this.cover;
				 cover.angles[1] = this.angles[1];
				 cover.angles[4] = this.angles[4];
				 cover.stiffness = this.stiffness;
				 cover.updateAngle();*/

			};

			Book.prototype.refresh = function () {
				this.updatePage(this._activePage);
				if (this.flipCallback !== void 0) this.flipCallback();
			};


			Book.prototype.updatePage = function (pageNumber) {

				var isRTL = (this.direction == DFLIP.DIRECTION.RTL);

				pageNumber = Math.floor((pageNumber / 2));

				if (isRTL) pageNumber = Math.floor(this.pageCount / 2) - pageNumber;

				var oldBaseNumber = this.oldBaseNumber || 0;
				var pageCount = this.pageCount / 2;
				var stackCount = this.stackCount;
				var angleShift = 0.02;
				var depth = 0.4;
				var stiffFactor = (0.5 - Math.abs(pageCount / 2 - pageNumber) / pageCount) / this.stiffness;
				var positionFactor = 1;//(stiffFactor +width);
				var centre = Math.floor(stackCount / 2);
				var midPoint = centre;//pageNumber < centre ? pageNumber //starting center pages
				// : ((pageCount - pageNumber > centre) ? centre //other pages
				//: (pageNumber + centre - pageCount)) ;//remainig center page
				//console.log(midPoint);

				//var targetIndex = midPoint;
				//if(midPoint == centre) {
				/*This sitaution is good when there is icrement or decrement by 1*/
				var isLeft = false;
				if (oldBaseNumber > pageNumber) {
					isLeft = true;
					this.children[stackCount - 1].skipFlip = true;
					//this.children[midPoint].isFlipping = false;
					this.children.unshift(this.children.pop());
					//midPoint = centre;
					//this.children[midPoint].isFlipping = false;
				}
				else if (oldBaseNumber < pageNumber) {
					this.children[0].skipFlip = true;
					//this.children[midPoint-1].isFlipping = false;
					this.children.push(this.children.shift());
					//midPoint =centre -1;
					//this.children[midPoint].isFlipping = false;
				}
				else {
					//midPoint = centre;
				}
				if (Math.abs(oldBaseNumber - pageNumber) > 1) {

				}
				//}
				var remainingPages = (pageCount - pageNumber);
				var stackDepth = (5) / pageCount;
				var leftDepth = stackDepth * pageNumber / 2;
				var rightDepth = stackDepth * remainingPages / 2;
				var maxDepth = (leftDepth < rightDepth ? rightDepth : leftDepth);
				//maxDepth = maxDepth > 5 ? 5: maxDepth;
				for (var _pageCount = 0; _pageCount < stackCount; _pageCount++) {
					var page = this.children[_pageCount];//this.getObjectByName("page"+_pageCount);//this.children[_pageCount];

					var color = page.color;
					var oldAngle = page.angles[1];
					var newAngle;
					var relativePageNumber = pageNumber - midPoint + _pageCount;

					var oldName = page.name;

					page.visible = (relativePageNumber >= 0 && relativePageNumber < pageCount);
					if (this.requestPage !== void 0) {

						if (isRTL) relativePageNumber = Math.floor(this.pageCount / 2) - relativePageNumber - 1;

						page.name = relativePageNumber.toString();
						if (page.name != oldName && page.visible == true) {
							page.textureLoaded = false;
							page.backTextureLoaded = false;
							page.frontTextureLoaded = false;
							page.thumbLoaded = false;
							this.requestPage(relativePageNumber * 2 + 1);
							this.requestPage(relativePageNumber * 2 + 2);
						}
					}
					//Sizing
					page.isEdge = false; //true;
					if (_pageCount == 0) {
						page.depth = leftDepth < depth ? depth : leftDepth;
					}
					else if (_pageCount == stackCount - 1) {
						page.depth = rightDepth < depth ? depth : rightDepth;
					}
					else {
						page.depth = depth;
						page.isEdge = false;
					}
					if (page.isFlipping == true) {
						page.depth = depth;
					}
					page.position.x = 0;

					var leftAngle = angleShift * _pageCount,
						rightAngle = 180 - angleShift * (_pageCount - midPoint) + angleShift * _pageCount;

					if (_pageCount < midPoint) {
						page.newStiffness = stiffFactor / (pageNumber / pageCount) / 4;
						newAngle = leftAngle;
						page.position.z = maxDepth - ( -_pageCount + midPoint) * depth;//(pageNumber < pageCount / 2)
						if (isLeft == true) page.position.z -= depth;

					}
					else {
						newAngle = rightAngle;
						page.newStiffness = stiffFactor / (Math.abs(pageCount - pageNumber) / pageCount) / 4;
						page.position.z = (maxDepth - (-stackCount + _pageCount + midPoint + 1) * depth) - page.depth;//(pageNumber < pageCount / 2)

					}

					if (page.isFlipping == false) {

						if (Math.abs(oldAngle - newAngle) > 20 && page.skipFlip == false) {
							page.depth = depth;
							//we need predicted stiffness so that there is no overlap issues
							var predicted = page.stiffness;

							if (oldAngle > newAngle) {//left
								predicted = stiffFactor / (Math.abs(pageCount - pageNumber) / pageCount) / 4;
							}
							else {//right
								predicted = stiffFactor / (pageNumber / pageCount) / 4;
							}
							page.position.z += depth;//((_pageCount < midPoint) ? 0 : depth) * 2;/// 2;

							page.stiffness = isNaN(predicted) ? page.stiffness : predicted;
							page.updateAngle(true);
							page.targetStiffness = (_pageCount < pageNumber)
								? stiffFactor / (Math.abs(pageCount - pageNumber) / pageCount) / 4
								: stiffFactor / (pageNumber / pageCount) / 4;

							page.targetStiffness = isNaN(page.targetStiffness) ? page.stiffness : page.targetStiffness;

							page.isFlipping = true;

							page.tween(oldAngle, newAngle);

							if (this.preFlipCallback !== void 0)
								this.preFlipCallback();
						} else {
							page.skipFlip = false;
							page.newStiffness = isNaN(page.newStiffness) ? 0 : page.newStiffness;
							if (page.angles[1] != newAngle || page.stiffness != page.newStiffness || page.depth != page.oldDepth) {
								page.angles[1] = page.angles[4] = newAngle;
								page.stiffness = page.newStiffness;
								page.updateAngle(true);
							}
							else {
								//console.log("skipped");
							}
						}
					}

					page.oldDepth = page.depth;
					var xPos = Math.abs(page.geometry.boundingBox.max.x) < Math.abs(page.geometry.boundingBox.min.x)
						? page.geometry.boundingBox.max.x : page.geometry.boundingBox.min.x;
					page.position.x = (page.isEdge == true && page.isFlipping == false ) ? ((_pageCount < midPoint)
						? xPos : -xPos) : 0;
				}
				//$(".quick-hint").html(pageNumber);
				//console.log("leftDepth:" + leftDepth, "rightDepth:" + rightDepth, "midPoint:" + midPoint, "oldBaseNumber:" + oldBaseNumber, "pageNumber:" + pageNumber);
				this.oldBaseNumber = pageNumber;

				if (this.updatePageCallback !== void 0)
					this.updatePageCallback();

			};
			//if (window.flipBook != void 0)flipBook.book.refresh();
			//book.activePage(book.activePage());
			Book.prototype.createCover = function (parameters) {
				parameters.width = parameters.width * 2;
				this.cover = new MOCKUP.BiFold(parameters);
				this.add(this.cover);
			};

			Book.prototype.createStack = function (parameters) {

				var colors = "red,green,blue,yellow,orange,black".split(",");

				for (var _stackCount = 0; _stackCount < this.stackCount; _stackCount++) {
					parameters.angles = [, this.stackCount - _stackCount];//[1] = (this.stackCount - _stackCount);
					parameters.stiffness = (this.stackCount - _stackCount) / 100;

					var clone = new MOCKUP.BookPaper(parameters);
					clone.angles[1] = 180;
					//clone.name = "page" + _stackCount;
					clone.index = _stackCount;
					clone.updateAngle();
					clone.textureReady = false;
					clone.textureRequested = false;
					this.add(clone);
					clone.color = colors[_stackCount];
					//for (var _count = 0; _count < 4; _count++) {
					//    clone.material.materials[_count].color = new THREE.Color(THREE.ColorKeywords[colors[_stackCount]]);
					//}
					clone.position.z = -1 * _stackCount;// * (this.mainObject.depth * 1.05);
				}
			};


			Book.prototype.shininess = function (shininess) {
				if (shininess == void 0) {
					return this.mainObject.shininess();
				}
				else {
					this.mainObject.shininess(shininess);
				}
			};

			Book.prototype.bumpScale = function (bumpScale) {
				if (bumpScale == void 0) {
					return this.mainObject.bumpScale();
				}
				else {
					this.mainObject.bumpScale(bumpScale);
				}
			};


			Book.prototype.frontImage = function (frontImage) {
				if (frontImage == void 0) {
					return this.mainObject.frontImage();
				}
				else {
					this.mainObject.frontImage(frontImage);
				}
			};


			Book.prototype.backImage = function (backImage) {
				if (backImage == void 0) {
					return this.mainObject.backImage();
				}
				else {
					this.mainObject.backImage(backImage);
				}
			};

			return Book;
		})(MOCKUP.Bundle);
		MOCKUP.Book = Book;

	}

	//base object of flipbook or other trifold objects
	var PreviewObject = (function (_super) {

		function PreviewObject(parameters) {
			parameters = parameters || {};
			//_super.call(this, parameters);
			this.type = "PreviewObject";
			var _this = this;

			function resizeDelay() {
				setTimeout(function () {
					_this.resize()
				}, 50);
			}

			window.addEventListener("resize", resizeDelay, false);

			this.sound = document.createElement("audio");
			this.sound.setAttribute("src", parameters.soundFile);
			this.sound.setAttribute("type", "audio/mpeg");

			//this.pageMode = DFLIP.PAGE_MODE.DOUBLE;
			this.dispose = function () {

				if (this.target && this.target.dispose)
					this.target.dispose();
				this.target = null;

				if (this.stage && this.stage.dispose)
					this.stage.dispose();
				this.stage = null;

				//if (this.target && this.target.outlineContainer) this.target.outlineContainer.remove();
				if (this.ui && this.ui.dispose)
					this.ui.dispose();
				this.ui = null;

				if (this.contentProvider && this.contentProvider.dispose)
					this.contentProvider.dispose();
				this.contentProvider = null;

				window.removeEventListener("resize", resizeDelay);

			};
		}

		PreviewObject.prototype = {

			start: function () {

				this.target.gotoPage(this.target.startPage);

			},

			end: function () {
				this.target.gotoPage(this.target.endPage);
			},

			next: function () {

			},

			prev: function () {

			},

			zoom: function (delta) {

				this.pendingZoom = true;
				this.zoomDelta = delta;
				/*
				 var contentProvider = this.contentProvider;

				 contentProvider.zoomScale += delta;

				 contentProvider.zoomScale = limitAt(contentProvider.zoomScale,1,contentProvider.maxZoom);//(delta == true) ? 2 : 1;

				 //contentProvider.checkViewportSize();
				 //contentProvider.zoomScale = (zoom == true) ? contentProvider.normalViewport.height * contentProvider.viewport.scale / contentProvider.viewport.height : 1;
				 if (this.stage !== void 0) {
				 //this.stage.pendingZoom = true;//not used anymore
				 //this.stage.resize();
				 //var cameraZ =  this.stage.camera.position.z;
				 //this.stage.camera.position.set(0, 0, zoom == true ? 300 : 600);

				 }
				 else {

				 //this.target.wrapper.css({
				 //    transform: "scale(" + 1*/
				/*contentProvider.zoomScale*/
				/* + ")"
				 //});
				 this.target.left = 0;
				 this.target.top = 0;
				 }*/
				/*				if (contentProvider.zoomScale != 1) {
				 this.target.container.addClass("df-zoom-enabled");
				 }
				 else {
				 this.target.container.removeClass("df-zoom-enabled");
				 }*/
				this.resize();
				this.ui.update();
			},

			resize: function () {
				var _this = this;

				if (_this.target == void 0 ||
					_this.target.ui == void 0 ||
					_this.target.contentProvider == void 0 ||
					_this.target.contentProvider.viewport == void 0 ||
					_this.target.stage == void 0)
					return;

				var isSingle = this.target.pageMode == DFLIP.PAGE_MODE.SINGLE;
				var target = _this.target,
					stage = target.stage,
					contentProvider = target.contentProvider,
					pageRatio = contentProvider.pageRatio,
					zoomViewport = contentProvider.zoomViewport,
					is3d = target.mode !== "css";

				var parentWidth, parentHeight,
					windowHeight = $(window).height();

				//checking if the container height is more than the window height

				var containerHeight = target.ui.isFullscreen == true ? windowHeight : this.options.height;

				_this.container.height(containerHeight);

				if (Math.min(_this.container.height(), windowHeight) == windowHeight)
					containerHeight = windowHeight;

				_this.container.height(containerHeight);

				containerHeight = _this.container.height(); //fixing if the options are set on percentage

				if (!is3d) {
					stage.css({
						top: 0,
						bottom: 0,
						right: 0,
						left: 0,
						transform: "translate3d(" + _this.target.left + "px," + _this.target.top + "px,0)"
					});
					target.stageHeight = stage.height();
				}
				parentWidth = stage.width();
				parentHeight = stage.height();

				var availableWidth = parentWidth,
					availableHeight = Math.min(parentHeight, windowHeight),
					possibleWidth = Math.floor(isSingle ? availableWidth : availableWidth / 2);

				var requiredHeight = Math.floor(possibleWidth / pageRatio);
				var height, width, cameraZ, fov, zoom;

				height = Math.min(requiredHeight, availableHeight);

				width = Math.floor(height * pageRatio);

				contentProvider.maxZoom = contentProvider.zoomViewport.height / height;

				if (_this.pendingZoom == true && _this.zoomDelta !== void 0) {

					_this.pendingZoom = false;
					var delta = _this.zoomDelta, predictedIndex, currentMaxDimension = Math.max(height, width);

					var improperZoom = contentProvider.zoomScale == 1;

					var currentZoomScale = limitAt(improperZoom ? contentProvider.zoomScale
						: contentProvider.zoomScale + delta, 1, contentProvider.maxZoom);

					if (delta > 0) {
						predictedIndex = nearestPowerOfTwo(currentMaxDimension * currentZoomScale);
					} else {
						predictedIndex = utils.lowerPowerOfTwo(currentMaxDimension * currentZoomScale);
					}
					//contentProvider.zoomScale += delta;
					//contentProvider.zoomScale = limitAt(predictedIndex / currentMaxDimension, 1, contentProvider.maxZoom);
					contentProvider.zoomScale = limitAt(delta > 0 ? 1.5 * contentProvider.zoomScale
						: contentProvider.zoomScale / 1.5, 1, contentProvider.maxZoom);
					_this.zoomDelta = void 0;

				}

				zoom = (contentProvider.zoomScale == 1 || contentProvider.zoomScale == void 0) ? 1
					: contentProvider.zoomScale;//zoomViewport.height / parentHeight,//target.contentProvider.zoomScale,

				//findout which cacheIndex to use
				contentProvider.checkViewportSize(width * zoom, height * zoom);


				if (contentProvider.zoomScale != 1) {
					this.target.container.addClass("df-zoom-enabled");
				}
				else {
					this.target.container.removeClass("df-zoom-enabled");
				}

				//if(contentProvider.zoomScale != 1)
				//zoom = contentProvider.cacheIndex / height;


//console.log(contentProvider.cacheIndex);

				var maxZoom = contentProvider.maxZoom;

				if (is3d) {
					//stage.resize();
					//_this.container.height(height);

					height = containerHeight;
					var controlsHeight = _this.container.find(".df-ui-controls").height();
					if (controlsHeight == null) controlsHeight = 0;
					stage.canvas.height(height - controlsHeight);
					if (_this.container.hasClass("df-sidemenu-open")) {
						parentWidth = parentWidth - 220;
					}
					stage.resizeCanvas(parentWidth, height - controlsHeight);

					//if (target !== void 0)
					//    target.height = height;

					//target.contentProvider.checkViewportSize();


					//height = 300;//flipBook.target.height;
					//var contentHeight = target.contentProvider.viewport.height * target.contentProvider.viewport.scale;
					//zoom = zoom ==1 ? zoom: zoom * zoom;
					//if (zoom == 1) {
					//    cameraZ = (height) * Math.tan(stage.camera.fov * 2 * Math.PI / 180);
					//}
					//else {

					//var height = flipBook.options.height, visible = height ,zoom = (1600+ 1)/height

					var refHeight = target.height,
						refWidth = parentWidth * refHeight / height,
						aspect = parentWidth / height;

					var pageModeWidth = target.width * (isSingle ? 1 : 2);

					var refLength = refWidth < pageModeWidth ? pageModeWidth / aspect : target.height;

					var adjustment = zoom == 1 ? height / (height - 60) : refHeight / refLength;
					/*
					 cameraZ = 1000,
					 fov = 2 * Math.atan((refLength) / (zoom / adjustment) / ( 2 * cameraZ )) * ( 180 / Math.PI );

					 */
					//cameraZ = 1000,
					cameraZ = 1 / ( 2 * Math.tan(Math.PI * stage.camera.fov * 0.5 / 180) / ((refLength) / (zoom / adjustment)));
					//0.5* (zoom / adjustment) / (refLength) /  Math.tan((fov /2) * Math.PI /180) ;

					//cameraZ = 1000/(zoom / adjustment);
					//stage.camera.fov = fov;
					stage.camera.updateProjectionMatrix();

					//cameraZ = ((height + 60)*2 / zoom )* Math.tan(stage.camera.fov * Math.PI / 180);//(height /zoom) * Math.tan(stage.camera.fov * 2  * Math.PI / 180)/zoom;
					//}

					stage.renderRequestPending = true;
					//if (stage.pendingZoom == true || zoom !== 1) {
					stage.camera.position.z = cameraZ;
					if (contentProvider.zoomScale == 1) {
						stage.camera.position.set(0, 0, cameraZ);
						stage.orbitControl.target = new THREE.Vector3(0, 0, 0);
					}
					stage.orbitControl.update();
					stage.orbitControl.mouseButtons.ORBIT = zoom != 1 ? -1 : THREE.MOUSE.RIGHT;
					stage.orbitControl.mouseButtons.PAN = zoom != 1 ? THREE.MOUSE.LEFT : -1;
					//}

					//if(isMobile) stage.orbitControl.mouseButtons.PAN = -1;
				}
				else {
					if (target !== void 0) {

						//if (zoom > 1) {
						//	height = target.contentProvider.zoomViewport.height / zoom;//Math.min(requiredHeight, availableHeight);
						//	width = target.contentProvider.zoomViewport.width / zoom;
						//}

						target.pageWidth = Math.floor(width);
						target.fullWidth = target.pageWidth * 2;
						target.height = height;
						//target.wrapper.width(target.fullWidth).height(height);


						var stagePaddingW = target.stage.innerWidth() - target.stage.width(),
							stagePaddingH = target.stage.innerHeight() - target.stage.height();

						var shiftHeight = target.shiftHeight = limitAt((height * zoom - (containerHeight - stagePaddingH)) / 2, 0, target.height * zoom),
							shiftWidth = target.shiftWidth = limitAt(zoom == 1 ? 1 :
																	 (target.fullWidth * zoom - target.container.width() + stagePaddingW ) / 2, 0, target.fullWidth * zoom);

						target.stage.css({
							top: -shiftHeight,
							bottom: -shiftHeight,
							right: -shiftWidth,
							left: -shiftWidth,
							transform: "translate3d(" + target.left + "px," + target.top + "px,0)"
						});
						//target.foldSense = this.pageWidth / 5;

						var stageInnerHeight = target.stage.innerHeight();
						target.wrapper.css({
							width: target.fullWidth * zoom,
							height: height * zoom,
							marginTop: (containerHeight - height * zoom - stagePaddingH ) > 0
								? (containerHeight - stagePaddingH - height * zoom) / 2
								: 0
						});

						var wrapperSize = Math.floor(distOrigin(width, height)) * zoom;
						target.stage.find(".df-page-wrapper").width(wrapperSize).height(wrapperSize);

						target.stage.find(".df-book-page, .df-page-front , .df-page-back, .df-page-fold-inner-shadow").height(height * zoom).width(width * zoom);
						//target.contentProvider.checkViewportSize();
						//log("resized");

						//target.resize();
					}

				}
				this.checkCenter();
				if (target.thumblist) {
					target.thumblist.reset($(target.thumblist.container).height());
				}

				/*				$(".quick-hint").html(JSON.stringify({
				 size: contentProvider.cacheIndex,
				 zoom: Math.round(contentProvider.zoomScale * 10) / 10,
				 height: height * zoom
				 }));*/

				//rather than rsponsive lets use
				var containerWidth = _this.container.width();
				if (containerWidth < 340) {
					_this.container.addClass("df-xs");
				} else {
					_this.container.removeClass("df-xs");
				}

			},

			playSound: function () {
				try {
					if (this.options && this.options.soundEnable == true) {
						this.sound.currentTime = 0;
						this.sound.play();
					}
				} catch (error) {

				}
			},

			setPageMode: function (isSingle) {
				if (isSingle == true) {
					this.ui.pageMode.addClass(this.options.icons['doublepage']);
					this.ui.pageMode.html("<span>" + this.options.text.doublePageMode + "</span>");
					this.target.pageMode = DFLIP.PAGE_MODE.SINGLE;
				}
				else {
					this.ui.pageMode.removeClass(this.options.icons['doublepage']);
					this.ui.pageMode.html("<span>" + this.options.text.singlePageMode + "</span>");
					this.target.pageMode = DFLIP.PAGE_MODE.DOUBLE;
				}
				this.resize();
			},
			height: function (height) {
				if (height == void 0) {
					return this.container.height();
				} else {
					this.options.height = height;
					this.container.height(height);
					this.resize();
				}
			},
			/**
			 *checks whether the book is closed and needs to be centered
			 */
			checkCenter: function () {
				this.centerType = this.centerType || "start";
				var target = this.target;
				var singleShift = 0, left = 0, right = 0;
				var basePage = utils.getBasePage(target._activePage);
				var isEven = target._activePage % 2 == 0;
				var isRTL = target.direction == DFLIP.DIRECTION.RTL;
				var isSingle = target.pageMode == DFLIP.PAGE_MODE.SINGLE;
				var stageWidth = target.stage.width(),
					width;

				if (target.mode == 'css') {
					width = target.wrapper.width();
					//calculate the excess shift required for corrction in case width is too small
					singleShift = Math.max((width - stageWidth) / 2, 0);

					left = -width / 4,
						right = width / 4;

					if (basePage == 0) {
						target.wrapper.css({
							left: isSingle
								? isRTL ? right - singleShift : left - singleShift
								: isRTL ? right : left
						});
						target.shadow.css({width: '50%', left: isRTL ? 0 : '50%', transitionDelay: ''});
					}
					else if (basePage == target.pageCount) {
						target.wrapper.css({
							left: isSingle
								? isRTL ? left - singleShift : right - singleShift
								: isRTL ? left : right
						});
						target.shadow.css({width: '50%', left: isRTL ? '50%' : 0, transitionDelay: ''});
					}
					else {
						target.wrapper.css({
							left: isSingle
								? isRTL
									  ? (isEven ? left - singleShift : right - singleShift )
									  : (isEven ? right - singleShift : left - singleShift )
								: 0
						});
						target.shadow.css({
							width: '100%',
							left: 0,
							transitionDelay: (parseInt(target.duration, 10) + 50) + 'ms'
						});
					}

				}
				else if (target.stage !== void 0) {
					var init = target.position.x, end;
					singleShift = target.width / 4;
					width = target.width;
					left = -width / 2,
						right = width / 2;

					if (basePage == 0) {
						end = isRTL ? right : left;
					}
					else if (basePage == target.pageCount) {
						end = isRTL ? left : right;
					}
					else {
						end = isSingle
							? isRTL
								  ? (isEven ? left : right )
								  : (isEven ? right : left )
							: 0;
					}
					//create a centertween
					if (end !== this.centerEnd) { //avoid recreating the tween if the target is same as before
						this.centerTween = new TWEEN.Tween({x: init}).delay(0)
							.to({x: end}, target.duration)
							.onUpdate(function () {
								target.position.x = this.x;
								target.stage.cssScene.position.x = this.x;
							}).easing(target.ease)
							.start();
						this.centerEnd = end;

						//move the css too
						//this.target.flipCallback();
					}
				}
			},

			width: function (width) {
				if (width == void 0) {
					return this.container.width();
				} else {
					this.options.width = width;
					this.container.width(width);
					this.resize();
				}
			}

		};

		return PreviewObject;

	})({});

	//contentprovider that handles the source of book
	var ContentProvider = (function (_super) {
		__extends(ContentProvider, _super);
		var textureLoadTimeOut = void 0;

		function ContentProvider(contentSource, callback, parameters) {

			parameters = parameters || {};

			var _this = this;

			_this.contentRawSource = contentSource || [defaults.textureLoadFallback];
			_this.contentSource = _this.contentRawSource;
			_this.contentSourceType = void 0;
			_this.minDimension = parameters.minTextureSize || 512;
			_this.maxDimension = parameters.maxTextureSize || 2048;
			_this.waitPeriod = 50;
			_this.enableDebug = false;
			_this.zoomScale = 1;
			_this.maxZoom = 2;
			_this.options = parameters;
			_this.outline = parameters.outline;
			_this.links = parameters.links;
			_this.isCrossOrigin = parameters.isCrossOrigin;

			_this.normalViewport = {
				height: 297,
				width: 210,
				scale: 1
			};
			_this.viewport = {
				height: 297,
				width: 210,
				scale: 1
			};
			_this.zoomViewport = {
				height: 297,
				width: 210
			};

			_this.thumbsize = 128;
			_this.cacheIndex = 512; //index of bigger dimension height or width
			_this.cache = [];

			_this.pageRatio = parameters.pageRatio || _this.viewport.width / _this.viewport.height;

			//texture load control so that it wont delay the transition
			_this.textureLoadTimeOut = void 0;

			_this.type = "TextureLibrary";

			if (Array === _this.contentSource.constructor || Array.isArray(_this.contentSource) || _this.contentSource instanceof Array) {

				//case of images and html content
				_this.contentSourceType = SOURCE_TYPE.IMAGE;
				_this.pageCount = _this.contentSource.length;

				//_this.setLoading(1, true);

				// Make in memory copy of image to avoid css issues
				$("<img/>")
					.attr("src", _this.contentSource[0])
					.load(function () {
						_this.viewport.height = this.height;
						_this.viewport.width = this.width;

						_this.pageRatio = _this.viewport.width / _this.viewport.height;

						_this.zoomViewport = {
							width: (_this.pageRatio > 1 ? 1 : _this.pageRatio) * _this.maxDimension,
							height: _this.maxDimension / (_this.pageRatio < 1 ? 1 : _this.pageRatio)
						};

						_this.linkService = new PDFLinkService();

						$(this).off();


						if (callback != void 0) callback(_this);
						//_this.setLoading(1);

						//console.log(_this.zoomViewport);
						log(this.height + ":" + this.width);
						//pic_real_width = this.width;   // Note: $(this).width() will not
						//pic_real_height = this.height; // work for in memory images.
						//moved to set target function
						//_this.
						// ();


					});

			}
			else if (typeof _this.contentSource == 'string' || _this.contentSource instanceof String) { //case of link to pdf file

				var processSource = function () {
					//configurePDFJS(PDFJS);
					PDFJS.workerSrc = defaults.pdfjsWorkerSrc;

					_this.contentSourceType = SOURCE_TYPE.PDF;
					//PDFJS.disableWorker = true;
					PDFJS.disableAutoFetch = true;
					PDFJS.disableStream = true;
					PDFJS.externalLinkTarget = PDFJS.LinkTarget.BLANK;
					PDFJS.getDocument(contentSource).then(function sourceLoaded(pdf) {
						_this.pdfDocument = pdf;
						pdf.getPage(1).then(function (page) {
							_this.normalViewport = page.getViewport(1);
							_this.viewport = page.getViewport(1);
							_this.viewport.height = _this.viewport.height / 10;
							_this.viewport.width = _this.viewport.width / 10;

							_this.pageRatio = _this.viewport.width / _this.viewport.height;

							_this.zoomViewport = {
								width: (_this.pageRatio > 1 ? 1 : _this.pageRatio) * _this.maxDimension,
								height: _this.maxDimension / (_this.pageRatio < 1 ? 1 : _this.pageRatio)
							};

							_this.refPage = page;

							//console.log(_this.zoomViewport);

							if (callback != void 0) callback(_this);
						});
						_this.linkService = new PDFLinkService();
						_this.linkService.setDocument(pdf, null);

						//moved to set target function
						//_this.initThumbs();
						_this.pageCount = pdf.numPages;
						_this.contentSource = pdf;

					});
				};

				if (window.PDFJS == void 0) {
					getScript(defaults.pdfjsSrc, function () {
						//PDFJS.workerSrc = "js/libs/pdf.worker.min.js";
						//getScript("js/libs/pdf.worker.min.js",function(){
						processSource();
						//});
					});
				}
				else {

					processSource();
				}

			}
			else {
				console.error("Unknown source type. Please check documentation for help");
			}

			this.dispose = function () {
				if (this.targetObject) {
					if (this.targetObject.dispose) this.targetObject.dispose();
					this.targetObject.processPage = null;
					this.targetObject.requestPage = null;
				}
				if (this.pdfDocument && this.pdfDocument.destroy) this.pdfDocument.destroy();
				if (this.linkService && this.linkService.dispose)  this.linkService.dispose();
				if (this.outlineViewer && this.outlineViewer.dispose) this.outlineViewer.dispose();
				if (this.thumblist && this.thumblist.dispose) this.thumblist.dispose();

				this.targetObject = null;
				this.pdfDocument = null;
				this.linkService = null;
				this.outlineViewer = null;
				this.thumblist = null;
			};
			return this;
		}

		ContentProvider.prototype.initThumbs = function () {

			var _this = this;
			if (_this.cache[_this.thumbsize] == void 0) _this.cache[_this.thumbsize] = [];
			var thumbLoadTimeOut;
			var review = function () {
				clearTimeout(thumbLoadTimeOut);
				thumbLoadTimeOut = setTimeout(function () {

					thumbLoadTimeOut = setTimeout(reviewThumbs, _this.waitPeriod / 2);

				}, _this.waitPeriod);
			};

			var reviewThumbs = function () {
				var requestCount = 0;
				if (Date.now() - _this.thumblist.lastScrolled < 100) {
					requestCount = 1;
				} else {
					_this.targetObject.container.find(".df-thumb-container .df-vrow").each(function () {
						var thumb = $(this);
						if (!thumb.hasClass("df-thumb-loaded")) {
							requestCount++;
							var id = $(this).attr("id").replace("df-thumb", "");
							_this.getPage(id, review, true);
							thumb.addClass("df-thumb-loaded");
							return false;
						}
					});
					if (requestCount == 0) {
						clearTimeout(thumbLoadTimeOut);
					}
				}

				if (requestCount > 0) {
					review();
				}
			};

			_this.thumblist = _this.targetObject.thumblist = new ThumbList({
				//w: 128 * _this.viewport.width/_this.viewport.height,
				h: 500,
				addFn: function (row) {

				},
				scrollFn: review,
				itemHeight: 128,
				totalRows: _this.pageCount,
				generatorFn: function (row) {
					var el = document.createElement("div");
					var pageNumber = row + 1;
					el.id = "df-thumb" + pageNumber;
					var elText = document.createElement("div");
					elText.innerHTML = pageNumber;
					el.appendChild(elText);
					//el.style.position = "absolute";
					//el.callback = function_this.getPage(pageNumber,void 0,true);
					return el;
				}
			});

			_this.thumblist.lastScrolled = Date.now();
			review();

			//_this.thumblist.container.classList.add('thumb-container');
			_this.targetObject.thumbContainer = $(_this.thumblist.container).addClass("df-thumb-container df-thumb-visible");
			_this.targetObject.container.append(_this.targetObject.thumbContainer);

			_this.thumblist.reset($(_this.thumblist.container).height());
			_this.targetObject.container.on('click', '.df-thumb-container .df-vrow', function (e) {
				e.stopPropagation();
				var id = $(this).attr("id").replace("df-thumb", "");
				_this.targetObject.gotoPage(parseInt(id, 10));
			});
		};

		ContentProvider.prototype.initOutline = function () {
			var _this = this;
			var outlineContainer = $('<div>').addClass("df-outline-container");
			_this.targetObject.container.append(outlineContainer);
			_this.targetObject.outlineContainer = outlineContainer;

			_this.outlineViewer = new BookMarkViewer({
				container: outlineContainer[0],
				linkService: _this.linkService,
				outlineItemClass: "df-outline-item",
				outlineToggleClass: "df-outline-toggle",
				outlineToggleHiddenClass: "df-outlines-hidden"
			});

			function processOutline(outline) {

				if (_this.options.overwritePDFOutline == true) {
					outline = [];
				}
				outline = outline || [];

				if (_this.outline) {
					for (var count = 0; count < _this.outline.length; count++) {
						_this.outline[count].custom = true;
						if (outline) outline.push(_this.outline[count]);
					}
					/*                    _this.outline.forEach(function(v) {
					 //v.custom = true;
					 this.push(v);
					 }, this);
					 outline.push(_this.outline)*/
				}

				_this.outlineViewer.render({outline: outline});
			}

			if (_this.pdfDocument) {
				_this.pdfDocument.getOutline().then(function (outline) {
					processOutline(outline);
				});
			}
			else {
				processOutline([]);
			}

			if (_this.options.autoEnableOutline == true) {
				_this.targetObject.ui.outline.trigger("click");
			}

		};

		ContentProvider.prototype.checkViewportSize = function (width, height) {
			var _this = this;
			var target = _this.targetObject;

			var oldCacheSize = _this.cacheIndex;

			/*            var height = target.mode == "css"
			 ? (target.container.height() - (target.stage.innerWidth() - target.stage.width()) )
			 : target.stage.height();

			 var width = height * _this.normalViewport.width / _this.normalViewport.height;*/

			//var zoom = _this.zoomScale != 1;

			if (_this.contentSourceType == SOURCE_TYPE.PDF) {

				_this.viewport = (target.mode == "css")
					? _this.refPage.getViewport(height / _this.normalViewport.height)
					: _this.refPage.getViewport(300 / _this.normalViewport.height);

				/*                _this.viewport.height = height;
				 _this.viewport.width = width;*/

				_this.cacheIndex = nearestPowerOfTwo(Math.max(width, height));// * _this.zoomScale;//nearestPowerOfTwo(Math.max(_this.viewport.width,_this.viewport.height));

				_this.cacheIndex = limitAt(_this.cacheIndex, _this.minDimension, _this.maxDimension);

				_this.cacheScale = _this.cacheIndex / Math.max(_this.normalViewport.width, _this.normalViewport.height);

				if (_this.cache[_this.cacheIndex] == void 0) _this.cache[_this.cacheIndex] = [];

				if (oldCacheSize !== _this.cacheIndex) {
					for (var pageCount = 0; pageCount < target.children.length; pageCount++) {
						var page = target.children[pageCount];
						page.name = "-1";
					}
					target.refresh();
				}

				var div = target.container.find(".linkAnnotation");
				div.css({
					transform: 'matrix(' + _this.viewport.clone({dontFlip: true}).transform.join(',') + ')'
				});
				//_this.zoomScale = (zoom == true) ? _this.normalViewport.height * _this.viewport.scale / _this.viewport.height : 1;

			}
			else {
				if (_this.cache[_this.cacheIndex] == void 0) _this.cache[_this.cacheIndex] = [];
				/*                _this.cacheIndex = _this.zoomScale == 1 ? limitAt(_this.cacheIndex, _this.minDimension, _this.maxDimension) : _this.maxDimension;*/

				//_this.zoomScale = (zoom == true) ? _this.zoomViewport.height / height : 1;
			}

			//_this.zoomScale = (zoom == true) ? _this.zoomViewport.height / height : 1;
		};

		ContentProvider.prototype.getCache = function (index, isThumb) {
			return (isThumb == true)
				? this.cache[this.thumbsize] == void 0 ? void 0 : this.cache[this.thumbsize][index]
				: this.cache[this.cacheIndex] == void 0 ? void 0 : this.cache[this.cacheIndex][index];
		};

		ContentProvider.prototype.setCache = function (index, src, isThumb, cacheIndexSize) {
			if (isThumb == true) {
				if (this.cache[this.thumbsize] != void 0) this.cache[this.thumbsize][index] = src;
			}
			else {
				var cacheIndex = cacheIndexSize == void 0 ? this.cacheIndex : cacheIndexSize;
				if (this.cache[cacheIndex] != void 0)
					this.cache[cacheIndex][index] = src;
			}

		};

		ContentProvider.prototype.setTarget = function (targetObject) {
			var _this = this;
			if (targetObject == void 0) {
				return this.targetObject;
			}
			else {
				this.targetObject = targetObject;
				targetObject.contentProvider = this;

				targetObject.container.removeClass("df-loading");

				//_this.initThumbs();

				if (_this.linkService !== void 0) {
					_this.linkService.setViewer(targetObject);

					_this.initOutline();
				}

				targetObject.processPage = function (pageNumber, callback) {
					if (pageNumber > 0 && pageNumber <= _this.pageCount) {
						//log("Loading page :" + pageNumber);
						_this.getPage(pageNumber, callback);
					}
					else {
						_this.setPage(pageNumber, defaults.textureLoadFallback, callback);
						//log("Invalid PageNumber :" + pageNumber);
					}
				};

				targetObject.requestPage = function (pageNumber) {

					_this.setPage(pageNumber, defaults.textureLoadFallback);
					_this.review("Request");
				};

				if (targetObject.resize !== void 0)
					targetObject.resize();

			}
		};

		ContentProvider.prototype.review = function (message) {
			var _this = this;
			message = message || "timer review";
			clearTimeout(textureLoadTimeOut);
			textureLoadTimeOut = setTimeout(function () {

				textureLoadTimeOut = setTimeout(_this.reviewPages, _this.waitPeriod / 2, _this, message);

			}, _this.waitPeriod);
		};

		ContentProvider.prototype.reviewPages = function (_this, message) {
			_this = _this || this;
			var target = _this.targetObject;

			if (target == void 0) return;

			if (message !== void 0) log(message);
			var requiresRevisit = false;
			var pageCount, page;

			for (pageCount = 0; pageCount < _this.targetObject.children.length; pageCount++) {
				page = target.children[pageCount];
				if (page.isFlipping == true) { //requires revisit
					requiresRevisit = true;
					break;
				}
			}
			if (requiresRevisit == false) {

				var pageLength = target.children.length;
				var midPoint = pageLength / 2;

				var basePage = getBasePage(target._activePage);


				if (_this.zoomScale > 1) {
					pageLength = 1;
				}

				for (pageCount = 0; pageCount < pageLength; pageCount++) {

					var dividend = Math.floor(pageCount / 2);
					var diff = pageCount % 2 == 0
						? -dividend * 2
						: (dividend == 0 ? 1 : dividend) * 2;

					var frontPageNumber = basePage + diff,
						backPageNumber = basePage + diff + 1;

					var page1 = target.getPageByNumber(frontPageNumber);
					var page2 = target.getPageByNumber(backPageNumber);

					var requestCount = 0;
					if (page1 !== void 0 && page1.frontTextureLoaded != true) {
						target.processPage(frontPageNumber, function () {
							_this.review("Batch Call");
						});
						page1.frontTextureLoaded = true;
						requestCount++;
					}
					if (page2 !== void 0 && page2.backTextureLoaded != true) {
						target.processPage(backPageNumber, function () {
							_this.review("Batch Call");
						});
						page2.backTextureLoaded = true;
						requestCount++;
					}

					//diff is 0 only at the open pages
					if (diff == 0 && _this.annotedPage !== basePage && target.mode !== "css") {
						_this.getAnnotations(frontPageNumber);
						_this.getAnnotations(backPageNumber);
						_this.annotedPage = basePage;
					}

					if (requestCount > 0) {
						break;
					}
				}
				if (requestCount == 0)
					_this.setLoading(basePage), _this.setLoading(basePage + 1);
			}
			else {
				_this.review("Revisit request");
				if (_this.annotedPage !== void 0 && target.mode !== "css") {
					var baseActive = getBasePage(target._activePage);
					$(target.getContentLayer(baseActive)).html("");
					$(target.getContentLayer(baseActive + 1)).html("");
					_this.annotedPage = void 0;
				}
			}

		};

		ContentProvider.prototype.getPage = function (pageNumber, callbackFunction, isThumb) {
			var _this = this;

			pageNumber = parseInt(pageNumber, 10);
			var source = _this.contentSource;
			if (pageNumber <= 0 && pageNumber >= _this.pageCount) {
				_this.setPage(pageNumber, defaults.textureLoadFallback, callbackFunction, isThumb);
			}
			else {
				if (_this.contentSourceType == SOURCE_TYPE.PDF) {
					if (_this.getCache(pageNumber, isThumb) !== void 0) {
						_this.setPage(pageNumber, _this.getCache(pageNumber, isThumb), callbackFunction, isThumb);
						log("Page " + pageNumber + " loaded from cache");
					}
					else {
						if (isThumb !== true)_this.setLoading(pageNumber, true);
						source.getPage(pageNumber, isThumb).then(function (page) {
							renderPage(page, pageNumber, callbackFunction, isThumb);
						});
					}
				}
				else if (_this.contentSourceType == SOURCE_TYPE.IMAGE || _this.contentSourceType == SOURCE_TYPE.HTML) {
					if (_this.getCache(pageNumber, isThumb) !== void 0) {
						_this.setPage(pageNumber, _this.getCache(pageNumber, isThumb), callbackFunction, isThumb);
						log("Page " + pageNumber + " loaded from cache");
					}
					else {
						if (isThumb !== true)_this.setLoading(pageNumber, true);

						loadImage(source[pageNumber - 1], function (src) {

							_this.setCache(pageNumber, src, isThumb, _this.cacheIndex);
							_this.setPage(pageNumber, src, callbackFunction, isThumb);

							if (callbackFunction != void 0) callbackFunction();

						}, _this.isCrossOrigin);

					}

					//_this.setPage(pageNumber, source[pageNumber - 1], callbackFunction, isThumb);
				}
			}

			function loadImage(src, callback, isCrossOrigin) {

				var img = new Image;

				img.crossOrigin = "Anonymous";

				img.onload = function () {

					if (isCrossOrigin == true) {
						var canvas = document.createElement("canvas"),
							ctx = canvas.getContext("2d");
						canvas.width = img.width;
						canvas.height = img.height;
						ctx.drawImage(img, 0, 0);
						//localStorage.setItem( "savedImageData", canvas.toDataURL("image/png") );

						if (defaults.canvasToBlob == true) {
							canvas.toBlob(function (blob) {
								var src = DFLIP.createObjectURL(blob, "image/jpeg");

								if (callback != void 0) callback(src);

							}, "image/jpeg", 0.85)


						}
						else {
							if (callback != void 0) callback(canvas);
						}
					}
					else {
						if (callback != void 0) callback(src);
					}
					//$(this).off();
					img.onload = null;
					img = null;

				}

				img.src = src;

				// make sure the load event fires for cached images too
				if (img.complete || img.complete === undefined) {
					img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
					img.src = src;
				}

			}

			function renderPage(page, pageNumber, callbackFunction, isThumb) {

				log("rendering" + pageNumber);

				/*                var heightScale = _this.pageRatio < 1
				 ? _this.cacheScale
				 : _this.cacheScale / _this.pageRatio;*/

				var scale = _this.cacheScale;//heightScale /_this.normalViewport.height;

				var viewport;
				var canvas = document.createElement('canvas');
				var start = performance.now();

				var requestedCacheSize = _this.cacheIndex;

				var context = canvas.getContext('2d');

				if (isThumb == true) {
					scale = _this.thumbsize / _this.normalViewport.height;
				}

				canvas.height = _this.normalViewport.height * scale;
				canvas.width = _this.normalViewport.width * scale;

				viewport = page.getViewport(scale);
				var renderContext = {
					canvasContext: context,
					viewport: viewport
				};

				page.cleanupAfterRender = true;
				var pageRendering = page.render(renderContext);

				pageRendering.promise.then(
					function () {

						log(performance.now() - start);
						start = performance.now();
						if (isThumb == true || (_this.options.canvasToBlob == true && _this.webgl !== true)) {
							canvas.toBlob(function (blob) {
								var src = DFLIP.createObjectURL(blob, "image/jpeg");
								log(performance.now() - start);
								_this.setCache(pageNumber, src, isThumb, requestedCacheSize);
								_this.setPage(pageNumber, src, callbackFunction, isThumb);

								//canvas.width = canvas.height = 1;
								//context.clearRect( 0, 0, canvas.width, canvas.height );

								//page.cleanup();
							}, "image/jpeg", 0.85)
						}
						else {
							_this.setPage(pageNumber, canvas, callbackFunction, isThumb);
						}
						renderContext = null;
					});

			}

		};

		ContentProvider.prototype.getTargetPage = function (pageNumber) {

		};

		ContentProvider.prototype.setLoading = function (pageNumber, show) {
			if (this.targetObject !== void 0) {
				var contentLayer = $(this.targetObject.getContentLayer(pageNumber));
				if (contentLayer !== void 0) {
					if (show == true) contentLayer.addClass("df-page-loading");
					else contentLayer.removeClass("df-page-loading");
				}
			}
		};

		ContentProvider.prototype.getAnnotations = function (pageNumber) {
			var _this = this;
			var target = _this.targetObject;

			pageNumber = parseInt(pageNumber, 10);
			var source = _this.contentSource;
			var contentLayer = $(target.getContentLayer(pageNumber));
			contentLayer.empty();
			if (pageNumber > 0 && pageNumber <= _this.pageCount) {


				if (_this.contentSourceType == SOURCE_TYPE.PDF) {
					var basePage = getBasePage(pageNumber);

					source.getPage(pageNumber).then(function (page) {

						if (contentLayer !== void 0 && contentLayer.length > 0) {
							_this.setupAnnotations(page, _this.viewport, contentLayer, pageNumber);

							/*                            //it's just resizing nothing to do with annotation fetch
							 if (target.mode != "css") {

							 var page3d = target.getPageByNumber(pageNumber);
							 if (page3d !== void 0) {
							 var isLeft = (pageNumber % 2 == 0);
							 var width = Math.abs(page3d.geometry.boundingBox.max.x - page3d.geometry.boundingBox.min.x);
							 var height = Math.abs(page3d.geometry.boundingBox.max.z - page3d.geometry.boundingBox.min.z);

							 var div3d = isLeft ? target.parent.cssScene.divLeft : target.parent.cssScene.divRight;
							 if (div3d !== void 0) {
							 div3d.rotation.y = (isLeft ? -1 : 1 ) * Math.atan2(height, width) * 0.9;
							 div3d.position.z = height * 0.8;
							 div3d.position.x = (isLeft ? 1 : -1 ) * height / 2.5;
							 $(div3d.element).css({
							 width: width,
							 left: isLeft ? -width / 2 : width / 2
							 });

							 }
							 }
							 }*/
						}
					});
				}

				//render any custom liks available for page.

				if (_this.links !== void 0 && _this.links[pageNumber] !== void 0) {
					var pageLinks = _this.links[pageNumber];
					for (var index = 0; index < pageLinks.length; index++) {
						var pageLink = pageLinks[index];

						var link = document.createElement('a');
						link.setAttribute("dest", pageLink.dest);
						link.className = "customLinkAnnotation";
						link.href = "#" + pageLink.dest;
						link.onclick = function () {
							var dest = this.getAttribute("dest");
							if (dest) {
								_this.linkService.customNavigateTo(dest);
							}
							return false;
						};
						link.style.left = pageLink.x + "%";
						link.style.top = pageLink.y + "%";

						link.style.width = pageLink.w + "%";
						link.style.height = pageLink.h + "%";
						contentLayer[0].appendChild(link);
					}
				}
			}
		};

		ContentProvider.prototype.setPage = function (pageNumber, textureSrc, callbackFunction, isThumb) {
			var _this = this;
			var target = _this.targetObject;
			if (isThumb == true) {
				var page = _this.targetObject.container.find("#df-thumb" + pageNumber);
				//log("setting:" + pageNumber + " " + bgImage(textureSrc));
				page.css({
					backgroundImage: bgImage(textureSrc)
				});
			}
			else {

				if (textureSrc == defaults.textureLoadFallback) {
					log("Fallback on " + pageNumber);
				}
				else {
					if (target.mode == "css")
						_this.getAnnotations(pageNumber);
				}

				var bookPage = target.getPageByNumber(pageNumber);
				if (bookPage !== void 0) {
					if (
						pageNumber % 2 != 0 && target.direction == DFLIP.DIRECTION.LTR ||
						pageNumber % 2 != 1 && target.direction == DFLIP.DIRECTION.RTL
					) {
						log(pageNumber + "rendered to back of " + bookPage.color);
						bookPage.backImage(textureSrc, function () {
							_this.setLoading(pageNumber);
							if (callbackFunction != void 0) callbackFunction();
						});
					}
					else {
						log(pageNumber + "rendered to front of " + bookPage.color);
						bookPage.frontImage(textureSrc, function () {
							_this.setLoading(pageNumber);
							if (callbackFunction != void 0) callbackFunction();
						});
					}
				}
				else {
					log("Invalid set request on Page " + pageNumber);
				}
			}
		};

		ContentProvider.prototype.setupAnnotations = function (page, viewport, pageDiv, pageNumber) {
			if (pageDiv == void 0 || $(pageDiv).length == 0) return;
			var _this = this;
			return page.getAnnotations().then(function (annotationsData) {
				viewport = viewport.clone({
					dontFlip: true
				});

				if (pageDiv == void 0) {
					return;
				}
				pageDiv = $(pageDiv);
				if (pageDiv.find(".annotationDiv").length == 0) {
					pageDiv.append($("<div class='annotationDiv'>"));
				}
				var div = pageDiv.find(".annotationDiv");
				div.empty();
				/*                div.css({
				 transform:'matrix(' + _this.viewport.transform.join(',') + ')'
				 });*/

				PDFJS.AnnotationLayer.render({
					annotations: annotationsData,
					div: div[0],
					page: page,
					viewport: viewport,
					linkService: _this.linkService
				});

			});

		};

		return ContentProvider;
	})({});

	var PageCSS = (function () {
		function PageCSS(parameters) {
			this.angles = parameters.angles || [0, 0, 0, 0, 0, 0];
			this.stiffness = parameters.angles || 0.1;
			this.segments = parameters.segments || 1;
			this.initDOM();
		}

		function createInternals(pageSide) {
			var contentLayer = pageSide.contentLayer = $(html.div, {
				class: "df-page-content"
			});
			pageSide.append(contentLayer);
		}

		PageCSS.prototype = {
			initDOM: function () {
				var element = this.element = $(html.div, {
					class: "df-book-page"
				});
				var wrapper = this.wrapper = $(html.div, {
					class: "df-page-wrapper"
				});
				var front = this.front = $(html.div, {
					class: "df-page-front"
				});
				var back = this.back = $(html.div, {
					class: "df-page-back"
				});
				var foldInnerShadow = this.foldInnerShadow = $(html.div, {
					class: "df-page-fold-inner-shadow"
				});
				var foldOuterShadow = this.foldOuterShadow = $(html.div, {
					class: "df-page-fold-outer-shadow"
				});
				createInternals(front, this.segments, true);
				createInternals(back, this.segments, false);
				element.append(wrapper).append(foldOuterShadow);
				wrapper.append(front).append(back).append(foldInnerShadow);

			},

			updatePoint: function (point) {

				if (point == void 0) return;

				//detect the current page
				var page = this.parent.dragPage != void 0 ? this.parent.dragPage
					: point.page != void 0 ? point.page : this;

				//get the pageWidth and pageHeight
				var pageWidth = page.element.width(),
					pageHeight = page.element.height();

				//the corner where the drag started
				var corner = this.parent.corner !== void 0 ? this.parent.corner : point.corner,
					corners = DFLIP.CORNERS;

				var
					isRight = page.side == drag.right,
					isBottom = (corner == corners.BL) || (corner == corners.BR);

				point.rx = (isRight == true)
					? pageWidth * 2 - point.x
					: point.x;

				point.ry = (isBottom == true)
					? pageHeight - point.y
					: point.y;

				var radAngle = Math.atan2(point.ry, point.rx);

				radAngle = Math.PI / 2 - limitAt(radAngle, 0, toRad(90));

				var correctionX = isRight
						? point.x / 2
						: pageWidth - point.x / 2,

					correctionY = point.ry / 2,

					refLength = Math.max(0,
						Math.sin(radAngle - Math.atan2(correctionY, correctionX)) * distOrigin(correctionX,
							correctionY)),

					foldLength = 0.5 * distOrigin(point.rx, point.ry);

				var x = pageWidth - refLength * Math.sin(radAngle),
					y = refLength * Math.cos(radAngle),

					angle = toDeg(radAngle);

				var angle1 = isBottom
					? isRight ? 180 + ( 90 - angle) : 180 + angle
					: isRight ? angle : 90 - angle;

				var angle2 = isBottom
						? isRight ? 180 + ( 90 - angle) : angle
						: isRight ? angle + 180 : angle1,
					angleS = isBottom
						? isRight ? 90 - angle : angle + 90
						: isRight ? angle1 - 90 : angle1 + 180,
					x1 = isRight ? pageWidth - x : x,
					y1 = isBottom ? pageHeight + y : -y,
					x2 = isRight ? -x : x - pageWidth,
					y2 = isBottom ? -pageHeight - y : y;

				var opacity = limitAt(point.distance * 0.5 / pageWidth, 0, 0.5);
				var foldOpacity = limitAt((pageWidth * 2 - point.rx) * 0.5 / pageWidth, 0.05, 0.3);

				page.element.addClass("df-folding");

				var front = isRight ? page.back : page.front;
				var back = isRight ? page.front : page.back;
				var outerShadow = page.foldOuterShadow;
				var innerShadow = page.foldInnerShadow;
				page.wrapper.css({
					transform: translateStr(x1, y1) + rotateStr(angle1)
				});

				front.css({
					transform: rotateStr(-angle1) + translateStr(-x1, -y1)
				});

				back.css({
					transform: rotateStr(angle2) + translateStr(x2, y2),
					boxShadow: "rgba(0, 0, 0, " + opacity + ") 0px 0px 20px"
				});

				innerShadow.css({
					transform: rotateStr(angle2) + translateStr(x2, y2),
					opacity: foldOpacity / 2,
					backgroundImage: prefix.css + "linear-gradient( " + angleS + "deg, rgba(0, 0, 0, 0.25) , rgb(0, 0, 0) " + foldLength * 0.7 + "px, rgb(255, 255, 255) " + foldLength + "px)"
				});

				outerShadow.css({
					//transform: rotateStr(angle - (isRight ? -180 : 0)) + translateStr(isRight ? -x : x - pageWidth, y),
					opacity: foldOpacity / 2,
					left: isRight ? "auto" : 0,
					right: isRight ? 0 : "auto",
					backgroundImage: prefix.css + "linear-gradient( " + (-angleS + 180) + "deg, rgba(0, 0, 0,0) " + foldLength / 3 + "px, rgb(0, 0, 0) " + foldLength + "px)"
				});

				//$("body > p").html(JSON.stringify({
				//	x: Math.round(point.rx),
				//	y: Math.round(point.ry),
				//	a: Math.round(angle),
				//	a1: Math.round(angle1),
				//	cx: Math.round(correctionX),
				//	cy: Math.round(correctionY),
				//	dx: Math.round(x),
				//	dy: Math.round(y),
				//	ref: Math.round(refLength),
				//	dis: Math.round(distOrigin(point.x, point.y))
				//}));
			},

			updateAngle: function (angle, isRight) {

				var width = this.element.width() * 5;

				//if(prefix.dom!=='MS') {
				this.wrapper.css({
					perspective: width,
					perspectiveOrigin: isRight == true ? "0% 50%" : "100% 50%"
				});
				//}

				this.front.css({
					display: (isRight == true ? (angle <= -90 ? 'block' : 'none') : (angle < 90 ? 'block' : 'none')),
					transform: (prefix.dom !== 'MfS' ? "" : "perspective(" + width + "px) ")
					+ (isRight == true ? "translateX(-100%) " : "" )
					+ "rotateY(" + ((isRight == true ? 180 : 0 ) + angle) + "deg)"
				});
				this.back.css({
					display: (isRight == true ? (angle > -90 ? 'block' : 'none') : (angle >= 90 ? 'block' : 'none')),
					transform: (prefix.dom !== 'MSd' ? "" : "perspective(" + width + "px) ")
					+ (isRight == false ? "translateX(100%) " : "" )
					+ "rotateY(" + ((isRight == false ? -180 : 0 ) + angle) + "deg)"
				});
				//$("body > p").html(JSON.stringify({
				//	a: Math.round(angle)
				//}));
				return;
				/*if(this.angles[1] != void 0) {
				 var segsb = this.back.segments;
				 var segsf = this.front.segments;
				 var width = this.element.width();
				 var angle1 = this.angles[1];
				 var angle2 = this.angles[4]/segsb.length;
				 var step = Math.floor(width/segsb.length);

				 for (var count = 0; count < segsb.length; count++) {
				 var segb = segsb[count];
				 var segf = segsf[count];
				 segb.css({
				 transform: "rotate3d(0,1,0," + (count == 0 ? angle1 : angle2) + "deg)",
				 //backgroundPositionX: -step * count,
				 //backgroundSize: width + "px 100%"
				 });

				 segf.css({
				 transform: "rotate3d(0,1,0," + (count == 0 ? 180 + angle1 : angle2) + "deg)",
				 //backgroundPositionX: step * (count + 1),
				 //backgroundSize: width + "px 100%"
				 });
				 }
				 }
				 else{
				 this.element.find(".bg-segment").css({
				 transform: "translate3d(0px,0,0) rotate3d(0,1,0,0deg)"
				 });
				 }*/

			},

			tween: function (point) {
				var page = this;
				if (page == void 0 || page.parent == void 0) return;

				var isRight = page.side == drag.right;
				var isBottom = page.parent.corner == DFLIP.CORNERS.BL || page.parent.corner == DFLIP.CORNERS.BR;

				var travelY = isBottom ? page.parent.height : 0;

				var init, first, mid, angle = 0;

				var end = page.end = (page && page.animateToReset == true)
					? {x: isRight ? page.parent.fullWidth : 0, y: travelY}
					: {x: isRight ? 0 : page.parent.fullWidth, y: travelY};

				page.ease = page.isHard ? TWEEN.Easing.Quadratic.InOut : TWEEN.Easing.Linear.None;

				var tempDuration = page.parent.duration;

				if (page.isHard == true) {

					if (point != void 0) {
						angle = angleByDistance(point.distance, point.fullWidth);
					}

					init = page.init = {angle: angle * (isRight ? -1 : 1)};
					end = page.end = (page && page.animateToReset == true)
						? {angle: isRight ? 0 : -0}
						: {angle: isRight ? -180 : 180};

				} else {

					if (point == void 0) {

						init = page.init = (page && page.animateToReset == true)
							? {x: isRight ? 0 : page.parent.fullWidth, y: 0}
							: {x: isRight ? page.parent.fullWidth : 0, y: 0};

						first = page.first = {
							x: (isRight ? 3 : 1 ) * page.parent.fullWidth / 4,
							y: 0
						};

						mid = page.mid = {x: (isRight ? 1 : 3 ) * page.parent.fullWidth / 4, y: 0};

					}
					else {

						init = page.init = {x: point.x, y: point.y};
						first = page.first = {x: point.x * 3 / 4, y: point.y * 3 / 4};
						mid = page.mid = {x: point.x / 4, y: point.y / 4};

						tempDuration = page.parent.duration * distPoints(init.x, init.y, end.x, end.y) / page.parent.fullWidth;

						tempDuration = limitAt(tempDuration, page.parent.duration / 3, page.parent.duration);

					}
				}
				page.isFlipping = true;

				var update = function (tween) {

					if (page.isHard == true) {
						page.updateAngle(tween.angle, isRight);
					} else {
						page.updatePoint({
							x: tween.x,
							y: tween.y
						});
					}

				};

				var completeTween = page.completeTween = page.completeTween || function (skipRefresh) {
					page.isFlipping = false;

					if (page.isHard == true) {

						page.updateAngle(page.end.angle);
						page.back.css({display: "block"});
						page.front.css({display: "block"});

					}
					else {

						page.updatePoint({
							x: page.end.x,
							y: page.end.y
						});

					}

					if (page.animateToReset !== true) {
						page.side = page.side == drag.right ? drag.left : drag.right;
					}
					else
						page.animateToReset = void 0;

					page.currentTween = void 0;
					page.pendingPoint = void 0;
					page.magnetic = false;
					page.parent.dragPage = void 0;
					page.parent.corner = DFLIP.CORNERS.NONE;

					if (skipRefresh != true)
						page.parent.refresh();


					//log("Tween Completed");
				};
				if (page.isHard == true) {
					page.currentTween = new TWEEN.Tween(init).delay(0)
						.to(end, page.parent.duration)
						.onUpdate(function () {
							update(this);
						}).easing(page.ease)
						.onComplete(page.completeTween)
						.start();
				} else {
					if (point == void 0) {
						page.currentTween = new TWEEN.Tween(init).delay(0)
							.to(end, page.parent.duration)
							.onUpdate(function () {
								update(this);
							}).easing(TWEEN.Easing.Sinusoidal.Out)
							.onComplete(page.completeTween)
							.start();
					}
					else {
						page.currentTween = new TWEEN.Tween(init).delay(0)
							.to(end, tempDuration)
							.onUpdate(function () {
								update(this);
							}).easing(TWEEN.Easing.Sinusoidal.Out)
							.onComplete(page.completeTween);
						page.currentTween.start();
					}
				}
				//page.currentTween.parent= page;

			},
			frontImage: function (texture, callback) {
				if (texture.nodeName == "CANVAS") {
					this.front.html("");
					this.front.append($(texture));
				}
				else {
					this.front.css({
						backgroundImage: bgImage(texture)
					});
				}
				if (callback !== void 0) callback();
			},
			backImage: function (texture, callback) {

				if (texture.nodeName == "CANVAS") {
					this.back.html("");
					this.back.append($(texture));
				}
				else {
					this.back.css({
						backgroundImage: bgImage(texture)
					});
				}
				if (callback !== void 0) callback();
			},
			updateCSS: function (css) {
				this.element.css(css);
			},
			resetCSS: function () {
				this.wrapper.css({
					transform: ''
				});

				this.front.css({
					transform: '',
					boxShadow: ''
				});

				this.back.css({
					transform: '',
					boxShadow: ''
				});
			},
			clearTween: function (skipRefresh) {
				this.currentTween.stop();
				this.completeTween(skipRefresh == true);
				this.resetCSS();
			}

		};

		return PageCSS;
	})();

	var BookCSS = (function (_super) {
		__extends(BookCSS, _super);

		function updateFolding(dragPage) {
			dragPage.parent.container.find(".df-folding").removeClass("df-folding");
			dragPage.element.addClass("df-folding");
		}

		function hasFlipping(book) {
			var hasFlipping = false;
			for (var pageCount = 0; pageCount < book.pages.length; pageCount++) {
				var page = book.pages[pageCount];
				if (page.isFlipping == true) {
					hasFlipping = true;
					break;
				}
			}
			return hasFlipping;
		}

		function BookCSS(parameters, container) {
			//parameters = extendOptions(parameters);

			//_super.call(this, parameters, stage);
			var _this = this;
			_this.type = "BookCSS";
			_this.images = parameters.images || [];
			_this.pageCount = parameters.pageCount || 2;
			//_this.segments = parameters.segments = 5;

			_this.foldSense = 50;

			_this.stackCount = 4;
			_this.mode = "css";
			_this.pages = [];
			_this.duration = parameters.duration;

			_this.container = $(container);
			_this.options = parameters;
			_this.drag = drag.none;
			_this.pageMode = parameters.pageMode || (isMobile ? DFLIP.PAGE_MODE.SINGLE : DFLIP.PAGE_MODE.DOUBLE);

			_this.swipe_threshold = isMobile ? 15 : 50;

			this.direction = parameters.direction || DFLIP.DIRECTION.LTR;

			this.startPage = 1;
			this.endPage = this.pageCount;

			this._activePage = parameters.activePage || this.startPage;

			_this.hardConfig = parameters.hard;
			//var foldTime = void 0;
			has3d = 'WebKitCSSMatrix' in window || (document.body && 'MozPerspective' in document.body.style);

			this.animateF = function () {
				if (TWEEN.getAll().length > 0)
					TWEEN.update();
				else
					clearInterval(_this.animate);
			};

			_this.init(parameters);

			_this.skipDrag = false;

			function checkPage(point) {
				if (_this.dragPage != point.page && point.page.visible == true) {
					_this.dragPage.clearTween(true);
					_this.dragPage = point.page;
					_this.corner = point.corner;
					_this.dragPage.pendingPoint = point;
				}
			}

			var mouseMove = function (event) {
					//event.preventDefault();
					var point = _this.eventToPoint(event);
					if (event.touches !== void 0 && event.touches.length > 1) return;

					var targetPage = _this.dragPage || point.page;

					if (_this.contentProvider.zoomScale !== 1) {
						if ((event.touches !== void 0 || _this.isPanning == true)) {
							_this.pan(point);
							event.preventDefault();
						}
					}
					else {
						if (_this.skipDrag !== true) {
							//if (_this.cancelMouse != true) {

							var distance = point.distance;//_this.getDistance(event);//point.x < _this.pageWidth ? point.x : _this.fullWidth - point.x;

							if (!hasFlipping(_this)) {


								if ((_this.dragPage !== void 0 ) || (point.isInside == true)) {
									//$(".quick-hint").html(distance);
									if (_this.dragPage !== void 0) {
										log("set mouse down move");
									}
									else {
										point.y = limitAt(point.y, 1, _this.height - 1);
										point.x = limitAt(point.x, 1, point.fullWidth - 1);
									}

									var corner = _this.corner || point.corner;
									if (targetPage.isHard) {
										var isRight = corner == DFLIP.CORNERS.BR || corner == DFLIP.CORNERS.TR;

										var angle = angleByDistance(point.distance, point.fullWidth);

										targetPage.updateAngle(angle * (isRight ? -1 : 1), isRight);

									}
									else {
										targetPage.updatePoint(point, _this);
									}

									targetPage.magnetic = true;
									targetPage.magneticCorner = point.corner;
									event.preventDefault();
									//point.page.updatePoint(point);
								}

								if (_this.dragPage == void 0 && targetPage !== void 0 && point.isInside == false && targetPage.magnetic == true) {
									targetPage.pendingPoint = point;
									targetPage.animateToReset = true;
									_this.corner = targetPage.magneticCorner;
									_this.animatePage(targetPage);
									targetPage.pendingPoint = void 0;
									targetPage.magnetic = false;
									targetPage.magneticCorner = void 0;
								}

								if (_this.isPanning == true && _this.dragPage == void 0 && _this.contentProvider.zoomScale == 1) {
									//check if swipe has happened
									//console.log(_this.lastPos - point.x,performance.now()-_this.lastTime);
									var swipe_dist = point.x - _this.lastPos,
										swipe_time = performance.now() - _this.lastTime;
									if (Math.abs(swipe_dist) > _this.swipe_threshold) {
										//swipe has triggered
										//_this.dragPage.pendingPoint = point;
										if (swipe_dist < 0) {
											_this.next();
										}
										else {
											_this.prev();
										}
										_this.drag = drag.none;
										_this.isPanning = false;
										event.preventDefault();
									}
									_this.lastPos = point.x;
									_this.lastTime = performance.now();

								}
							}
						}
					}

				},
				mouseUp = function (event) {

					_this.isPanning = false;
					if (event.touches !== void 0 && event.touches.length > 1) return;
					if (_this.skipDrag !== true) {
						//completeFold();

						if (_this.dragPage) {
							event.preventDefault();

							/*							if (_this.animate !== void 0) {
							 clearInterval(_this.animate);
							 }

							 _this.animate = setInterval(_this.animateF, 30);

							 _this.dragPage.tween(point);*/

							//use something like pending point
							// detect the next page anbd call the updatepage
							//will be better
							var point = _this.eventToPoint(event);
							_this.dragPage.pendingPoint = point;
							if (point.x == _this.startPoint.x && point.y == _this.startPoint.y && point.isInside == true) {

								if (_this.corner == DFLIP.CORNERS.BR || _this.corner == DFLIP.CORNERS.TR) {
									checkPage(point);
									if (_this.dragPage.isFlipping !== true)
										_this.next();
								}
								else if (_this.corner == DFLIP.CORNERS.BL || _this.corner == DFLIP.CORNERS.TL) {
									checkPage(point);
									if (_this.dragPage.isFlipping !== true)
										_this.prev();
								}
							}
							else if (_this.dragPage.isFlipping !== true) {
								if (point.distance > point.fullWidth / 2) {
									if (point.x > point.fullWidth / 2)
										_this.prev();
									else
										_this.next();
								}
								else {
									_this.dragPage.animateToReset = true;
									_this.animatePage(_this.dragPage);
								}
							}
							//_this.dragPage.animateToReset = true;
							if (_this.dragPage) {
								_this.dragPage.pendingPoint = void 0;
								_this.dragPage.magnetic = false;
							}
						}

						_this.drag = drag.none;

						//_this.dragPage = void 0;
						//_this.corner = DFLIP.CORNERS.NONE;
						//log("set mouse up");
					}

				},
				mouseDown = function (event) {
					if (event.touches !== void 0 && event.touches.length > 1) return;
					var point = _this.eventToPoint(event);
					_this.startPoint = point;
					_this.left = _this.left || 0;
					_this.top = _this.top || 0;
					_this.isPanning = true;
					_this.lastPos = point.x;
					_this.lastTime = performance.now();

					if (_this.skipDrag !== true) {

						if (point.isInside == true && !hasFlipping(_this)) {
							_this.startPoint = point;
							_this.drag = point.drag;
							_this.dragPage = point.page;

							_this.corner = point.corner;

							log(_this.corner);

							updateFolding(_this.dragPage);
							//log("set mouse down");
							if (point.page.isHard) {

							}
							else {
								point.page.updatePoint(point, _this);
							}
						}
					}
				},
				onMouseWheel = function (event) {
					var delta = 0;

					//var zoom = _this.contentProvider.zoomScale > 1;
					if (event.wheelDelta != void 0) { // WebKit / Opera / Explorer 9

						delta = event.wheelDelta / 120;

					} else if (event.detail !== void 0) { // Firefox

						delta = -event.detail / 3;

					}

					var zoom1 = _this.contentProvider.zoomScale,
						maxZoom = _this.contentProvider.maxZoom;

					if (delta) {

						if ((delta > 0 && zoom1 < maxZoom) || (delta < 0 && zoom1 > 1)) {

							event.stopPropagation();
							event.preventDefault();

							var pointOld = _this.eventToPoint(event);
							var pointNew = _this.eventToPoint(event);

							var origin = {x: _this.container.width() / 2, y: -23 + _this.container.height() / 2};

							_this.previewObject.zoom(delta);

							var zoom2 = _this.contentProvider.zoomScale;
							if (zoom1 !== zoom2) {
								var dz = (zoom2 / zoom1);

								//fix zoom to previous center
								if (zoom2 == 1) {
									_this.left = 0;
									_this.top = 0;
								} else {
									_this.left *= dz;
									_this.top *= dz;
								}

								//fix zoom to previous pointer
								var dx = (pointOld.raw.x - origin.x ) * dz,
									dy = (pointOld.raw.y - origin.y ) * dz;

								pointNew.raw.x = origin.x + dx;// origin.x + dz * (point.x-origin.x);
								pointNew.raw.y = origin.y + dy;// origin.y + dz * (point.y-origin.y);

								_this.startPoint = pointNew;
								//console.log(pointOld.raw.x - origin.x,dx,pointOld.raw.y - origin.y,dy,pointNew.raw,_this.startPoint.raw);
								_this.pan(pointOld);

								var targetPage = _this.dragPage || pointOld.page;
								if (_this.dragPage == void 0 && targetPage !== void 0 && pointOld.isInside == true && targetPage.magnetic == true) {
									targetPage.pendingPoint = pointOld;
									targetPage.animateToReset = true;
									_this.corner = targetPage.magneticCorner;
									_this.animatePage(targetPage);
									targetPage.pendingPoint = void 0;
									targetPage.magnetic = false;
									targetPage.magneticCorner = void 0;
								}
							}

						}
					}

				};

			var containerDom = _this.container[0];
			var stageDom = _this.stage[0];
			if (containerDom) {
				containerDom.addEventListener("mousemove", mouseMove, false);
				containerDom.addEventListener("touchmove", mouseMove, false);

				containerDom.addEventListener("mousedown", mouseDown, false);
				containerDom.addEventListener("mouseup", mouseUp, false);
				containerDom.addEventListener("touchend", mouseUp, false);
				containerDom.addEventListener("touchstart", mouseDown, false);

				//lets not trigger scroll when in outline or another
				stageDom.addEventListener('mousewheel', onMouseWheel, false);
				stageDom.addEventListener('DOMMouseScroll', onMouseWheel, false); // firefox
			}

			this.dispose = function () {
				containerDom.removeEventListener("mousemove", mouseMove, false);
				containerDom.removeEventListener("touchmove", mouseMove, false);

				containerDom.removeEventListener("mousedown", mouseDown, false);
				containerDom.removeEventListener("mouseup", mouseUp, false);
				containerDom.removeEventListener("touchend", mouseUp, false);
				containerDom.removeEventListener("touchstart", mouseDown, false);

				stageDom.removeEventListener('mousewheel', onMouseWheel, false);
				stageDom.removeEventListener('DOMMouseScroll', onMouseWheel, false); // firefox

				_this.flipCallback = null;
				_this.animateF = null;
				_this.stage.remove();

			};

			/*            _this.container.on("mousemove", function (event) {

			 }).on(mouseEvents.start, function (event) {

			 }).on(mouseEvents.end, function () {

			 });*/
		}

		function isPageHard(setting, pageNumber) {
			return true;
		}

		BookCSS.prototype = {
			add: function (object) {
				if (object instanceof PageCSS)
					this.container.append($(object.element));
				else
					this.container.append($(object));
			},
			pan: function (point) {
				var origin = this.startPoint;
				var scale = this.contentProvider.zoomScale;

				var left = (this.left + (point.raw.x - origin.raw.x)),
					top = (this.top + (point.raw.y - origin.raw.y));

				this.left = limitAt(left, -this.shiftWidth, this.shiftWidth);
				this.top = limitAt(top, -this.shiftHeight, this.shiftHeight);

				this.startPoint = point;

				//console.log(point, origin);
				this.stage.css({
					transform: "translate3d(" + this.left + "px," + this.top + "px,0)"
				});

				//var a = book.wrapper.height();
			},
			getPageByNumber: function (pageNumber) {
				var relativePageNumber = Math.floor((pageNumber - 1) / 2);
				var page;
				for (var count = 0; count < this.pages.length; count++) {
					if (relativePageNumber == parseInt(this.pages[count].name, 10))
						page = this.pages[count];
				}
				return page;
			},
			getPageSide: function (pageNumber) {

				var isRTL = this.direction == DFLIP.DIRECTION.RTL;

				var page = this.getPageByNumber(pageNumber);
				if (page == void 0) return;
				if (pageNumber % 2 == 0)
					return isRTL ? page.back : page.front;
				else
					return isRTL ? page.front : page.back;
			},
			getContentLayer: function (pageNumber) {
				var pageSide = this.getPageSide(pageNumber);
				return pageSide == void 0 ? void 0 : pageSide.contentLayer;
			}
		};

		BookCSS.prototype.init = function (parameters) {
			var _this = this;
			_this.stage = $(html.div, {
				class: "df-book-stage"
			});
			_this.wrapper = $(html.div, {
				class: "df-book-wrapper"
			});
			_this.shadow = $(html.div, {
				class: "df-book-shadow"
			});
			//_this.resize();
			_this.container.append(_this.stage);
			_this.stage.append(_this.wrapper);
			_this.wrapper.append(_this.shadow);
			/*			_this.nextButton = $(html.div, {
			 class: "df-book-next-button df-book-side-buttons " + parameters.icons['altnext']
			 }).appendTo(_this.wrapper).on("click", function () {
			 _this.next();
			 });
			 _this.prevButton = $(html.div, {
			 class: "df-book-prev-button df-book-side-buttons " + parameters.icons['altprev']
			 }).appendTo(_this.wrapper).on("click", function () {
			 _this.prev();
			 });*/


			_this.container.height(parameters.height);

			_this.createStack(parameters);
		};

		BookCSS.prototype.createStack = function (parameters) {

			var colors = "red,green,blue,yellow,orange,black".split(",");

			for (var _stackCount = 0; _stackCount < this.stackCount; _stackCount++) {
				parameters.angles = [, this.stackCount - _stackCount];//[1] = (this.stackCount - _stackCount);
				parameters.stiffness = (this.stackCount - _stackCount) / 100;

				var clone = new PageCSS(parameters);
				clone.angles[1] = 180;
				clone.index = _stackCount;
				clone.parent = this;
				clone.textureReady = false;
				clone.textureRequested = false;
				this.wrapper.append(clone.element);
				clone.isFlipping = false;
				this.pages.push(clone);
				clone.color = colors[_stackCount];
				//for (var _count = 0; _count < 4; _count++) {
				//    clone.element.css({
				//        backgroundColor : colors[_stackCount]
				//    });
				//}
			}

			this.children = this.pages;
		};

		BookCSS.prototype.isPageHard = function (pageNumber) {

			if (this.hardConfig !== void 0) {

				var config = this.hardConfig;

				if (config == "cover") {
					return pageNumber == 0  //front cover is 0
					|| pageNumber == (Math.floor(this.pageCount / 2) - 1); //start with 0 so 1 minus
				}
				else if (config == "all") {
					return true;
				}
				else {
					var baseTest = ("," + config + ",").indexOf("," + (pageNumber * 2 + 1) + ",") > -1;
					var nextTest = ("," + config + ",").indexOf("," + (pageNumber * 2 + 2) + ",") > -1;
					return baseTest || nextTest;

				}
			}
			return false;
		};

		BookCSS.prototype.setDuration = function (_duration) {
			this.duration = _duration;
		};

		/*		BookCSS.prototype.next = function (step) {
		 if(step ==void 0) step = this.pageMode;
		 var nextPage = this._activePage + step;
		 if (nextPage > this.pageCount) {
		 nextPage = this.pageCount;
		 }
		 if (this._activePage != nextPage)
		 this.gotoPage(nextPage);
		 };

		 BookCSS.prototype.prev = function (step) {
		 if(step ==void 0) step =this.pageMode;
		 var prevPage = this._activePage - step;
		 if (prevPage < 1) {
		 prevPage = 1;
		 }
		 if (this._activePage != prevPage)
		 this.gotoPage(prevPage);
		 };*/
		BookCSS.prototype.moveBy = function (step) {
			var nextPage = this._activePage + step;

			nextPage = limitAt(nextPage, this.startPage, this.endPage);

			this.gotoPage(nextPage);
		};

		BookCSS.prototype.next = function (step) {
			if (step == void 0)
				step =
					(this.direction == DFLIP.DIRECTION.RTL)
						? -this.pageMode : this.pageMode;

			this.moveBy(step);
		};

		BookCSS.prototype.prev = function (step) {
			if (step == void 0)
				step =
					(this.direction == DFLIP.DIRECTION.RTL)
						? this.pageMode : -this.pageMode;

			this.moveBy(step);
		};
		BookCSS.prototype.eventToPoint = function (event) {

			event = fixMouseEvent(event);

			var wrapper = this.wrapper,
				pages = this.pages,
				pageWidth = this.pageWidth,
				fullWidth = this.fullWidth,
				height = this.height,
				win = $(window),
				point = {x: event.clientX, y: event.clientY};

			var left = point.x - wrapper[0].getBoundingClientRect().left;// + win['scrollLeft']();

			var top = point.y - wrapper[0].getBoundingClientRect().top;// + win['scrollTop']();

			point.x = point.x - this.container[0].getBoundingClientRect().left;
			point.y = point.y - this.container[0].getBoundingClientRect().top;

			var distance = (this.drag == drag.none)
				? left < pageWidth ? left : fullWidth - left
				: this.drag == drag.left ? left : fullWidth - left;

			var page = //((left >= 0 && left <= fullWidth)?
				(left < pageWidth ? pages[this.stackCount / 2 - 1] : pages[this.stackCount / 2]);

			var pageDrag = left < this.foldSense ? drag.left
				: (left > fullWidth - this.foldSense) ? drag.right : drag.none;

			//determine the corner
			var x = left,
				y = top,
				h = height,
				w = fullWidth,
				delta = this.foldSense,
				corners = DFLIP.CORNERS,
				corner;

			if (x >= 0 && x < delta) {
				if (y >= 0 && y <= delta)
					corner = corners.TL;
				else if (y >= h - delta && y <= h)
					corner = corners.BL;
				else if (y > delta && y < h - delta)
					corner = corners.L;
				else
					corner = corners.NONE;
			}
			else if (x >= w - delta && x <= w) {
				if (y >= 0 && y <= delta)
					corner = corners.TR;
				else if (y >= h - delta && y <= h)
					corner = corners.BR;
				else if (y > delta && y < h - delta)
					corner = corners.R;
				else
					corner = corners.NONE;
			}
			else
				corner = corners.NONE;

			return {
				isInside: corner !== corners.NONE && corner !== corners.L && corner !== corners.R,
				x: left,
				y: top,
				fullWidth: fullWidth,
				rawDistance: fullWidth - left,
				distance: distance,
				page: page,
				drag: pageDrag,
				foldSense: this.foldSense,
				event: event,
				raw: point,
				corner: corner
			};
		};

		BookCSS.prototype.gotoPage = function (pageNumber) {
			pageNumber = parseInt(pageNumber, 10);
			this._activePage = pageNumber;
			this.updatePage(pageNumber);
		};

		BookCSS.prototype.refresh = function () {
			this.updatePage(this._activePage);
			if (this.flipCallback !== void 0) this.flipCallback();
		};

		BookCSS.prototype.updatePage = function (pageNumber) {

			var isRTL = (this.direction == DFLIP.DIRECTION.RTL);

			pageNumber = Math.floor((pageNumber / 2));

			if (isRTL) pageNumber = Math.floor(this.pageCount / 2) - pageNumber;

			var oldBaseNumber = this.oldBaseNumber || 0;
			var pageCount = this.pageCount / 2;
			var stackCount = this.stackCount;

			var midPoint = Math.floor(stackCount / 2);

			if (oldBaseNumber > pageNumber) {
				this.children[stackCount - 1].skipFlip = true;
				this.children.unshift(this.children.pop());
			}
			else if (oldBaseNumber < pageNumber) {
				this.children[0].skipFlip = true;
				this.children.push(this.children.shift());
			}

			/*            if(oldBaseNumber !==pageNumber){
			 var tweens = TWEEN.getAll();
			 for(var count = 0; count< tweens.length ; count++){
			 var tween = tweens[0];
			 if(tween.parent!==void 0){
			 tween.stop();
			 }
			 }
			 }*/

			for (var _pageCount = 0; _pageCount < stackCount; _pageCount++) {
				var page = this.children[_pageCount];

				if (oldBaseNumber !== pageNumber) {
					if (page.currentTween !== void 0) {
						page.clearTween(true);
						//page.currentTween.stop();
						//page.completeTween(true);
						//page.resetCSS();
						//page.currentTween = null;
					}
				}
				var oldSide = page.side;
				var newSide;
				var relativePageNumber = pageNumber - midPoint + _pageCount;
				var oldName = page.name;

				page.isHard = this.isPageHard(relativePageNumber);
				if (page.isHard) {
					page.element.addClass("df-hard-page");
				} else {
					page.element.removeClass("df-hard-page");
					page.front.css({display: "block"});
					page.back.css({display: "block"});
				}
				$(page.element).attr("pageNumber", relativePageNumber);
				page.visible = (relativePageNumber >= 0 && relativePageNumber < pageCount);

				if (this.requestPage !== void 0 && page.visible == true) {
					if (isRTL) relativePageNumber = Math.floor(this.pageCount / 2) - relativePageNumber - 1;
					page.name = relativePageNumber.toString();
					if (page.name != oldName) {

						page.backTextureLoaded = false;
						page.frontTextureLoaded = false;
						page.thumbLoaded = false;
						this.requestPage(relativePageNumber * 2 + 1);
						this.requestPage(relativePageNumber * 2 + 2);

					}
				}

				//Sizing
				page.isEdge = false; //true;
				if (_pageCount == 0) {

				}
				else if (_pageCount == stackCount - 1) {

				}
				else {

					page.isEdge = false;
				}


				if (_pageCount < midPoint) {
					newSide = drag.left;
				}
				else {
					newSide = drag.right;
				}


				if (page.isFlipping == false) {

					if (newSide !== oldSide && page.skipFlip == false) {

						this.animatePage(page);

						if (this.preFlipCallback !== void 0)
							this.preFlipCallback();

					} else {
						page.skipFlip = false;
						page.element.removeClass("df-flipping df-quick-turn df-folding df-left-side df-right-side");
						page.element.addClass((_pageCount < midPoint) ? "df-left-side" : "df-right-side");
						page.side = newSide;
					}
				}
				page.oldDepth = page.depth;
				page.updateCSS({
					display: page.visible == true ? "block" : "none",
					zIndex: 6 + (_pageCount < midPoint ? (_pageCount - midPoint) : (midPoint - _pageCount)),
					transform: ''
				});

				if (page.pendingPoint == void 0) {
					page.resetCSS();
				}
			}

			if (TWEEN.getAll().length == 0) {
				clearInterval(this.animate);
			}
			$(".quick-hint").html(pageNumber);

			this.oldBaseNumber = pageNumber;

			if (this.updatePageCallback !== void 0)
				this.updatePageCallback();

		};

		BookCSS.prototype.animatePage = function (page) {
			page.element.addClass("df-flipping");
			page.isFlipping = true;

			if (this.animate !== void 0) {
				clearInterval(this.animate);
			}

			this.animate = setInterval(this.animateF, 30);

			page.tween(page.pendingPoint);
		};

		return BookCSS;
	})({});

	var FlipBook = (function (_super) {

		__extends(FlipBook, _super);

		function FlipBook(container, source, parameters) {
			_super.call(this, parameters);
			var _this = this;

			_this.type = "FlipBook";
			_this.container = container;
			_this.activePage = 0;
			_this.options = parameters;
			_this.options.source = source;
			_this.contentSource = source;
			_this.container.css({
				position: "relative",
				overflow: "hidden",
				backgroundColor: parameters.backgroundColor
			});

			var webgl = _this.webgl = parameters.webgl == true && hasWebgl == true;

			container.addClass("df-container df-loading");
			_this.init(webgl, source);

			if (_this.options.onCreate !== void 0)
				_this.options.onCreate();

			return _this;

		}

		FlipBook.prototype.init = function (webgl) {
			var _this = this;
			var book = _this.target;

			var options = _this.options;


			if (webgl == true) {

				updateMockupJs(function () {

					//Todo: ability to use anisotropy

					var canvas = $("<canvas/>");
					_this.container.append(canvas);
					_this.container.css({
						minHeight: 300,
						minWidth: 300
					});

					_this.stage = new PreviewStage(extendOptions(_this.options, {canvas: canvas[0]}));
					_this.stage.previewObject = _this;

					_this.contentProvider = new ContentProvider(_this.contentSource, function (contentProvider) {
						var options = {
							pageCount: Math.ceil(contentProvider.pageCount / 2) * 2,
							stackCount: 6,
							segments: 20,
							width: 300 * contentProvider.pageRatio,
							height: 300
						};

						_this.target = book = _this.stage.target = new MOCKUP.Book(extendOptions(_this.options, options), _this.stage);

						createUI(_this.container, _this);

						//bookStage.setTarget(_this.target);
						book.ui = _this.ui;
						book.container = _this.container;
						contentProvider.webgl = webgl;
						contentProvider.setTarget(_this.target);

						book.getContentLayer = function (pageNumber) {

							var isRTL = book.direction == DFLIP.DIRECTION.RTL,
								left = _this.stage.cssScene.divLeft.element,
								right = _this.stage.cssScene.divRight.element;

							var baseActive = getBasePage(book._activePage);

							//if(isRTL){
							//	if(pageNumber == 0 || pageNumber == 1) return right;
							//	if(pageNumber == book.pageCount) return left;
							//}

							if (pageNumber % 2 == 0)
								return isRTL ? right : left;
							else
								return isRTL ? left : right;
							//else
							//	return void 0;
						};
						book.stage = _this.stage;

						book.flipCallback = function () {
							_this.contentProvider.review("flipCallback");

							var baseActive = getBasePage(book._activePage);

							var width, height;
							var pageLeft = book.getPageByNumber(baseActive),
								pageRight = book.getPageByNumber(baseActive + 1);
							//if (page3d !== void 0) {
							//    var isLeft = (pageNumber % 2 == 0);
							var divLeft = book.parent.cssScene.divLeft,
								divRight = book.parent.cssScene.divRight;

							var isSingle = book.pageMode == DFLIP.PAGE_MODE.SINGLE;
							var isRTL = book.direction == DFLIP.DIRECTION.RTL;

							if (pageLeft !== void 0 && divLeft !== void 0) {
								width = Math.abs(pageLeft.geometry.boundingBox.max.x - pageLeft.geometry.boundingBox.min.x);
								height = Math.abs(pageLeft.geometry.boundingBox.max.z - pageLeft.geometry.boundingBox.min.z);

								divLeft.rotation.y = -Math.atan2(height, width) * 0.9;
								divLeft.position.z = height * 0.8;
								divLeft.position.x = height / 2.5;
								$(divLeft.element).css({
									width: width,
									left: -width / 2//baseActive == 0 && isRTL == true? width
									//: baseActive == book.pageCount && isRTL == true ? 0 : -width / 2
								});

							}

							if (pageRight !== void 0 && divRight !== void 0) {
								width = Math.abs(pageRight.geometry.boundingBox.max.x - pageRight.geometry.boundingBox.min.x);
								height = Math.abs(pageRight.geometry.boundingBox.max.z - pageRight.geometry.boundingBox.min.z);

								divRight.rotation.y = Math.atan2(height, width) * 0.9;
								divRight.position.z = height * 0.8;
								divRight.position.x = -height / 2.5;
								$(divRight.element).css({
									width: width,
									left: width / 2// == 0 && isRTL == true ? 0
									//: baseActive == book.pageCount && isRTL == true ? -width : width / 2
								});

							}

							if (_this.options.onFlip !== void 0)
								_this.options.onFlip();
						};

						book.resize = function () {
							_this.resize();
						}();

						book.updatePageCallback = function () {
							_this.ui.update();
							_this.checkCenter();
							_this.stage.renderRequestPending = true;
						};

						book.preFlipCallback = function () {
							if (_this.options.beforeFlip !== void 0)
								_this.options.beforeFlip();

							_this.playSound();
						};

						$(window).trigger("resize");

						var divLeft = _this.stage.cssScene.divLeft;
						var divRight = _this.stage.cssScene.divRight;

						$(divLeft.element).css({
							width: 300 * contentProvider.pageRatio,
							height: 300,
							left: -300 * contentProvider.pageRatio / 2
						});

						$(divRight.element).css({
							width: 300 * contentProvider.pageRatio,
							height: 300,
							left: 300 * contentProvider.pageRatio / 2
						});

						book.ease = TWEEN.Easing.Cubic.InOut;
						//book.ease = TWEEN.Easing.Quadratic.InOut;
						book.contentProvider = contentProvider;
						book.duration = _this.options.duration;
						book.gotoPage(book.startPage);
						book.flipCallback();

						if (_this.options.onReady !== void 0)
							_this.options.onReady();

					}, options);
				});
			}
			else {

				_this.contentProvider = new ContentProvider(_this.contentSource, function (contentProvider) {
					var options = {
						pageCount: Math.ceil(contentProvider.pageCount / 2) * 2
					};

					_this.target = book = new BookCSS(extendOptions(_this.options, options), _this.container);
					_this.target.previewObject = _this;

					createUI(_this.container, _this);
					contentProvider.webgl = webgl;
					contentProvider.setTarget(_this.target);
					contentProvider.waitPeriod = 2;
					book.ease = TWEEN.Easing.Quadratic.InOut;
					book.duration = _this.options.duration;

					/*					_this.ui.prev.hide();
					 _this.ui.next.hide();

					 _this.ui.prev = book.prevButton;
					 _this.ui.next = book.nextButton;*/

					book.container = _this.container;
					book.updatePageCallback = function () {
						_this.ui.update();
						_this.checkCenter();
					};

					book.gotoPage(book.startPage);

					book.resize = function () {
						_this.resize();
					}();

					$(window).trigger("resize");

					book.flipCallback = function () {
						_this.contentProvider.review("flipCallback");

						if (_this.options.onFlip !== void 0)
							_this.options.onFlip();

					};

					book.preFlipCallback = function () {
						if (_this.options.beforeFlip !== void 0)
							_this.options.beforeFlip();

						_this.playSound();
					};

					if (_this.options.onReady !== void 0)
						_this.options.onReady();

				}, options);

			}

		};

		FlipBook.prototype.end = function () {

			this.target.gotoPage(this.target.endPage);

		};

		FlipBook.prototype.gotoPage = function (pageNumber) {

			this.target.gotoPage(pageNumber);
			if (this.ui !== void 0)this.ui.update();

		};

		FlipBook.prototype.prev = function () {

			this.target.prev();

		};

		FlipBook.prototype.next = function () {

			this.target.next();

		};

		return FlipBook;

	})(PreviewObject);

	var TriFold = (function (_super) {

		__extends(TriFold, _super);

		function TriFold(container, source, parameters) {

			_super.call(this, parameters);
			var _this = this;

			_this.type = "FlipBook";
			parameters.width = parameters.width || 297;
			parameters.height = parameters.height || 210;
			parameters.stiffness = 0.05;//parameters.stiffness || 0.05;
			_this.container = container;
			_this.container.css({position: "relative", overflow: "hidden"});
			_this.contentSource = source;

			parameters.minTextureSize = parameters.maxTextureSize;

			_this.pageCount = 6;
			_this.options = parameters;

			this.direction = parameters.direction || DFLIP.DIRECTION.LTR;

			this.startPage = this.direction == DFLIP.DIRECTION.RTL ? this.pageCount : 1;
			this.endPage = this.direction == DFLIP.DIRECTION.RTL ? 1 : this.pageCount;

			_this._activePage = this.startPage;
			this.trifold = void 0;
			var webgl = _this.webgl = parameters.webgl == true;
			_this.init(webgl, source);

			return _this;

		}

		TriFold.prototype.getPageByNumber = function () {

			return this.trifold;

		};

		TriFold.prototype.init = function (webgl) {
			var _this = this;
			var trifold;

			if (webgl == true) {
				updateMockupJs(function () {

					var canvas = $("<canvas/>");
					_this.container.append(canvas);
					_this.container.css({
						minHeight: 300,
						minWidth: 360
					});

					var previewStage = _this.stage = new PreviewStage(extendOptions(_this.options, {canvas: canvas[0]}));//= new PreviewStage({canvas: canvas[0]});

					$(window).trigger("resize");

					_this.box = new THREE.BoxHelper();
					previewStage.add(_this.box);

					_this.stage.previewObject = _this;

					_this.contentProvider = new ContentProvider(_this.contentSource, function (contentProvider) {

						var options = {
							pageCount: Math.ceil(contentProvider.pageCount / 2) * 2,
							stackCount: 6,
							segments: 50,
							width: 300 * contentProvider.pageRatio,
							height: 300
						};

						trifold = _this.target = previewStage.target = new MOCKUP.TriFold(extendOptions(_this.options, options), previewStage);
						trifold.stage = previewStage;
						trifold.ui = _this.ui;
						trifold.name = "self";
						trifold.container = _this.container;
						createUI(_this.container, _this);

						trifold.refresh = function () {
							_this.refresh();
						};

						contentProvider.setTarget(trifold);

						trifold.next = function () {
							_this.next();
						};

						trifold.prev = function () {
							_this.prev();
						};

						trifold.getPageByNumber = function () {
							return trifold;
						};

						trifold.getContentLayer = function (pageNumber) {
							var baseActive = getBasePage(trifold._activePage);
							if (pageNumber % 2 == 0 && pageNumber == baseActive)
								return previewStage.cssScene.divLeft.element;
							else if (pageNumber == baseActive + 1)
								return previewStage.cssScene.divRight.element;
							else
								return void 0;
						};


						trifold.resize = function () {
							_this.resize();
						}();


						trifold.updatePageCallback = function () {
							_this.ui.update();
						};


						contentProvider.minDimension = 2048;
						trifold.ease = TWEEN.Easing.Quadratic.InOut;
						trifold.duration = _this.options.duration;

						trifold.processPage(1);
						trifold.processPage(2);
						$(window).trigger("resize");
						trifold.refresh();

					}, _this.options);
				});
			}
			else {
				//TODO: implement css version
				console.warn("CSS Fallback yet to come.");
			}

			//createUI(_this.container, _this);

		};

		TriFold.prototype.end = function () {
			this.gotoPage(this.endPage);
		};

		TriFold.prototype.gotoPage = function (pageNumber) {
			this._activePage = pageNumber;
			this.refresh();
		};

		TriFold.prototype.prev = function () {
			this._activePage--;
			this.refresh();
		};

		TriFold.prototype.next = function () {
			this._activePage++;
			this.refresh();
		};

		TriFold.prototype.refresh = function () {

			var isNext = this._activePage > this.oldPage;
			var triFold = this.target;
			var _this = this;
			if (this._activePage > this.pageCount) this._activePage = 1;
			if (this._activePage < 1) this._activePage = this.pageCount;
			triFold._activePage = _this._activePage;
			var old = {
				angle: triFold.angles[1],
				angle2: triFold.angles[4],
				rotation: triFold.rotation.y,
				position: triFold.position.y
			};

			triFold.init = {angle: old.angle, angle2: old.angle2, rotation: old.rotation, position: old.position};
			$(".df-quick-hint").html(this._activePage);
			switch (this._activePage) {
				case 1:
					triFold.mid = {
						angle: isNext ? 90 : 178,
						angle2: 180,
						rotation: isNext ? -Math.PI / 2 : 0,
						position: triFold.width / 3
					};
					triFold.end = {angle: 178, angle2: 180, rotation: 0, position: 2};
					break;
				case 2:
					triFold.mid = {angle: 2, angle2: 90, rotation: 0, position: 2};
					triFold.end = {angle: 2, angle2: 180, rotation: 0, position: 1};
					break;
				case 3:
					triFold.mid = {angle: 180, angle2: 2, rotation: 0, position: 2};
					triFold.end = {angle: 2, angle2: 2, rotation: 0, position: 1};
					break;
				case 4:
					triFold.mid = {
						angle: isNext ? 2 : 90,
						angle2: isNext ? 90 : 90,
						rotation: isNext ? 0 : -Math.PI / 2,
						position: isNext ? 1 : triFold.width / 3
					};
					triFold.end = {angle: 2, angle2: 178, rotation: 0, position: 1};
					break;
				case 5:
					triFold.mid = {
						angle: 90,
						angle2: isNext ? 90 : 2,
						rotation: isNext ? -Math.PI / 2 : -Math.PI,
						position: isNext ? triFold.width / 3 : 3
					};
					triFold.end = {angle: 178, angle2: 2, rotation: -Math.PI, position: 3};
					break;
				case 6:
					triFold.mid = {angle: 178, angle2: 178, rotation: -Math.PI / 2, position: triFold.width / 3};
					triFold.end = {angle: 2, angle2: 2, rotation: -Math.PI, position: 3};
					break;
				case 222:
					triFold.mid = {angle: 90, angle2: 90, rotation: -Math.PI, position: triFold.width / 3};
					triFold.end = {angle: 178, angle2: 180, rotation: -Math.PI, position: 2};
					break;
				default:
					break;
			}

			//triFold.mid = {
			//	angle: (triFold.end.angle + triFold.init.angle) / 2,
			//	angle2: (triFold.end.angle2 + triFold.init.angle2 ) / 2,
			//	rotation: (triFold.end.rotation + triFold.init.rotation ) / 2,
			//	position: (triFold.end.position + triFold.init.position ) / 2
			//
			//};

			_this.oldPage = _this.activePage;
			log(triFold.init, triFold.mid, triFold.end);
			_this.isFlipping = true;

			var update = function (tween) {
				if (isNaN(tween.angle) || isNaN(tween.angle2) || isNaN(tween.rotation))
					return;
				triFold.angles[1] = tween.angle;
				triFold.angles[4] = tween.angle2;

				triFold.rotation.y = tween.rotation;
				triFold.updateAngle();
				_this.box.update(triFold);
				_this.box.visible = false;
				triFold.position.z = triFold.position.z - _this.box.geometry.attributes.position.array[20];
			};

			var tween;
			if (triFold.mid !== void 0) {
				tween = new TWEEN.Tween(triFold.init).delay(0)
					.to(triFold.mid, triFold.duration * 0.5)
					.onUpdate(function () {
						update(this);
					}).easing(TWEEN.Easing.Linear.None)
					.chain(
					new TWEEN.Tween(triFold.init).delay(0)
						.to(triFold.end, triFold.duration * 0.5)
						.onUpdate(function () {
							update(this);
						}).easing(TWEEN.Easing.Linear.None)
				)
			} else {
				tween = new TWEEN.Tween(triFold.init).delay(0)
					.to(triFold.end, triFold.duration)
					.onUpdate(function () {
						update(this);
					}).easing(TWEEN.Easing.Linear.None);
			}

			tween.onComplete(function () {
				triFold.updateAngle();
				triFold.isFlipping = false;
			}).start();

			if (triFold.updatePageCallback !== void 0)
				triFold.updatePageCallback();
		};
		return TriFold;
	})(PreviewObject);

	$.fn.extend({

		shelf: function () {

		},
		flipBook: function (source, options) {
			return new FlipBook($(this), source, extendDFlipOptions(options));
		},
		triFold: function (source, options) {
			return new TriFold($(this), source, extendDFlipOptions(options));
		}
	});

})(DFLIP, jQuery);


//Polyfills

/**
 * Blob.js Polyfill
 * A Blob implementation.
 * 2014-07-24
 *
 * By Eli Grey, http://eligrey.com
 * By Devin Samarin, https://github.com/dsamarin
 * License: X11/MIT
 */
(function (view) {
	"use strict";

	view.URL = view.URL || view.webkitURL;

	if (view.Blob && view.URL) {
		try {
			new Blob;
			return;
		} catch (e) {
		}
	}

	// Internally we use a BlobBuilder implementation to base Blob off of
	// in order to support older browsers that only have BlobBuilder
	var BlobBuilder = view.BlobBuilder || view.WebKitBlobBuilder || view.MozBlobBuilder || (function (view) {
			var
				get_class = function (object) {
					return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1];
				}, FakeBlobBuilder = function BlobBuilder() {
					this.data = [];
				}, FakeBlob = function Blob(data, type, encoding) {
					this.data = data;
					this.size = data.length;
					this.type = type;
					this.encoding = encoding;
				}, FBB_proto = FakeBlobBuilder.prototype, FB_proto = FakeBlob.prototype, FileReaderSync = view.FileReaderSync, FileException = function (type) {
					this.code = this[this.name = type];
				}, file_ex_codes = (
				"NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR "
				+ "NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR"
				).split(" "), file_ex_code = file_ex_codes.length, real_URL = view.URL || view.webkitURL || view, real_create_object_URL = real_URL.createObjectURL, real_revoke_object_URL = real_URL.revokeObjectURL, URL = real_URL, btoa = view.btoa, atob = view.atob, ArrayBuffer = view.ArrayBuffer, Uint8Array = view.Uint8Array, origin = /^[\w-]+:\/*\[?[\w\.:-]+\]?(?::[0-9]+)?/
				;
			FakeBlob.fake = FB_proto.fake = true;
			while (file_ex_code--) {
				FileException.prototype[file_ex_codes[file_ex_code]] = file_ex_code + 1;
			}
			// Polyfill URL
			if (!real_URL.createObjectURL) {
				URL = view.URL = function (uri) {
					var
						uri_info = document.createElementNS("http://www.w3.org/1999/xhtml", "a"), uri_origin
						;
					uri_info.href = uri;
					if (!("origin" in uri_info)) {
						if (uri_info.protocol.toLowerCase() === "data:") {
							uri_info.origin = null;
						} else {
							uri_origin = uri.match(origin);
							uri_info.origin = uri_origin && uri_origin[1];
						}
					}
					return uri_info;
				};
			}
			URL.createObjectURL = function (blob) {
				var
					type = blob.type, data_URI_header
					;
				if (type === null) {
					type = "application/octet-stream";
				}
				if (blob instanceof FakeBlob) {
					data_URI_header = "data:" + type;
					if (blob.encoding === "base64") {
						return data_URI_header + ";base64," + blob.data;
					} else if (blob.encoding === "URI") {
						return data_URI_header + "," + decodeURIComponent(blob.data);
					}
					if (btoa) {
						return data_URI_header + ";base64," + btoa(blob.data);
					} else {
						return data_URI_header + "," + encodeURIComponent(blob.data);
					}
				} else if (real_create_object_URL) {
					return real_create_object_URL.call(real_URL, blob);
				}
			};
			URL.revokeObjectURL = function (object_URL) {
				if (object_URL.substring(0, 5) !== "data:" && real_revoke_object_URL) {
					real_revoke_object_URL.call(real_URL, object_URL);
				}
			};
			FBB_proto.append = function (data/*, endings*/) {
				var bb = this.data;
				// decode data to a binary string
				if (Uint8Array && (data instanceof ArrayBuffer || data instanceof Uint8Array)) {
					var
						str = "", buf = new Uint8Array(data), i = 0, buf_len = buf.length
						;
					for (; i < buf_len; i++) {
						str += String.fromCharCode(buf[i]);
					}
					bb.push(str);
				} else if (get_class(data) === "Blob" || get_class(data) === "File") {
					if (FileReaderSync) {
						var fr = new FileReaderSync;
						bb.push(fr.readAsBinaryString(data));
					} else {
						// async FileReader won't work as BlobBuilder is sync
						throw new FileException("NOT_READABLE_ERR");
					}
				} else if (data instanceof FakeBlob) {
					if (data.encoding === "base64" && atob) {
						bb.push(atob(data.data));
					} else if (data.encoding === "URI") {
						bb.push(decodeURIComponent(data.data));
					} else if (data.encoding === "raw") {
						bb.push(data.data);
					}
				} else {
					if (typeof data !== "string") {
						data += ""; // convert unsupported types to strings
					}
					// decode UTF-16 to binary string
					bb.push(unescape(encodeURIComponent(data)));
				}
			};
			FBB_proto.getBlob = function (type) {
				if (!arguments.length) {
					type = null;
				}
				return new FakeBlob(this.data.join(""), type, "raw");
			};
			FBB_proto.toString = function () {
				return "[object BlobBuilder]";
			};
			FB_proto.slice = function (start, end, type) {
				var args = arguments.length;
				if (args < 3) {
					type = null;
				}
				return new FakeBlob(
					this.data.slice(start, args > 1 ? end : this.data.length), type, this.encoding
				);
			};
			FB_proto.toString = function () {
				return "[object Blob]";
			};
			FB_proto.close = function () {
				this.size = 0;
				delete this.data;
			};
			return FakeBlobBuilder;
		}(view));

	view.Blob = function (blobParts, options) {
		var type = options ? (options.type || "") : "";
		var builder = new BlobBuilder();
		if (blobParts) {
			for (var i = 0, len = blobParts.length; i < len; i++) {
				if (Uint8Array && blobParts[i] instanceof Uint8Array) {
					builder.append(blobParts[i].buffer);
				}
				else {
					builder.append(blobParts[i]);
				}
			}
		}
		var blob = builder.getBlob(type);
		if (!blob.slice && blob.webkitSlice) {
			blob.slice = blob.webkitSlice;
		}
		return blob;
	};

	var getPrototypeOf = Object.getPrototypeOf || function (object) {
			return object.__proto__;
		};
	view.Blob.prototype = getPrototypeOf(new view.Blob());
}(window));

/**
 * canvas-toBlob.js Polyfill
 * A canvas.toBlob() implementation.
 * 2013-12-27
 *
 * By Eli Grey, http://eligrey.com and Devin Samarin, https://github.com/eboyjr
 * License: X11/MIT
 *   See https://github.com/eligrey/canvas-toBlob.js/blob/master/LICENSE.md
 */
(function (view) {
	"use strict";
	var
		Uint8Array = view.Uint8Array, HTMLCanvasElement = view.HTMLCanvasElement, canvas_proto = HTMLCanvasElement && HTMLCanvasElement.prototype, is_base64_regex = /\s*;\s*base64\s*(?:;|$)/i, to_data_url = "toDataURL", base64_ranks, decode_base64 = function (base64) {
			var
				len = base64.length, buffer = new Uint8Array(len / 4 * 3 | 0), i = 0, outptr = 0, last = [0, 0], state = 0, save = 0, rank, code;
			while (len--) {
				code = base64.charCodeAt(i++);
				rank = base64_ranks[code - 43];
				if (rank !== 255 && rank !== void 0) {
					last[1] = last[0];
					last[0] = code;
					save = (save << 6) | rank;
					state++;
					if (state === 4) {
						buffer[outptr++] = save >>> 16;
						if (last[1] !== 61 /* padding character */) {
							buffer[outptr++] = save >>> 8;
						}
						if (last[0] !== 61 /* padding character */) {
							buffer[outptr++] = save;
						}
						state = 0;
					}
				}
			}
			// 2/3 chance there's going to be some null bytes at the end, but that
			// doesn't really matter with most image formats.
			// If it somehow matters for you, truncate the buffer up outptr.
			return buffer;
		}
		;
	if (Uint8Array) {
		base64_ranks = new Uint8Array([
			62, -1, -1, -1, 63, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, 0, -1, -1, -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1, -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51
		]);
	}
	if (HTMLCanvasElement && !canvas_proto.toBlob) {
		canvas_proto.toBlob = function (callback, type /*, ...args*/) {
			if (!type) {
				type = "image/png";
			}
			if (this.mozGetAsFile) {
				callback(this.mozGetAsFile("canvas", type));
				return;
			}
			if (this.msToBlob && /^\s*image\/png\s*(?:$|;)/i.test(type)) {
				callback(this.msToBlob());
				return;
			}

			var
				args = Array.prototype.slice.call(arguments, 1),
				dataURI = this[to_data_url].apply(this, args),
				header_end = dataURI.indexOf(","),
				data = dataURI.substring(header_end + 1),
				is_base64 = is_base64_regex.test(dataURI.substring(0, header_end)),
				blob
				;
			if (Blob.fake) {
				// no reason to decode a data: URI that's just going to become a data URI again
				blob = new Blob;
				if (is_base64) {
					blob.encoding = "base64";
				} else {
					blob.encoding = "URI";
				}
				blob.data = data;
				blob.size = data.length;
			} else if (Uint8Array) {
				if (is_base64) {
					blob = new Blob([decode_base64(data)], {type: type});
				} else {
					blob = new Blob([decodeURIComponent(data)], {type: type});
				}
			}
			callback(blob);
		};

		if (canvas_proto.toDataURLHD) {
			canvas_proto.toBlobHD = function () {
				to_data_url = "toDataURLHD";
				var blob = this.toBlob();
				to_data_url = "toDataURL";
				return blob;
			}
		} else {
			canvas_proto.toBlobHD = canvas_proto.toBlob;
		}
	}
}(window));

/**
 * performance.now polyfill
 **/
(function PerformanceNowPolyfill() {

	if ('performance' in window === false) {
		window.performance = {};
	}

	// IE 8
	Date.now = (Date.now || function () {
		return new Date().getTime();
	});

	if ('now' in window.performance === false) {
		var offset = window.performance.timing && window.performance.timing.navigationStart
			? window.performance.timing.navigationStart
			: Date.now();

		window.performance.now = function () {
			return Date.now() - offset;
		};
	}

})();

/**
 * Tween.js - Licensed under the MIT license
 * https://github.com/tweenjs/tween.js
 */
(function TweenJs() {
	var TWEEN = TWEEN || (function () {

			var _tweens = [];

			return {

				getAll: function () {

					return _tweens;

				},

				removeAll: function () {

					_tweens = [];

				},

				add: function (tween) {

					_tweens.push(tween);

				},

				remove: function (tween) {

					var i = _tweens.indexOf(tween);

					if (i !== -1) {
						_tweens.splice(i, 1);
					}

				},

				update: function (time) {

					if (_tweens.length === 0) {
						return false;
					}

					var i = 0;

					time = time !== void 0 ? time : window.performance.now();

					while (i < _tweens.length) {

						if (_tweens[i].update(time)) {
							i++;
						} else {
							_tweens.splice(i, 1);
						}

					}

					return true;

				}
			};

		})();

	TWEEN.Tween = function (object) {

		var _object = object;
		var _valuesStart = {};
		var _valuesEnd = {};
		var _valuesStartRepeat = {};
		var _duration = 1000;
		var _repeat = 0;
		var _yoyo = false;
		var _isPlaying = false;
		var _reversed = false;
		var _delayTime = 0;
		var _startTime = null;
		var _easingFunction = TWEEN.Easing.Linear.None;
		var _interpolationFunction = TWEEN.Interpolation.Linear;
		var _chainedTweens = [];
		var _onStartCallback = null;
		var _onStartCallbackFired = false;
		var _onUpdateCallback = null;
		var _onCompleteCallback = null;
		var _onStopCallback = null;

		// Set all starting values present on the target object
		for (var field in object) {
			_valuesStart[field] = parseFloat(object[field], 10);
		}

		this.to = function (properties, duration) {

			if (duration !== void 0) {
				_duration = duration;
			}

			_valuesEnd = properties;

			return this;

		};

		this.start = function (time) {

			TWEEN.add(this);

			_isPlaying = true;

			_onStartCallbackFired = false;

			_startTime = time !== void 0 ? time : window.performance.now();
			_startTime += _delayTime;

			for (var property in _valuesEnd) {

				// Check if an Array was provided as property value
				if (_valuesEnd[property] instanceof Array) {

					if (_valuesEnd[property].length === 0) {
						continue;
					}

					// Create a local copy of the Array with the start value at the front
					_valuesEnd[property] = [_object[property]].concat(_valuesEnd[property]);

				}

				// If `to()` specifies a property that doesn't exist in the source object,
				// we should not set that property in the object
				if (_valuesStart[property] === void 0) {
					continue;
				}

				_valuesStart[property] = _object[property];

				if ((_valuesStart[property] instanceof Array) === false) {
					_valuesStart[property] *= 1.0; // Ensures we're using numbers, not strings
				}

				_valuesStartRepeat[property] = _valuesStart[property] || 0;

			}

			return this;

		};

		this.stop = function () {

			if (!_isPlaying) {
				return this;
			}

			TWEEN.remove(this);
			_isPlaying = false;

			if (_onStopCallback !== null) {
				_onStopCallback.call(_object);
			}

			this.stopChainedTweens();
			return this;

		};

		this.stopChainedTweens = function () {

			for (var i = 0, numChainedTweens = _chainedTweens.length; i < numChainedTweens; i++) {
				_chainedTweens[i].stop();
			}

		};

		this.complete = function () {
			if (!_isPlaying) {
				return this;
			}

			TWEEN.remove(this);
			_isPlaying = false;

			if (_onCompleteCallback !== null) {
				_onCompleteCallback.call(_object);
			}

			this.completeChainedTweens();
			return this;
		};

		this.completeChainedTweens = function () {

			for (var i = 0, numChainedTweens = _chainedTweens.length; i < numChainedTweens; i++) {
				_chainedTweens[i].complete();
			}

		};

		this.delay = function (amount) {

			_delayTime = amount;
			return this;

		};

		this.repeat = function (times) {

			_repeat = times;
			return this;

		};

		this.yoyo = function (yoyo) {

			_yoyo = yoyo;
			return this;

		};


		this.easing = function (easing) {

			_easingFunction = easing == void 0 ? _easingFunction : easing;
			return this;

		};

		this.interpolation = function (interpolation) {

			_interpolationFunction = interpolation;
			return this;

		};

		this.chain = function () {

			_chainedTweens = arguments;
			return this;

		};

		this.onStart = function (callback) {

			_onStartCallback = callback;
			return this;

		};

		this.onUpdate = function (callback) {

			_onUpdateCallback = callback;
			return this;

		};

		this.onComplete = function (callback) {

			_onCompleteCallback = callback;
			return this;

		};

		this.onStop = function (callback) {

			_onStopCallback = callback;
			return this;

		};

		this.update = function (time) {

			var property;
			var elapsed;
			var value;

			if (time < _startTime) {
				return true;
			}

			if (_onStartCallbackFired === false) {

				if (_onStartCallback !== null) {
					_onStartCallback.call(_object);
				}

				_onStartCallbackFired = true;

			}

			elapsed = (time - _startTime) / _duration;
			elapsed = elapsed > 1 ? 1 : elapsed;

			value = _easingFunction(elapsed);

			for (property in _valuesEnd) {

				// Don't update properties that do not exist in the source object
				if (_valuesStart[property] === void 0) {
					continue;
				}

				var start = _valuesStart[property] || 0;
				var end = _valuesEnd[property];

				if (end instanceof Array) {

					_object[property] = _interpolationFunction(end, value);

				} else {

					// Parses relative end values with start as base (e.g.: +10, -3)
					if (typeof (end) === 'string') {

						if (end.startsWith('+') || end.startsWith('-')) {
							end = start + parseFloat(end, 10);
						} else {
							end = parseFloat(end, 10);
						}
					}

					// Protect against non numeric properties.
					if (typeof (end) === 'number') {
						_object[property] = start + (end - start) * value;
					}

				}

			}

			if (_onUpdateCallback !== null) {
				_onUpdateCallback.call(_object, value);
			}

			if (elapsed === 1) {

				if (_repeat > 0) {

					if (isFinite(_repeat)) {
						_repeat--;
					}

					// Reassign starting values, restart by making startTime = now
					for (property in _valuesStartRepeat) {

						if (typeof (_valuesEnd[property]) === 'string') {
							_valuesStartRepeat[property] = _valuesStartRepeat[property] + parseFloat(_valuesEnd[property], 10);
						}

						if (_yoyo) {
							var tmp = _valuesStartRepeat[property];

							_valuesStartRepeat[property] = _valuesEnd[property];
							_valuesEnd[property] = tmp;
						}

						_valuesStart[property] = _valuesStartRepeat[property];

					}

					if (_yoyo) {
						_reversed = !_reversed;
					}

					_startTime = time + _delayTime;

					return true;

				} else {

					if (_onCompleteCallback !== null) {
						_onCompleteCallback.call(_object);
					}

					for (var i = 0, numChainedTweens = _chainedTweens.length; i < numChainedTweens; i++) {
						// Make the chained tweens start exactly at the time they should,
						// even if the `update()` method was called way past the duration of the tween
						_chainedTweens[i].start(_startTime + _duration);
					}

					return false;

				}

			}

			return true;

		};

	};

	TWEEN.Easing = {

		Linear: {

			None: function (k) {

				return k;

			}

		},

		Quadratic: {

			In: function (k) {

				return k * k;

			},

			Out: function (k) {

				return k * (2 - k);

			},

			InOut: function (k) {

				if ((k *= 2) < 1) {
					return 0.5 * k * k;
				}

				return -0.5 * (--k * (k - 2) - 1);

			}

		},
		Quartic: {

			In: function (k) {

				return k * k * k * k;

			},

			Out: function (k) {

				return 1 - (--k * k * k * k);

			},

			InOut: function (k) {

				if ((k *= 2) < 1) {
					return 0.5 * k * k * k * k;
				}

				return -0.5 * ((k -= 2) * k * k * k - 2);

			}

		},
		Sinusoidal: {

			In: function (k) {

				return 1 - Math.cos(k * Math.PI / 2);

			},

			Out: function (k) {

				return Math.sin(k * Math.PI / 2);

			},

			InOut: function (k) {

				return 0.5 * (1 - Math.cos(Math.PI * k));

			}

		},
		Cubic: {

			In: function (k) {

				return k * k * k;

			},

			Out: function (k) {

				return --k * k * k + 1;

			},

			InOut: function (k) {

				if ((k *= 2) < 1) {
					return 0.5 * k * k * k;
				}

				return 0.5 * ((k -= 2) * k * k + 2);

			}

		}

	};

	TWEEN.Interpolation = {

		Linear: function (v, k) {

			var m = v.length - 1;
			var f = m * k;
			var i = Math.floor(f);
			var fn = TWEEN.Interpolation.Utils.Linear;

			if (k < 0) {
				return fn(v[0], v[1], f);
			}

			if (k > 1) {
				return fn(v[m], v[m - 1], m - f);
			}

			return fn(v[i], v[i + 1 > m ? m : i + 1], f - i);

		},

		Bezier: function (v, k) {

			var b = 0;
			var n = v.length - 1;
			var pw = Math.pow;
			var bn = TWEEN.Interpolation.Utils.Bernstein;

			for (var i = 0; i <= n; i++) {
				b += pw(1 - k, n - i) * pw(k, i) * v[i] * bn(n, i);
			}

			return b;

		},

		Utils: {

			Linear: function (p0, p1, t) {

				return (p1 - p0) * t + p0;

			},

			Bernstein: function (n, i) {

				var fc = TWEEN.Interpolation.Utils.Factorial;

				return fc(n) / fc(i) / fc(n - i);

			},

			Factorial: (function () {

				var a = [1];

				return function (n) {

					var s = 1;

					if (a[n]) {
						return a[n];
					}

					for (var i = n; i > 1; i--) {
						s *= i;
					}

					a[n] = s;
					return s;

				};

			})(),

			CatmullRom: function (p0, p1, p2, p3, t) {

				var v0 = (p2 - p0) * 0.5;
				var v1 = (p3 - p1) * 0.5;
				var t2 = t * t;
				var t3 = t * t2;

				return (2 * p1 - 2 * p2 + v0 + v1) * t3 + (-3 * p1 + 3 * p2 - 2 * v0 - v1) * t2 + v0 * t + p1;

			}

		}
	};

	window.TWEEN = TWEEN;
})();


DFLIP.createBlob = function createBlob(data, contentType) {
	if (typeof Blob !== 'undefined') {
		return new Blob([data], {type: contentType});
	}
	// Blob builder is deprecated in FF14 and removed in FF18.
	var bb = new MozBlobBuilder();
	bb.append(data);
	return bb.getBlob(contentType);
};

DFLIP.createObjectURL = (function createObjectURLClosure() {
	// Blob/createObjectURL is not available, falling back to data schema.
	var digits =
		'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';

	return function createObjectURL(data, contentType) {
		if (typeof URL !== 'undefined' && URL.createObjectURL) {
			var blob = DFLIP.createBlob(data, contentType);
			return URL.createObjectURL(blob);
		}

		var buffer = 'data:' + contentType + ';base64,';
		for (var i = 0, ii = data.length; i < ii; i += 3) {
			var b1 = data[i] & 0xFF;
			var b2 = data[i + 1] & 0xFF;
			var b3 = data[i + 2] & 0xFF;
			var d1 = b1 >> 2, d2 = ((b1 & 3) << 4) | (b2 >> 4);
			var d3 = i + 1 < ii ? ((b2 & 0xF) << 2) | (b3 >> 6) : 64;
			var d4 = i + 2 < ii ? (b3 & 0x3F) : 64;
			buffer += digits[d1] + digits[d2] + digits[d3] + digits[d4];
		}
		return buffer;
	};
})();

var ThumbList = (function ThumbListClosure() {
	function ThumbList(config) {
		var width = (config && config.w + 'px') || '100%';
		var height = (config && config.h + 'px') || '100%';
		var itemHeight = this.itemHeight = config.itemHeight;

		this.items = config.items;
		this.generatorFn = config.generatorFn;
		this.totalRows = config.totalRows || (config.items && config.items.length);

		this.addFn = config.addFn;
		this.scrollFn = config.scrollFn;

		var scroller = ThumbList.createScroller(itemHeight * this.totalRows);
		this.container = ThumbList.createContainer(width, height);
		this.container.appendChild(scroller);

		this.screenItemsLen = Math.ceil(config.h / itemHeight);
		this.offsetItems = this.screenItemsLen;
		// Cache 4 times the number of items that fit in the container viewport
		this.cachedItemsLen = this.screenItemsLen + this.offsetItems * 2;
		this._renderChunk(this.container, 0);

		var self = this;
		self.lastRepaintY = 0;
		var maxBuffer = this.screenItemsLen * itemHeight;
		var lastScrolled = 0;

		var requestInterval;

		function onScroll(e) {
			var scrollTop = e.target.scrollTop; // Triggers reflow
			if (!self.lastRepaintY || Math.abs(scrollTop - self.lastRepaintY) >= (self.offsetItems * self.itemHeight)) {
				var first = parseInt(scrollTop / itemHeight, 10) - self.offsetItems;
				self._renderChunk(self.container, first < 0 ? 0 : first);
				self.lastRepaintY = scrollTop;
			}

			self.lastScrolled = lastScrolled = Date.now();

			if (self.scrollFn !== void 0) {
				self.scrollFn();
			}

			e.preventDefault && e.preventDefault();
		}

		self.dispose = function () {
			if (self.container) {
				if (self.container.parentNode) {
					self.container.parentNode.removeChild(self.container);
				}
			}

			self.container.removeEventListener('scroll', onScroll);
		};

		self.container.addEventListener('scroll', onScroll);
	}

	ThumbList.prototype.reset = function (height) {

		//container.find(".df-vrow").remove();
		this.screenItemsLen = Math.ceil(height / this.itemHeight);
		this.cachedItemsLen = this.screenItemsLen + this.offsetItems * 2;
		var first = parseInt(this.lastRepaintY / this.itemHeight, 10) - this.offsetItems;
		//this.lastRepaintY = 0;
		this.needReset = true;
		this._renderChunk(this.container, Math.max(first, 0));
	};

	ThumbList.prototype.createRow = function (i) {
		var item;
		if (this.generatorFn) {
			item = this.generatorFn(i);
			item.classList.add('df-vrow');
			item.style.position = 'absolute';
			item.style.top = (i * this.itemHeight) + 'px';
			item.setAttribute("index", i);
		}
		return item;
	};

	/**
	 * Renders a particular, consecutive chunk of the total rows in the list. To
	 * keep acceleration while scrolling, we mark the nodes that are candidate for
	 * deletion instead of deleting them right away, which would suddenly stop the
	 * acceleration. We delete them once scrolling has finished.
	 *
	 * @param {Node} node Parent node where we want to append the children chunk.
	 * @param {Number} from Starting position, i.e. first children index.
	 * @return {void}
	 */
	ThumbList.prototype._renderChunk = function (node, from) {
		var isEmpty = this.range == void 0;
		this.range = this.range || {min: 0, max: this.cachedItemsLen};
		var range = this.range;

		var min = range.min, max = range.max;

		var isAdd = isEmpty ? true : from >= min;

		if (!isEmpty && from == min && this.needReset == false) return;

		var countVar;

		var start = isEmpty ? min :
					isAdd ? max : from;// - this.cachedItemsLen/3;

		start = start > this.totalRows ? this.totalRows
			: start < 0 ? 0 : start;

		var end = from + this.cachedItemsLen;//this.cachedItemsLen/3);

		end = end > this.totalRows ? this.totalRows : end;

		for (countVar = start; countVar < end; countVar++) {
			if (isAdd)
				node.appendChild(this.createRow(countVar));
			else
				node.insertBefore(this.createRow(countVar), node.childNodes[1 + countVar - start]);
			if (this.addFn !== void 0) {
				this.addFn(countVar);
			}
		}
		var difference = Math.abs(from - min);
		this.needReset = false;
		if (!isEmpty && node.childNodes.length > (this.cachedItemsLen + 1)) {
			// Hide and mark obsolete nodes for deletion.
			var delStart = isAdd ? 1 : 1 + this.cachedItemsLen,
				delEnd = delStart + (end - start);

			for (var j = delEnd; j > delStart; j--) {
				if (node.childNodes[delStart])
					this.container.removeChild(node.childNodes[delStart]);
			}
		}
		this.range.min = from;
		this.range.max = end;
	};

	ThumbList.createContainer = function (w, h) {
		var c = document.createElement('div');
		c.style.width = w;
		c.style.height = h;
		c.style.overflow = 'auto';
		c.style.position = 'relative';
		c.style.padding = 0;
		//c.style.border = '1px solid black';
		return c;
	};

	ThumbList.createScroller = function (h) {
		var scroller = document.createElement('div');
		scroller.style.opacity = 0;
		scroller.style.position = 'absolute';
		scroller.style.top = 0;
		scroller.style.left = 0;
		scroller.style.width = '1px';
		scroller.style.height = h + 'px';
		return scroller;
	};
	return ThumbList;
})();


/**
 * @typedef {Object} BookMarkViewerOptions
 * @property {HTMLDivElement} container - The viewer element.
 * @property {IPDFLinkService} linkService - The navigation/linking service.
 */

/**
 * @typedef {Object} BookMarkViewerRenderParameters
 * @property {Array|null} outline - An array of outline objects.
 */

/**
 * @class
 */
var BookMarkViewer = (function BookMarkViewerClosure() {
	/**
	 * @constructs BookMarkViewer
	 * @param {BookMarkViewerOptions} options
	 */
	function BookMarkViewer(options) {
		this.outline = null;
		this.lastToggleIsShow = true;
		this.container = options.container;
		this.linkService = options.linkService;
		this.outlineItemClass = options.outlineItemClass || "outlineItem";
		this.outlineToggleClass = options.outlineToggleClass || "outlineItemToggler";
		this.outlineToggleHiddenClass = options.outlineToggleHiddenClass || "outlineItemsHidden";
	}

	BookMarkViewer.prototype = {

		dispose: function () {
			if (this.container) {
				if (this.container.parentNode) {
					this.container.parentNode.removeChild(this.container);
				}
			}
			this.linkService = null;

		},
		reset: function BookMarkViewer_reset() {
			this.outline = null;
			this.lastToggleIsShow = true;

			var container = this.container;
			while (container.firstChild) {
				container.removeChild(container.firstChild);
			}
		},

		/**
		 * @private
		 */
		_dispatchEvent: function BookMarkViewer_dispatchEvent(outlineCount) {
			var event = document.createEvent('CustomEvent');
			event.initCustomEvent('outlineloaded', true, true, {
				outlineCount: outlineCount
			});
			this.container.dispatchEvent(event);
		},

		/**
		 * @private
		 */
		_bindLink: function BookMarkViewer_bindLink(element, item) {
			var linkService = this.linkService;
			if (item.custom == true) {
				element.href = linkService.getCustomDestinationHash(item.dest);
				element.onclick = function goToDestination(e) {
					linkService.customNavigateTo(item.dest);
					return false;
				};
			}
			else {
				if (item.url) {
					PDFJS.addLinkAttributes(element, {url: item.url});
					return;
				}

				element.href = linkService.getDestinationHash(item.dest);
				element.onclick = function goToDestination(e) {
					linkService.navigateTo(item.dest);
					return false;
				};
			}
		},

		/**
		 * Prepend a button before an outline item which allows the user to toggle
		 * the visibility of all outline items at that level.
		 *
		 * @private
		 */
		_addToggleButton: function BookMarkViewer_addToggleButton(div) {
			var toggler = document.createElement('div');
			toggler.className = this.outlineToggleClass + " " + this.outlineToggleHiddenClass;
			toggler.onclick = function (event) {
				event.stopPropagation();
				toggler.classList.toggle(this.outlineToggleHiddenClass);

				if (event.shiftKey) {
					var shouldShowAll = !toggler.classList.contains(this.outlineToggleHiddenClass);
					this._toggleOutlineItem(div, shouldShowAll);
				}
			}.bind(this);
			div.insertBefore(toggler, div.firstChild);
		},

		/**
		 * Toggle the visibility of the subtree of an outline item.
		 *
		 * @param {Element} root - the root of the outline (sub)tree.
		 * @param {boolean} show - whether to show the outline (sub)tree. If false,
		 *   the outline subtree rooted at |root| will be collapsed.
		 *
		 * @private
		 */
		_toggleOutlineItem: function BookMarkViewer_toggleOutlineItem(root, show) {
			this.lastToggleIsShow = show;
			var togglers = root.querySelectorAll('.' + this.outlineToggleClass);
			for (var i = 0, ii = togglers.length; i < ii; ++i) {
				togglers[i].classList[show ? 'remove' : 'add'](this.outlineToggleHiddenClass);
			}
		},

		/**
		 * Collapse or expand all subtrees of the outline.
		 */
		toggleOutlineTree: function BookMarkViewer_toggleOutlineTree() {
			if (!this.outline) {
				return;
			}
			this._toggleOutlineItem(this.container, !this.lastToggleIsShow);
		},

		/**
		 * @param {BookMarkViewerRenderParameters} params
		 */
		render: function BookMarkViewer_render(params) {
			var outline = (params && params.outline) || null;
			var outlineCount = 0;

			if (this.outline) {
				this.reset();
			}
			this.outline = outline;

			if (!outline) {
				//this._dispatchEvent(outlineCount);
				return;
			}

			var fragment = document.createDocumentFragment();
			var queue = [{parent: fragment, items: this.outline}];
			var hasAnyNesting = false;
			while (queue.length > 0) {
				var levelData = queue.shift();
				var isCustom = levelData.custom;
				for (var i = 0, len = levelData.items.length; i < len; i++) {
					var item = levelData.items[i];

					var div = document.createElement('div');
					div.className = this.outlineItemClass;

					var element = document.createElement('a');
					if (item.custom == void 0 && isCustom !== void 0)
						item.custom = isCustom;

					this._bindLink(element, item);
					//element.
					element.textContent = item.title.replace(/\x00/g, '');
					//PDFJS.removeNullCharacters(item.title) || "Untitled Bookmark";

					div.appendChild(element);

					if (item.items && item.items.length > 0) {
						hasAnyNesting = true;
						this._addToggleButton(div);

						var itemsDiv = document.createElement('div');
						itemsDiv.className = this.outlineItemClass + "s";
						div.appendChild(itemsDiv);
						queue.push({parent: itemsDiv, custom: item.custom, items: item.items});
					}

					levelData.parent.appendChild(div);
					outlineCount++;
				}
			}
			if (hasAnyNesting) {
				if (this.container.classList != void 0) {
					this.container.classList.add(this.outlineItemClass + "s");
				}
				else if (this.container.className != void 0) {
					this.container.className += " picWindow";
				}
			}

			this.container.appendChild(fragment);

			this._dispatchEvent(outlineCount);
		}

	};

	return BookMarkViewer;
})();
//PDFJS.PDFOutlineViewer = PDFOutlineViewer;

var DFLightBox = (function DFLightBoxClosure($) {
	/**
	 * @constructs DFLightBox
	 * @param closeCallback callBack function required to dispose object properly when lighbox is closed
	 */
	function DFLightBox(closeCallback) {

		this.duration = 300;

		//cache this
		var _this = this;
		//lightbox wrapper div
		_this.lightboxWrapper = $("<div>").addClass("df-lightbox-wrapper");

		//lightbox container
		_this.container = $("<div>").addClass("df-container").appendTo(_this.lightboxWrapper);
		//lightbox controls
		_this.controls = $("<div>").addClass("df-lightbox-controls").appendTo(_this.lightboxWrapper);

		//lightbox close button
		_this.closeButton = $("<div>").addClass("df-lightbox-close df-ui-btn ti-close")
			.on("click", function () {
				_this.close(closeCallback);
			})
			.appendTo(_this.controls);

		_this.lightboxWrapper.append(_this.container);

		return _this;
	}

	DFLightBox.prototype.show = function (callback) {

		if (this.lightboxWrapper.parent().length == 0)
			$("body").append(this.lightboxWrapper);

		this.lightboxWrapper.fadeIn(this.duration, callback);

		return this;
	};

	DFLightBox.prototype.close = function (callback) {

		this.lightboxWrapper.fadeOut(this.duration, callback);

		return this;
	};

	return DFLightBox;
})(jQuery);

/**
 * Performs navigation functions inside PDF, such as opening specified page,
 * or destination.
 * @class
 * @implements {IPDFLinkService}
 */
var PDFLinkService = (function () {
	/**
	 * @constructs PDFLinkService
	 */
	function PDFLinkService() {
		this.baseUrl = null;
		this.pdfDocument = null;
		this.pdfViewer = null;
		this.pdfHistory = null;

		this._pagesRefCache = null;
	}

	PDFLinkService.prototype = {
		dispose: function () {
			this.baseUrl = null;
			this.pdfDocument = null;
			this.pdfViewer = null;
			this.pdfHistory = null;

			this._pagesRefCache = null;
		},
		setDocument: function PDFLinkService_setDocument(pdfDocument, baseUrl) {
			this.baseUrl = baseUrl;
			this.pdfDocument = pdfDocument;
			this._pagesRefCache = Object.create(null);
		},

		setViewer: function PDFLinkService_setViewer(pdfViewer) {
			this.pdfViewer = pdfViewer;
		},

		setHistory: function PDFLinkService_setHistory(pdfHistory) {
			this.pdfHistory = pdfHistory;
		},

		/**
		 * @returns {number}
		 */
		get pagesCount() {
			return this.pdfDocument.numPages;
		},

		/**
		 * @returns {number}
		 */
		get page() {
			return this.pdfViewer.currentPageNumber;
		},

		/**
		 * @param {number} value
		 */
		set page(value) {
			this.pdfViewer.currentPageNumber = value;
		},

		/**
		 * @param dest - The PDF destination object.
		 */
		navigateTo: function PDFLinkService_navigateTo(dest) {
			var destString = '';
			var self = this;

			var goToDestination = function (destRef) {
				// dest array looks like that: <page-ref> </XYZ|FitXXX> <args..>
				var pageNumber = destRef instanceof Object ?
								 self._pagesRefCache[destRef.num + ' ' + destRef.gen + ' R'] :
								 (destRef + 1);
				if (pageNumber) {
					if (pageNumber > self.pagesCount) {
						pageNumber = self.pagesCount;
					}
					self.pdfViewer.gotoPage(pageNumber);
					// self.pdfViewer.scrollPageIntoView(pageNumber, dest);

					if (self.pdfHistory) {
						// Update the browsing history.
						self.pdfHistory.push({
							dest: dest,
							hash: destString,
							page: pageNumber
						});
					}
				} else {
					self.pdfDocument.getPageIndex(destRef).then(function (pageIndex) {
						var pageNum = pageIndex + 1;
						var cacheKey = destRef.num + ' ' + destRef.gen + ' R';
						self._pagesRefCache[cacheKey] = pageNum;
						goToDestination(destRef);
					});
				}
			};

			var destinationPromise;
			if (typeof dest === 'string') {
				destString = dest;
				destinationPromise = this.pdfDocument.getDestination(dest);
			} else {
				destinationPromise = Promise.resolve(dest);
			}
			destinationPromise.then(function (destination) {
				dest = destination;
				if (!(destination instanceof Array)) {
					return; // invalid destination
				}
				goToDestination(destination[0]);
			});
		},


		/**
		 * @param dest - The PDF destination object.
		 */
		customNavigateTo: function PDFLinkService_navigateTo(dest) {
			if (dest == '' || dest == void 0 || dest == 'void 0') return;
			var pageNumber = void 0;
			if (!isNaN(Math.round(dest))) {
				pageNumber = dest;
			}
			else if (typeof dest === 'string') {
				pageNumber = parseInt(dest.replace("#", ""), 10);
				if (isNaN(pageNumber)) {
					window.open(dest);
					return;
				}
			}

			if (pageNumber !== void 0)
				this.pdfViewer.gotoPage(pageNumber);

		},

		/**
		 * @param dest - The PDF destination object.
		 * @returns {string} The hyperlink to the PDF object.
		 */
		getDestinationHash: function PDFLinkService_getDestinationHash(dest) {
			if (typeof dest === 'string') {
				return this.getAnchorUrl('#' + escape(dest));
			}
			if (dest instanceof Array) {
				var destRef = dest[0]; // see navigateTo method for dest format
				var pageNumber = destRef instanceof Object ?
								 this._pagesRefCache[destRef.num + ' ' + destRef.gen + ' R'] :
								 (destRef + 1);
				if (pageNumber) {
					var pdfOpenParams = this.getAnchorUrl('#page=' + pageNumber);
					var destKind = dest[1];
					if (typeof destKind === 'object' && 'name' in destKind &&
						destKind.name === 'XYZ') {
						var scale = (dest[4] || this.pdfViewer.currentScaleValue);
						var scaleNumber = parseFloat(scale);
						if (scaleNumber) {
							scale = scaleNumber * 100;
						}
						pdfOpenParams += '&zoom=' + scale;
						if (dest[2] || dest[3]) {
							pdfOpenParams += ',' + (dest[2] || 0) + ',' + (dest[3] || 0);
						}
					}
					return pdfOpenParams;
				}
			}
			return this.getAnchorUrl('');
		},

		/**
		 * @param dest - The PDF destination object.
		 * @returns {string} The hyperlink to the PDF object.
		 */
		getCustomDestinationHash: function PDFLinkService_getCustomDestinationHash(dest) {
			//if (typeof dest === 'string') {
			return '#' + escape(dest);
			//}
			//return this.getAnchorUrl('');
		},


		/**
		 * Prefix the full url on anchor links to make sure that links are resolved
		 * relative to the current URL instead of the one defined in <base href>.
		 * @param {String} anchor The anchor hash, including the #.
		 * @returns {string} The hyperlink to the PDF object.
		 */
		getAnchorUrl: function PDFLinkService_getAnchorUrl(anchor) {
			return (this.baseUrl || '') + anchor;
		},

		/**
		 * @param {string} hash
		 */
		setHash: function PDFLinkService_setHash(hash) {
			if (hash.indexOf('=') >= 0) {
				var params = parseQueryString(hash);
				// borrowing syntax from "Parameters for Opening PDF Files"
				if ('nameddest' in params) {
					if (this.pdfHistory) {
						this.pdfHistory.updateNextHashParam(params.nameddest);
					}
					this.navigateTo(params.nameddest);
					return;
				}
				var pageNumber, dest;
				if ('page' in params) {
					pageNumber = (params.page | 0) || 1;
				}
				if ('zoom' in params) {
					// Build the destination array.
					var zoomArgs = params.zoom.split(','); // scale,left,top
					var zoomArg = zoomArgs[0];
					var zoomArgNumber = parseFloat(zoomArg);

					if (zoomArg.indexOf('Fit') === -1) {
						// If the zoomArg is a number, it has to get divided by 100. If it's
						// a string, it should stay as it is.
						dest = [null, {name: 'XYZ'},
							zoomArgs.length > 1 ? (zoomArgs[1] | 0) : null,
							zoomArgs.length > 2 ? (zoomArgs[2] | 0) : null,
							(zoomArgNumber ? zoomArgNumber / 100 : zoomArg)];
					} else {
						if (zoomArg === 'Fit' || zoomArg === 'FitB') {
							dest = [null, {name: zoomArg}];
						} else if ((zoomArg === 'FitH' || zoomArg === 'FitBH') ||
							(zoomArg === 'FitV' || zoomArg === 'FitBV')) {
							dest = [null, {name: zoomArg},
								zoomArgs.length > 1 ? (zoomArgs[1] | 0) : null];
						} else if (zoomArg === 'FitR') {
							if (zoomArgs.length !== 5) {
								console.error('PDFLinkService_setHash: ' +
								'Not enough parameters for \'FitR\'.');
							} else {
								dest = [null, {name: zoomArg},
									(zoomArgs[1] | 0), (zoomArgs[2] | 0),
									(zoomArgs[3] | 0), (zoomArgs[4] | 0)];
							}
						} else {
							console.error('PDFLinkService_setHash: \'' + zoomArg +
							'\' is not a valid zoom value.');
						}
					}
				}
				if (dest) {
					this.pdfViewer.scrollPageIntoView(pageNumber || this.page, dest);
				} else if (pageNumber) {
					this.page = pageNumber; // simple page
				}
				if ('pagemode' in params) {
					var event = document.createEvent('CustomEvent');
					event.initCustomEvent('pagemode', true, true, {
						mode: params.pagemode
					});
					this.pdfViewer.container.dispatchEvent(event);
				}
			} else if (/^\d+$/.test(hash)) { // page number
				this.page = hash;
			} else { // named destination
				if (this.pdfHistory) {
					this.pdfHistory.updateNextHashParam(unescape(hash));
				}
				this.navigateTo(unescape(hash));
			}
		},

		/**
		 * @param {string} action
		 */
		executeNamedAction: function PDFLinkService_executeNamedAction(action) {
			// See PDF reference, table 8.45 - Named action
			switch (action) {
				case 'GoBack':
					if (this.pdfHistory) {
						this.pdfHistory.back();
					}
					break;

				case 'GoForward':
					if (this.pdfHistory) {
						this.pdfHistory.forward();
					}
					break;

				case 'NextPage':
					this.page++;
					break;

				case 'PrevPage':
					this.page--;
					break;

				case 'LastPage':
					this.page = this.pagesCount;
					break;

				case 'FirstPage':
					this.page = 1;
					break;

				default:
					break; // No action according to spec
			}

			var event = document.createEvent('CustomEvent');
			event.initCustomEvent('namedaction', true, true, {
				action: action
			});
			this.pdfViewer.container.dispatchEvent(event);
		},

		/**
		 * @param {number} pageNum - page number.
		 * @param {Object} pageRef - reference to the page.
		 */
		cachePageRef: function PDFLinkService_cachePageRef(pageNum, pageRef) {
			var refStr = pageRef.num + ' ' + pageRef.gen + ' R';
			this._pagesRefCache[refStr] = pageNum;
		}
	};

	return PDFLinkService;
})();
//PDFJS.PDFLinkService = PDFLinkService;

DFLIP.ConvertPageLinks = function () {

	var w = arguments[0] / 100, h = arguments[1] / 100;

	var toPercent = function (_x, _y, _w, _h, _dest) {
		return {
			x: _x / w,
			y: _y / h,
			w: _w / w,
			h: _h / h,
			dest: _dest
		};
	};

	var percents = [];
	var input;

	for (var index = 2; index < arguments.length; index++) {
		input = arguments[index];
		percents[index - 2] = toPercent.apply(this, input);
	}

	return percents;
};

DFLIP.parseLinks = function (links) {
	var _links;
	if (links !== void 0 && links.length > 0) {
		for (var index = 0; index < links.length; index++) {
			_links = links[index];

			if (_links !== void 0 && _links[0] !== void 0 && _links[0].dest == void 0) {

				_links = DFLIP.ConvertPageLinks.apply(this, _links);
				links[index] = _links;
			}
		}
	}
	return links;
};

/**
 * DFLIP.parseBooks
 */
(function ($) {
	DFLIP.parseBooks = function () {

		$('._df_thumb').each(function () {
			var book = $(this);

			var wrapper = $("<div class='_df_book-cover'>");

			//fetch any existing values
			var thumb = book.attr("df-thumb");


			var text = book.html();
			book.html("");
			var title = $("<span class='_df_book-title'>").html(text).appendTo(wrapper);

			var tags = book.attr("df-tags");
			if (tags) {
				tags = tags.split(",");

				if (tags.length > 0) {
					for (var tagcount = 0; tagcount < tags.length; tagcount++) {
						book.append("<span class='_df_book-tag'>" + tags[tagcount] + "</span>");
					}
				}
			}

			if (thumb !== void 0 && thumb.toString().trim() != '') {
				wrapper.css({
					backgroundImage: "url(" + thumb + ")"
				});
			} else {
				wrapper.addClass("_df_thumb-not-found");
			}

			book.append(wrapper);

		});

		$('._df_button, ._df_thumb').on("click", function () {

			//cache the book element
			var book = $(this);
			var book_id = book.attr("id");
			//fetch any existing values
			var options = "option_" + book_id,
				source = book.attr("df-source");

			if (!window.dfLightBox) {
				window.dfLightBox = new DFLightBox(function () {

					window.dfActiveLightBoxBook.dispose();
					window.dfActiveLightBoxBook = null;
				});
			}

			window.dfLightBox.duration = 500;
			//verify and optimize the values
			options = options == void 0 || options == "" || window[options] == void 0 ? {} : window[options];

			source = source == void 0 || source == "" ? options.source : source;

			//        Parse wordpress options
			if (DFLIP.isWPPlugin == true && DFLIP.parseWordPressOptions)
				DFLIP.parseWordPressOptions(options);

			if (window.dfActiveLightBoxBook && window.dfActiveLightBoxBook.dispose) {
				window.dfActiveLightBoxBook.dispose();

			} else {
				window.dfLightBox.show(
					function () {
//                            $("body").addClass("df-no-scroll");
						window.dfActiveLightBoxBook = $(window.dfLightBox.container).flipBook(source, options);
					}
				);
			}


		});

		$("._df_book").each(function () {

			//cache the book element
			var book = $(this);
			var book_id = book.attr("id");
			//fetch any existing values
			var options = "option_" + book_id,
				source = book.attr("df-source");

			//verify and optimize the values
			options = options == void 0 || options == "" || window[options] == void 0 ? {} : window[options];

			source = source == void 0 || source == "" ? options.source : source;

			if (DFLIP.isWPPlugin == true && DFLIP.parseWordPressOptions)
				DFLIP.parseWordPressOptions(options);

			window[book_id.toString()] = $(book).flipBook(source, options);

		});

	}
})(jQuery);

Youez - 2016 - github.com/yon3zu
LinuXploit