"
Template:Team:Waterloo/JS/jgallery
From 2014.igem.org
(Difference between revisions)
| (23 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | ||
| + | |||
| + | <link rel="stylesheet" type="text/css" media="all" href="https://cdn.rawgit.com/jakubkowalczyk-pl/jgallery/c4cdb0467c8e9cb60dcdc086d411ad62ba09288a/css/font-awesome.min.css" /> | ||
| + | <link rel="stylesheet" type="text/css" media="all" href="https://cdn.rawgit.com/jakubkowalczyk-pl/jgallery/c4cdb0467c8e9cb60dcdc086d411ad62ba09288a/css/jgallery.min.css" /> | ||
| + | |||
| + | <script src="https://cdn.rawgit.com/jakubkowalczyk-pl/jgallery/c4cdb0467c8e9cb60dcdc086d411ad62ba09288a/js/tinycolor-0.9.16.min.js"></script> | ||
| + | <script src="https://cdn.rawgit.com/jakubkowalczyk-pl/jgallery/c4cdb0467c8e9cb60dcdc086d411ad62ba09288a/js/jgallery.min.js"></script> | ||
| + | |||
| + | <!-- | ||
<style> | <style> | ||
| - | . | + | /*! |
| - | + | * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome | |
| + | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) | ||
| + | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.1.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-his | ||
| + | 100 20766 0 20766 0 0 68043 0 --:--:-- --:--:-- --:--:-- 171k | ||
| + | tory:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"} | ||
| - | + | ||
| + | .jgallery .jgallery-btn{-webkit-transition:all 0.2s;transition:all 0.2s;cursor:pointer;}.jgallery .jgallery-btn:hover{text-shadow:0 0 .15em #fff;}.jgallery .jgallery-btn.inactive{opacity:.5;}.jgallery .jgallery-btn.inactive:hover{opacity:1;}.jgallery .jgallery-btn.active{color:#fff;opacity:1;}.jgallery .jgallery-btn-large{width:60px;height:60px;line-height:64px;font-size:30px;text-align:center;color:#fff;}.jgallery .jgallery-btn-small{width:40px;height:40px;margin:0;line-height:43px;font-size:18px;text-align:center;color:#fff;}.jgallery .change-album{position:relative;}.jgallery .change-album .menu{left:0;bottom:42px;background:#111;position:absolute;overflow:auto;display:none;}.jgallery .change-album .menu .item{margin:0;padding:10px 40px 10px 10px;border-bottom:1px solid rgba(127,127,127,0.5);font-family:"Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;font-weight:bold;font-size:14px;text-align:left;-webkit-transition:all 0.3s;transition:all 0.3s;line-height:normal;white-space:pre;color:#ddd;text-shadow:none;display:block;}.jgallery .change-album .menu .item:hover{color:#fff;background:#222;}.jgallery .change-album .menu .item.active{color:#ddd;background:#333;}.jgallery .change-album .title{padding:0;line-height:40px;left:48px;top:0;bottom:auto;right:auto;font-family:"Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;font-size:14px;position:absolute;white-space:pre;}.jgallery .change-album.active{border-radius:2px;}.jgallery .change-album.active .menu{display:block;}.jgallery.jgallery-standard{top:auto;left:auto;right:auto;bottom:auto;position:relative;z-index:0;overflow:hidden;}.jgallery.jgallery-slider{margin-left:auto;margin-right:auto;top:auto;left:auto;right:auto;bottom:auto;-webkit-perspective:1200px;perspective:1200px;position:relative;z-index:0;background:transparent !important;}.jgallery.jgallery-slider .jgallery-thumbnails{background:none !important;overflow:hidden;}.jgallery.jgallery-slider .jgallery-thumbnails .jgallery-container{-webkit-box-shadow:none !important;box-shadow:none !important;}.jgallery.jgallery-slider .jgallery-thumbnails.jgallery-thumbnails-bottom{padding-bottom:4px;}.jgallery.jgallery-slider .jgallery-thumbnails.jgallery-thumbnails-bottom ~ * .nav-bottom{padding-bottom:30px;}.jgallery.jgallery-slider .jgallery-thumbnails.square:not(.full-screen) a,.jgallery.jgallery-slider .jgallery-thumbnails.square.number:not(.full-screen) a{width:1.6em;height:1.6em;margin:4px;font-size:10px;line-height:1.6em;-webkit-box-shadow:0 0 0 2px rgba( 0, 0, 0, .6 ), 0 0 0 3px rgba( 255, 255, 255, .6 );box-shadow:0 0 0 2px rgba( 0, 0, 0, .6 ), 0 0 0 3px rgba( 255, 255, 255, .6 );opacity:1;}.jgallery.jgallery-slider .jgallery-thumbnails.square:not(.full-screen) a.active,.jgallery.jgallery-slider .jgallery-thumbnails.square.number:not(.full-screen) a.active{opacity:.6;}.jgallery.jgallery-slider .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-horizontal,.jgallery.jgallery-slider .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-horizontal{height:28px;}.jgallery.jgallery-slider .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-vertical,.jgallery.jgallery-slider .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-vertical{width:28px;}.jgallery.jgallery-slider .zoom-container .nav-bottom{height:auto;-webkit-box-shadow:none !important;box-shadow:none !important;background:none;-webkit-transition:-webkit-transform 0.2s, opacity 0.2s;transition:transform 0.2s, opacity 0.2s;left:4px;right:4px;top:auto;bottom:3px;}.jgallery.jgallery-slider .zoom-container .nav-bottom .icons{width:240px;height:40px;margin:-20px -120px;background:none !important;-webkit-transform:scale( .8 );-moz-transform:scale( .8 );transform:scale( .8 );opacity:0;float:none;text-align:center;top:-40px;left:50%;position:absolute;}.jgallery.jgallery-slider .zoom-container .nav-bottom .jgallery-btn{margin-left:4px;margin-right:4px;border-radius:27px;}.jgallery.jgallery-slider .zoom-container .nav-bottom > .title.fade,.jgallery.jgallery-slider .zoom-container .nav-bottom > .title.fade.expanded{padding-bottom:12px;white-space:normal;cursor:default;top:3px;left:8px;right:8px;bottom:auto;position:relative;}.jgallery.jgallery-slider .zoom-container .progress{bottom:-1px;}.jgallery.jgallery-slider .zoom .container{background:none !important;}.jgallery.jgallery-slider .overlayContainer .overlay{background:transparent !important;}.jgallery.jgallery-slider:hover .zoom-container .nav-bottom .icons{-webkit-transform:scale( 1 );-moz-transform:scale( 1 );transform:scale( 1 );opacity:1;}.jgallery.jgallery-slider:after{margin-top:-15px;left:100px;right:100px;top:100%;height:30px;background:rgba(0,0,0,0.5);-webkit-box-shadow:0 0 40px 40px rgba( 0, 0, 0, .5 );box-shadow:0 0 40px 40px rgba( 0, 0, 0, .5 );-webkit-transform:rotateX( 75deg );-moz-transform:rotateX( 75deg );transform:rotateX( 75deg );content:"";position:absolute;display:block;}html,body{height:100%;margin:0;}.overlayContainer{z-index:1;position:relative;display:block;}.overlayContainer .overlay{color:#fff;left:0;top:0;background:center center no-repeat #000;position:absolute;z-index:10000;}.overlayContainer .imageLoaderPositionAbsolute{width:60px;height:60px;line-height:60px;margin:-30px 0 0 -30px;font-size:60px;font-weight:bold;letter-spacing:-0.02em;text-align:center;position:absolute;z-index:10001;}.overlayContainer .imageLoaderPositionAbsolute [class*="fa-"]{width:60px;height:60px;line-height:60px;}.overlayContainer .imageLoaderPositionAbsolute.preloadAll:after{border-radius:1.7em;left:0;top:0;bottom:0;right:0;content:"";position:absolute;z-index:0;}.overlayContainer .imageLoaderPositionAbsolute .circle{margin:-42px 0 0 -42px;left:50%;top:50%;position:absolute;}.overlayContainer .imageLoaderPositionAbsolute .progress-value{width:200px;height:200px;line-height:200px;margin:-100px;padding-left:.25em;left:50%;top:50%;position:absolute;z-index:1;}.overlayContainer .imageLoaderPositionAbsolute .progress-value:after{padding-left:.117em;font-size:.5em;font-weight:normal;-webkit-animation:percent 1s linear infinite;animation:percent 1s linear infinite;content:"%";}.imageLoaderPositionAbsolute{left:50%;}body.overlayContainer > .overlay{position:fixed;}body.overlayContainer > .overlay .imageLoaderPositionAbsolute{top:50% !important;position:fixed;}@keyframes percent{0%{opacity:.1;}50%{opacity:1;}100%{opacity:.1;}}@-webkit-keyframes percent{0%{opacity:.1;}50%{opacity:1;}100%{opacity:.1;}}.jgallery .zoom-container .progress{width:0;height:4px;margin:0;padding:0;border:0;line-height:4px;background:#fff;background:rgba(255,255,255,0.5);left:0;bottom:0;overflow:hidden;position:absolute;z-index:10003;}.jgallery .zoom-container .progress:after{width:4px;height:4px;background:#fff;-webkit-box-shadow:0 0 30px 15px rgba( 255, 255, 255, 1 );box-shadow:0 0 30px 15px rgba( 255, 255, 255, 1 );right:64px;top:0;content:"";position:absolute;}.jgallery .jgallery-thumbnails{background:#111;-webkit-transition:background 0.2s, background-color 0.2s;transition:background 0.2s, background-color 0.2s;position:absolute;z-index:3;font-size:0;line-height:0;}.jgallery .jgallery-thumbnails.hidden{display:none;}.jgallery .jgallery-thumbnails .jgallery-container{left:0;top:0;right:0;bottom:0;-webkit-transition:box-shadow 0.2s, -webkit-box-shadow 0.2s;transition:box-shadow 0.2s, -webkit-box-shadow 0.2s;position:absolute;overflow:hidden;}.jgallery .jgallery-thumbnails .album{display:none;}.jgallery .jgallery-thumbnails .album.active{display:inline;}.jgallery .jgallery-thumbnails a{border-radius:.7em;white-space:normal;display:inline-block;}.jgallery .jgallery-thumbnails a:hover:not(.active){border-radius:2px !important;}.jgallery .jgallery-thumbnails a:hover:not(.active) img{border-radius:2px !important;}.jgallery .jgallery-thumbnails a img{border-radius:.7em;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}.jgallery .jgallery-thumbnails .prev,.jgallery .jgallery-thumbnails .next{font-size:24px;text-align:center;background:#111;opacity:1;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;position:absolute;}.jgallery .jgallery-thumbnails .ico{width:40px;height:40px;margin:-20px 0 0 -20px;line-height:40px;color:#fff;top:50%;left:50%;position:absolute;}.jgallery .jgallery-thumbnails .jgallery-close{opacity:0;display:none;}.jgallery .jgallery-thumbnails .change-album{display:none;}.jgallery .jgallery-thumbnails-horizontal{left:0;right:0;white-space:pre;}.jgallery .jgallery-thumbnails-horizontal .prev,.jgallery .jgallery-thumbnails-horizontal .next{width:40px;top:0;bottom:0;}.jgallery .jgallery-thumbnails-horizontal .prev{padding-left:8px;left:-100px;}.jgallery .jgallery-thumbnails-horizontal .prev:before{width:40px;right:-40px;background:-moz-linear-gradient(left,#111 0%,rgba(17,17,17,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#111),color-stop(100%,rgba(17,17,17,0)));background:-webkit-linear-gradient(left,#111 0%,rgba(17,17,17,0) 100%);background:-o-linear-gradient(left,#111 0%,rgba(17,17,17,0) 100%);background:-ms-linear-gradient(left,#111 0%,rgba(17,17,17,0) 100%);background:linear-gradient(to right,#111 0%,rgba(17,17,17,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111',endColorstr='#00111111',GradientType=1);top:0;bottom:0;content:"";position:absolute;}.jgallery .jgallery-thumbnails-horizontal .next{padding-right:8px;right:-100px;}.jgallery .jgallery-thumbnails-horizontal .next:before{width:40px;left:-40px;background:-moz-linear-gradient(left,rgba(17,17,17,0) 0%,#111 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(17,17,17,0)),color-stop(100%,#111));background:-webkit-linear-gradient(left,rgba(17,17,17,0) 0%,#111 100%);background:-o-linear-gradient(left,rgba(17,17,17,0) 0%,#111 100%);background:-ms-linear-gradient(left,rgba(17,17,17,0) 0%,#111 100%);background:linear-gradient(to right,rgba(17,17,17,0) 0%,#111 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00111111',endColorstr='#111111',GradientType=1);top:0;bottom:0;content:"";position:absolute;}.jgallery .jgallery-thumbnails-horizontal:hover .prev.visible{left:0;}.jgallery .jgallery-thumbnails-horizontal:hover .next.visible{right:0;}.jgallery .jgallery-thumbnails-vertical{top:0;bottom:0;}.jgallery .jgallery-thumbnails-vertical .prev,.jgallery .jgallery-thumbnails-vertical .next{height:40px;left:0;right:0;}.jgallery .jgallery-thumbnails-vertical .prev{padding-top:8px;top:-100px;}.jgallery .jgallery-thumbnails-vertical .prev:before{height:40px;bottom:-40px;background:-moz-linear-gradient(top,#111 0%,rgba(17,17,17,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#111),color-stop(100%,rgba(17,17,17,0)));background:-webkit-linear-gradient(top,#111 0%,rgba(17,17,17,0) 100%);background:-o-linear-gradient(top,#111 0%,rgba(17,17,17,0) 100%);background:-ms-linear-gradient(top,#111 0%,rgba(17,17,17,0) 100%);background:linear-gradient(to bottom,#111 0%,rgba(17,17,17,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111',endColorstr='#00111111',GradientType=0);left:0;right:0;content:"";position:absolute;}.jgallery .jgallery-thumbnails-vertical .next{padding-bottom:8px;bottom:-100px;}.jgallery .jgallery-thumbnails-vertical .next:before{height:40px;top:-40px;background:-moz-linear-gradient(top,rgba(17,17,17,0) 0%,#111 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(17,17,17,0)),color-stop(100%,#111));background:-webkit-linear-gradient(top,rgba(17,17,17,0) 0%,#111 100%);background:-o-linear-gradient(top,rgba(17,17,17,0) 0%,#111 100%);background:-ms-linear-gradient(top,rgba(17,17,17,0) 0%,#111 100%);background:linear-gradient(to bottom,rgba(17,17,17,0) 0%,#111 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00111111',endColorstr='#111111',GradientType=0);left:0;right:0;content:"";position:absolute;}.jgallery .jgallery-thumbnails-vertical:hover .prev.visible{top:0;}.jgallery .jgallery-thumbnails-vertical:hover .next.visible{bottom:0;}.jgallery .jgallery-thumbnails-vertical .prev .ico,.jgallery .jgallery-thumbnails-vertical .next .ico{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);display:block;}.jgallery .jgallery-thumbnails-bottom.images:not(.full-screen),.jgallery .jgallery-thumbnails.jgallery-thumbnails-bottom.images.images:not(.full-screen){padding-top:7px;}.jgallery .jgallery-thumbnails-bottom.images:not(.full-screen) .jgallery-container-inner,.jgallery .jgallery-thumbnails.jgallery-thumbnails-bottom.images.images:not(.full-screen) .jgallery-container-inner{padding-top:7px;}.jgallery .jgallery-thumbnails-top{top:0;}.jgallery .jgallery-thumbnails-bottom{bottom:0;}.jgallery .jgallery-thumbnails-left{left:0;}.jgallery .jgallery-thumbnails-right{right:0;}.jgallery .jgallery-thumbnails a.hidden{opacity:0;}.jgallery .jgallery-thumbnails a{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;overflow:hidden;opacity:1;display:inline-block;position:relative;}.jgallery .jgallery-thumbnails.images{padding:15px;}.jgallery .jgallery-thumbnails.images .jgallery-container-inner{padding:15px;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-horizontal .jgallery-container-inner:after{width:15px;height:15px;content:"";display:inline-block;}.jgallery .jgallery-thumbnails.images a{-webkit-border-radius:0;border-radius:0;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;font-size:0;}.jgallery .jgallery-thumbnails.images a img{-webkit-transition:-webkit-filter 0.2s, filter 0.2s;transition:-webkit-filter 0.2s, filter 0.2s;-webkit-filter:#000;filter:#000;}.jgallery .jgallery-thumbnails.images a:hover img{-webkit-filter:#000;filter:#000;}.jgallery .jgallery-thumbnails.images a:hover:after{opacity:0;}.jgallery .jgallery-thumbnails.images a.active img{-webkit-filter:#000;filter:#000;}.jgallery .jgallery-thumbnails.images a.active:after{opacity:.25;}.jgallery .jgallery-thumbnails.images a:after{opacity:.5;background:#111;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;left:0;top:0;right:0;bottom:0;content:"";position:absolute;}.jgallery .jgallery-thumbnails.images:hover a:after{opacity:0;}.jgallery .jgallery-thumbnails.images img{padding:1px;border:0;-webkit-border-radius:0;border-radius:0;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-vertical .prev,.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-vertical .next{left:8px;right:8px;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-vertical:hover .prev.visible{top:0;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-vertical:hover .next.visible{bottom:0;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-horizontal{padding-right:0;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-horizontal .prev,.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-horizontal .next{top:0px;bottom:8px;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-horizontal:hover .prev.visible{left:0;}.jgallery .jgallery-thumbnails.images.jgallery-thumbnails-horizontal:hover .next.visible{right:0;}.jgallery .jgallery-thumbnails.full-screen{width:auto !important;height:auto !important;top:0;left:0;right:0;bottom:0;display:block;}.jgallery .jgallery-thumbnails.full-screen .jgallery-container{text-align:left;white-space:normal;}.jgallery .jgallery-thumbnails.full-screen .jgallery-container-inner{padding:60px 45px 45px;}.jgallery .jgallery-thumbnails.full-screen .jgallery-container-inner:after{width:auto;height:45px;content:"";display:block;}.jgallery .jgallery-thumbnails.full-screen .jgallery-close{right:0;top:0;opacity:1;position:absolute;display:block;}.jgallery .jgallery-thumbnails.full-screen .prev{background:#000;}.jgallery .jgallery-thumbnails.full-screen .prev:before{background-image:-webkit-gradient(linear,left 0%,left 100%,from(rgba(0,0,0,1)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,1),0%,rgba(0,0,0,0),100%);background-image:-moz-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);background-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);background-repeat:repeat-x;}.jgallery .jgallery-thumbnails.full-screen .next{background:#000;}.jgallery .jgallery-thumbnails.full-screen .next:before{background-image:-webkit-gradient(linear,left 0%,left 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,1)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),0%,rgba(0,0,0,1),100%);background-image:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background-repeat:repeat-x;}.jgallery .jgallery-thumbnails.full-screen .change-album{right:40px;top:0;position:absolute;display:block;}.jgallery .jgallery-thumbnails.full-screen .change-album .title{right:48px;top:0;left:auto;bottom:auto;}.jgallery .jgallery-thumbnails.full-screen .change-album .menu{right:0;top:42px;left:auto;bottom:auto;position:absolute;}.jgallery .jgallery-thumbnails.full-screen img{display:inline-block;}.jgallery .jgallery-thumbnails.square:not(.full-screen){font-size:0;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-horizontal{height:40px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-left .next,.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-left .prev{left:20px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-right .next,.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-right .prev{right:20px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-top .next,.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-top .prev{top:20px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-bottom .next,.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-bottom .prev{bottom:20px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-vertical{width:40px;}.jgallery .jgallery-thumbnails.square:not(.full-screen) a{width:20px;height:20px;margin:10px 4px;font-size:20px;text-indent:-9999px;background:#fff;color:#000;text-decoration:none;opacity:.7;}.jgallery .jgallery-thumbnails.square:not(.full-screen) a:hover{opacity:1;}.jgallery .jgallery-thumbnails.square:not(.full-screen) a.active{opacity:.3;cursor:default;}.jgallery .jgallery-thumbnails.square:not(.full-screen) a img{display:none;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-vertical a{margin-top:4px;margin-bottom:4px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-vertical a:first-child{margin-top:8px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-vertical a:last-child{margin-bottom:8px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-horizontal a:first-child{margin-left:8px;}.jgallery .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-horizontal a:last-child{margin-right:8px;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-horizontal{height:50px;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-vertical{width:50px;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-left .next,.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-left .prev{left:25px;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-right .next,.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-right .prev{right:25px;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-top .next,.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-top .prev{top:25px;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-bottom .next,.jgallery .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-bottom .prev{bottom:25px;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen) a{width:30px;height:30px;-webkit-border-radius:18px;border-radius:18px;font-size:14px;line-height:30px;text-indent:0;font-weight:bold;text-align:center;}.jgallery .jgallery-thumbnails.square.number:not(.full-screen) a:after{content:attr(data-jgallery-number);}.jgallery .jgallery-thumbnails.square.number:not(.full-screen) img{display:none;}.jgallery .zoom-container .nav-bottom > .title{padding:4px 0;bottom:5px;right:18px;font-size:14px;color:#fff;-webkit-transition:top, left, right, bottom, opacity, text-shadow, color 0.5s;-moz-transition:top, left, right, bottom, opacity, text-shadow, color 0.5s;-o-transition:top, left, right, bottom, opacity, text-shadow, color 0.5s;transition:top, left, right, bottom, opacity, text-shadow, color 0.5s;cursor:pointer;text-overflow:ellipsis;white-space:pre;overflow:hidden;opacity:1;position:absolute;z-index:0;}.jgallery .zoom-container .nav-bottom > .title.hidden{bottom:-50%;right:-50%;opacity:0;}.jgallery .zoom-container .nav-bottom > .title.hidden,.jgallery .zoom-container .nav-bottom > .title.after,.jgallery .zoom-container .nav-bottom > .title.before{text-shadow:0 0 .25em #fff;color:transparent;opacity:.5;-webkit-transition:top, left, right, bottom, opacity 0.5s;-moz-transition:top, left, right, bottom, opacity 0.5s;-o-transition:top, left, right, bottom, opacity 0.5s;transition:top, left, right, bottom, opacity 0.5s;}.jgallery .zoom-container .nav-bottom > .title.fade{bottom:5px;right:10px;}.jgallery .zoom-container .nav-bottom > .title.fade.expanded{padding-right:10px;padding-bottom:8px;padding-left:10px;left:0;right:0;bottom:40px;white-space:normal;}.jgallery .zoom-container .nav-bottom > .title.fade.before{opacity:0;}.jgallery .zoom-container .nav-bottom > .title.fade.after{opacity:0;}.pt-perspective{position:relative;width:100%;height:100%;-webkit-perspective:1200px;-moz-perspective:1200px;perspective:1200px;}.pt-page{width:100%;height:100%;position:absolute;top:0;left:0;visibility:hidden;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}.pt-page-current,.no-js .pt-page{visibility:visible;z-index:1;}.no-js body{overflow:auto;}.pt-page-ontop{z-index:999;}.pt-page h1{position:absolute;font-weight:300;font-size:4.4em;line-height:1;letter-spacing:6px;margin:0;top:12%;width:100%;text-align:center;text-transform:uppercase;word-spacing:-0.3em;}.pt-page h1 span{font-family:'Satisfy', serif;font-weight:400;font-size:40%;text-transform:none;word-spacing:0;letter-spacing:0;display:block;opacity:0.4;}.pt-page h1 strong{color:rgba(0,0,0,0.1);}.pt-page-1{background:#0ac2d2;}.pt-page-2{background:#7bb7fa;}.pt-page-3{background:#60d7a9;}.pt-page-4{background:#fdc162;}.pt-page-5{background:#fd6a62;}.pt-page-6{background:#f68dbb;}.pt-triggers{position:absolute;width:300px;z-index:999999;top:12%;left:50%;margin-top:130px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}.no-js .pt-triggers{display:none;}.pt-triggers .dl-menuwrapper button,.pt-touch-button{border:none;font-size:13px;font-weight:700;text-transform:uppercase;margin:10px 0 20px;padding:0px 20px;line-height:50px;height:50px;letter-spacing:1px;width:100%;cursor:pointer;display:block;font-family:'Lato', Calibri, Arial, sans-serif;box-shadow:0 3px 0 rgba(0,0,0,0.1);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.pt-touch-button{background:#fff;color:#aaa;}.pt-triggers .dl-menuwrapper button{margin-bottom:0;}.pt-touch-button:active{box-shadow:0 1px 0 rgba(0,0,0,0.1);}.touch .pt-triggers .dl-menuwrapper{display:none;}.pt-message{display:none;position:absolute;z-index:99999;bottom:0;left:0;width:100%;background:#da475c;color:#fff;text-align:center;}.pt-message p{margin:0;line-height:60px;font-size:26px;}.no-cssanimations .pt-message{display:block;}@media screen and (max-width: 47.4375em){.pt-page h1{font-size:3em;}.pt-triggers .dl-menuwrapper{display:none;}}@media screen and (max-height: 45.9em){.pt-triggers .dl-menuwrapper li a{padding-top:2px;padding-bottom:2px;}.pt-triggers .dl-menuwrapper li.dl-back:after,.dl-menuwrapper li > a:not(:only-child):after{line-height:24px;}}@media screen and (max-height: 38em){.pt-triggers .dl-menuwrapper{display:none;}}.pt-page-moveToLeft{-webkit-animation:moveToLeft .6s ease both;-moz-animation:moveToLeft .6s ease both;animation:moveToLeft .6s ease both;}.pt-page-moveFromLeft{-webkit-animation:moveFromLeft .6s ease both;-moz-animation:moveFromLeft .6s ease both;animation:moveFromLeft .6s ease both;}.pt-page-moveToRight{-webkit-animation:moveToRight .6s ease both;-moz-animation:moveToRight .6s ease both;animation:moveToRight .6s ease both;}.pt-page-moveFromRight{-webkit-animation:moveFromRight .6s ease both;-moz-animation:moveFromRight .6s ease both;animation:moveFromRight .6s ease both;}.pt-page-moveToTop{-webkit-animation:moveToTop .6s ease both;-moz-animation:moveToTop .6s ease both;animation:moveToTop .6s ease both;}.pt-page-moveFromTop{-webkit-animation:moveFromTop .6s ease both;-moz-animation:moveFromTop .6s ease both;animation:moveFromTop .6s ease both;}.pt-page-moveToBottom{-webkit-animation:moveToBottom .6s ease both;-moz-animation:moveToBottom .6s ease both;animation:moveToBottom .6s ease both;}.pt-page-moveFromBottom{-webkit-animation:moveFromBottom .6s ease both;-moz-animation:moveFromBottom .6s ease both;animation:moveFromBottom .6s ease both;}.pt-page-fade{-webkit-animation:fade .7s ease both;-moz-animation:fade .7s ease both;animation:fade .7s ease both;}.pt-page-moveToLeftFade{-webkit-animation:moveToLeftFade .7s ease both;-moz-animation:moveToLeftFade .7s ease both;animation:moveToLeftFade .7s ease both;}.pt-page-moveFromLeftFade{-webkit-animation:moveFromLeftFade .7s ease both;-moz-animation:moveFromLeftFade .7s ease both;animation:moveFromLeftFade .7s ease both;}.pt-page-moveToRightFade{-webkit-animation:moveToRightFade .7s ease both;-moz-animation:moveToRightFade .7s ease both;animation:moveToRightFade .7s ease both;}.pt-page-moveFromRightFade{-webkit-animation:moveFromRightFade .7s ease both;-moz-animation:moveFromRightFade .7s ease both;animation:moveFromRightFade .7s ease both;}.pt-page-moveToTopFade{-webkit-animation:moveToTopFade .7s ease both;-moz-animation:moveToTopFade .7s ease both;animation:moveToTopFade .7s ease both;}.pt-page-moveFromTopFade{-webkit-animation:moveFromTopFade .7s ease both;-moz-animation:moveFromTopFade .7s ease both;animation:moveFromTopFade .7s ease both;}.pt-page-moveToBottomFade{-webkit-animation:moveToBottomFade .7s ease both;-moz-animation:moveToBottomFade .7s ease both;animation:moveToBottomFade .7s ease both;}.pt-page-moveFromBottomFade{-webkit-animation:moveFromBottomFade .7s ease both;-moz-animation:moveFromBottomFade .7s ease both;animation:moveFromBottomFade .7s ease both;}.pt-page-moveToLeftEasing{-webkit-animation:moveToLeft .7s ease-in-out both;-moz-animation:moveToLeft .7s ease-in-out both;animation:moveToLeft .7s ease-in-out both;}.pt-page-moveToRightEasing{-webkit-animation:moveToRight .7s ease-in-out both;-moz-animation:moveToRight .7s ease-in-out both;animation:moveToRight .7s ease-in-out both;}.pt-page-moveToTopEasing{-webkit-animation:moveToTop .7s ease-in-out both;-moz-animation:moveToTop .7s ease-in-out both;animation:moveToTop .7s ease-in-out both;}.pt-page-moveToBottomEasing{-webkit-animation:moveToBottom .7s ease-in-out both;-moz-animation:moveToBottom .7s ease-in-out both;animation:moveToBottom .7s ease-in-out both;}@-webkit-keyframes moveToLeft{to{-webkit-transform:translateX(-100%);}}@-moz-keyframes moveToLeft{to{-moz-transform:translateX(-100%);}}@keyframes moveToLeft{to{transform:translateX(-100%);}}@-webkit-keyframes moveFromLeft{from{-webkit-transform:translateX(-100%);}}@-moz-keyframes moveFromLeft{from{-moz-transform:translateX(-100%);}}@keyframes moveFromLeft{from{transform:translateX(-100%);}}@-webkit-keyframes moveToRight{to{-webkit-transform:translateX(100%);}}@-moz-keyframes moveToRight{to{-moz-transform:translateX(100%);}}@keyframes moveToRight{to{transform:translateX(100%);}}@-webkit-keyframes moveFromRight{from{-webkit-transform:translateX(100%);}}@-moz-keyframes moveFromRight{from{-moz-transform:translateX(100%);}}@keyframes moveFromRight{from{transform:translateX(100%);}}@-webkit-keyframes moveToTop{to{-webkit-transform:translateY(-100%);}}@-moz-keyframes moveToTop{to{-moz-transform:translateY(-100%);}}@keyframes moveToTop{to{transform:translateY(-100%);}}@-webkit-keyframes moveFromTop{from{-webkit-transform:translateY(-100%);}}@-moz-keyframes moveFromTop{from{-moz-transform:translateY(-100%);}}@keyframes moveFromTop{from{transform:translateY(-100%);}}@-webkit-keyframes moveToBottom{to{-webkit-transform:translateY(100%);}}@-moz-keyframes moveToBottom{to{-moz-transform:translateY(100%);}}@keyframes moveToBottom{to{transform:translateY(100%);}}@-webkit-keyframes moveFromBottom{from{-webkit-transform:translateY(100%);}}@-moz-keyframes moveFromBottom{from{-moz-transform:translateY(100%);}}@keyframes moveFromBottom{from{transform:translateY(100%);}}@-webkit-keyframes fade{to{opacity:0.3;}}@-moz-keyframes fade{to{opacity:0.3;}}@keyframes fade{to{opacity:0.3;}}@-webkit-keyframes moveToLeftFade{to{opacity:0.3;-webkit-transform:translateX(-100%);}}@-moz-keyframes moveToLeftFade{to{opacity:0.3;-moz-transform:translateX(-100%);}}@keyframes moveToLeftFade{to{opacity:0.3;transform:translateX(-100%);}}@-webkit-keyframes moveFromLeftFade{from{opacity:0.3;-webkit-transform:translateX(-100%);}}@-moz-keyframes moveFromLeftFade{from{opacity:0.3;-moz-transform:translateX(-100%);}}@keyframes moveFromLeftFade{from{opacity:0.3;transform:translateX(-100%);}}@-webkit-keyframes moveToRightFade{to{opacity:0.3;-webkit-transform:translateX(100%);}}@-moz-keyframes moveToRightFade{to{opacity:0.3;-moz-transform:translateX(100%);}}@keyframes moveToRightFade{to{opacity:0.3;transform:translateX(100%);}}@-webkit-keyframes moveFromRightFade{from{opacity:0.3;-webkit-transform:translateX(100%);}}@-moz-keyframes moveFromRightFade{from{opacity:0.3;-moz-transform:translateX(100%);}}@keyframes moveFromRightFade{from{opacity:0.3;transform:translateX(100%);}}@-webkit-keyframes moveToTopFade{to{opacity:0.3;-webkit-transform:translateY(-100%);}}@-moz-keyframes moveToTopFade{to{opacity:0.3;-moz-transform:translateY(-100%);}}@keyframes moveToTopFade{to{opacity:0.3;transform:translateY(-100%);}}@-webkit-keyframes moveFromTopFade{from{opacity:0.3;-webkit-transform:translateY(-100%);}}@-moz-keyframes moveFromTopFade{from{opacity:0.3;-moz-transform:translateY(-100%);}}@keyframes moveFromTopFade{from{opacity:0.3;transform:translateY(-100%);}}@-webkit-keyframes moveToBottomFade{to{opacity:0.3;-webkit-transform:translateY(100%);}}@-moz-keyframes moveToBottomFade{to{opacity:0.3;-moz-transform:translateY(100%);}}@keyframes moveToBottomFade{to{opacity:0.3;transform:translateY(100%);}}@-webkit-keyframes moveFromBottomFade{from{opacity:0.3;-webkit-transform:translateY(100%);}}@-moz-keyframes moveFromBottomFade{from{opacity:0.3;-moz-transform:translateY(100%);}}@keyframes moveFromBottomFade{from{opacity:0.3;transform:translateY(100%);}}.pt-page-scaleDown{-webkit-animation:scaleDown .7s ease both;-moz-animation:scaleDown .7s ease both;animation:scaleDown .7s ease both;}.pt-page-scaleUp{-webkit-animation:scaleUp .7s ease both;-moz-animation:scaleUp .7s ease both;animation:scaleUp .7s ease both;}.pt-page-scaleUpDown{-webkit-animation:scaleUpDown .5s ease both;-moz-animation:scaleUpDown .5s ease both;animation:scaleUpDown .5s ease both;}.pt-page-scaleDownUp{-webkit-animation:scaleDownUp .5s ease both;-moz-animation:scaleDownUp .5s ease both;animation:scaleDownUp .5s ease both;}.pt-page-scaleDownCenter{-webkit-animation:scaleDownCenter .4s ease-in both;-moz-animation:scaleDownCenter .4s ease-in both;animation:scaleDownCenter .4s ease-in both;}.pt-page-scaleUpCenter{-webkit-animation:scaleUpCenter .4s ease-out both;-moz-animation:scaleUpCenter .4s ease-out both;animation:scaleUpCenter .4s ease-out both;}@-webkit-keyframes scaleDown{to{opacity:0;-webkit-transform:scale(.8);}}@-moz-keyframes scaleDown{to{opacity:0;-moz-transform:scale(.8);}}@keyframes scaleDown{to{opacity:0;transform:scale(.8);}}@-webkit-keyframes scaleUp{from{opacity:0;-webkit-transform:scale(.8);}}@-moz-keyframes scaleUp{from{opacity:0;-moz-transform:scale(.8);}}@keyframes scaleUp{from{opacity:0;transform:scale(.8);}}@-webkit-keyframes scaleUpDown{from{opacity:0;-webkit-transform:scale(1.2);}}@-moz-keyframes scaleUpDown{from{opacity:0;-moz-transform:scale(1.2);}}@keyframes scaleUpDown{from{opacity:0;transform:scale(1.2);}}@-webkit-keyframes scaleDownUp{to{opacity:0;-webkit-transform:scale(1.2);}}@-moz-keyframes scaleDownUp{to{opacity:0;-moz-transform:scale(1.2);}}@keyframes scaleDownUp{to{opacity:0;transform:scale(1.2);}}@-webkit-keyframes scaleDownCenter{to{opacity:0;-webkit-transform:scale(.7);}}@-moz-keyframes scaleDownCenter{to{opacity:0;-moz-transform:scale(.7);}}@keyframes scaleDownCenter{to{opacity:0;transform:scale(.7);}}@-webkit-keyframes scaleUpCenter{from{opacity:0;-webkit-transform:scale(.7);}}@-moz-keyframes scaleUpCenter{from{opacity:0;-moz-transform:scale(.7);}}@keyframes scaleUpCenter{from{opacity:0;transform:scale(.7);}}.pt-page-rotateRightSideFirst{-webkit-transform-origin:0% 50%;-webkit-animation:rotateRightSideFirst .8s both ease-in;-moz-transform-origin:0% 50%;-moz-animation:rotateRightSideFirst .8s both ease-in;transform-origin:0% 50%;animation:rotateRightSideFirst .8s both ease-in;}.pt-page-rotateLeftSideFirst{-webkit-transform-origin:100% 50%;-webkit-animation:rotateLeftSideFirst .8s both ease-in;-moz-transform-origin:100% 50%;-moz-animation:rotateLeftSideFirst .8s both ease-in;transform-origin:100% 50%;animation:rotateLeftSideFirst .8s both ease-in;}.pt-page-rotateTopSideFirst{-webkit-transform-origin:50% 100%;-webkit-animation:rotateTopSideFirst .8s both ease-in;-moz-transform-origin:50% 100%;-moz-animation:rotateTopSideFirst .8s both ease-in;transform-origin:50% 100%;animation:rotateTopSideFirst .8s both ease-in;}.pt-page-rotateBottomSideFirst{-webkit-transform-origin:50% 0%;-webkit-animation:rotateBottomSideFirst .8s both ease-in;-moz-transform-origin:50% 0%;-moz-animation:rotateBottomSideFirst .8s both ease-in;transform-origin:50% 0%;animation:rotateBottomSideFirst .8s both ease-in;}.pt-page-flipOutRight{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutRight .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutRight .5s both ease-in;transform-origin:50% 50%;animation:flipOutRight .5s both ease-in;}.pt-page-flipInLeft{-webkit-transform-origin:50% 50%;-webkit-animation:flipInLeft .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInLeft .5s both ease-out;transform-origin:50% 50%;animation:flipInLeft .5s both ease-out;}.pt-page-flipOutLeft{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutLeft .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutLeft .5s both ease-in;transform-origin:50% 50%;animation:flipOutLeft .5s both ease-in;}.pt-page-flipInRight{-webkit-transform-origin:50% 50%;-webkit-animation:flipInRight .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInRight .5s both ease-out;transform-origin:50% 50%;animation:flipInRight .5s both ease-out;}.pt-page-flipOutTop{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutTop .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutTop .5s both ease-in;transform-origin:50% 50%;animation:flipOutTop .5s both ease-in;}.pt-page-flipInBottom{-webkit-transform-origin:50% 50%;-webkit-animation:flipInBottom .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInBottom .5s both ease-out;transform-origin:50% 50%;animation:flipInBottom .5s both ease-out;}.pt-page-flipOutBottom{-webkit-transform-origin:50% 50%;-webkit-animation:flipOutBottom .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:flipOutBottom .5s both ease-in;transform-origin:50% 50%;animation:flipOutBottom .5s both ease-in;}.pt-page-flipInTop{-webkit-transform-origin:50% 50%;-webkit-animation:flipInTop .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:flipInTop .5s both ease-out;transform-origin:50% 50%;animation:flipInTop .5s both ease-out;}.pt-page-rotateFall{-webkit-transform-origin:0% 0%;-webkit-animation:rotateFall 1s both ease-in;-moz-transform-origin:0% 0%;-moz-animation:rotateFall 1s both ease-in;transform-origin:0% 0%;animation:rotateFall 1s both ease-in;}.pt-page-rotateOutNewspaper{-webkit-transform-origin:50% 50%;-webkit-animation:rotateOutNewspaper .5s both ease-in;-moz-transform-origin:50% 50%;-moz-animation:rotateOutNewspaper .5s both ease-in;transform-origin:50% 50%;animation:rotateOutNewspaper .5s both ease-in;}.pt-page-rotateInNewspaper{-webkit-transform-origin:50% 50%;-webkit-animation:rotateInNewspaper .5s both ease-out;-moz-transform-origin:50% 50%;-moz-animation:rotateInNewspaper .5s both ease-out;transform-origin:50% 50%;animation:rotateInNewspaper .5s both ease-out;}.pt-page-rotatePushLeft{-webkit-transform-origin:0% 50%;-webkit-animation:rotatePushLeft .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotatePushLeft .8s both ease;transform-origin:0% 50%;animation:rotatePushLeft .8s both ease;}.pt-page-rotatePushRight{-webkit-transform-origin:100% 50%;-webkit-animation:rotatePushRight .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotatePushRight .8s both ease;transform-origin:100% 50%;animation:rotatePushRight .8s both ease;}.pt-page-rotatePushTop{-webkit-transform-origin:50% 0%;-webkit-animation:rotatePushTop .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotatePushTop .8s both ease;transform-origin:50% 0%;animation:rotatePushTop .8s both ease;}.pt-page-rotatePushBottom{-webkit-transform-origin:50% 100%;-webkit-animation:rotatePushBottom .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotatePushBottom .8s both ease;transform-origin:50% 100%;animation:rotatePushBottom .8s both ease;}.pt-page-rotatePullRight{-webkit-transform-origin:100% 50%;-webkit-animation:rotatePullRight .5s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotatePullRight .5s both ease;transform-origin:100% 50%;animation:rotatePullRight .5s both ease;}.pt-page-rotatePullLeft{-webkit-transform-origin:0% 50%;-webkit-animation:rotatePullLeft .5s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotatePullLeft .5s both ease;transform-origin:0% 50%;animation:rotatePullLeft .5s both ease;}.pt-page-rotatePullTop{-webkit-transform-origin:50% 0%;-webkit-animation:rotatePullTop .5s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotatePullTop .5s both ease;transform-origin:50% 0%;animation:rotatePullTop .5s both ease;}.pt-page-rotatePullBottom{-webkit-transform-origin:50% 100%;-webkit-animation:rotatePullBottom .5s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotatePullBottom .5s both ease;transform-origin:50% 100%;animation:rotatePullBottom .5s both ease;}.pt-page-rotateFoldRight{-webkit-transform-origin:0% 50%;-webkit-animation:rotateFoldRight .7s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateFoldRight .7s both ease;transform-origin:0% 50%;animation:rotateFoldRight .7s both ease;}.pt-page-rotateFoldLeft{-webkit-transform-origin:100% 50%;-webkit-animation:rotateFoldLeft .7s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateFoldLeft .7s both ease;transform-origin:100% 50%;animation:rotateFoldLeft .7s both ease;}.pt-page-rotateFoldTop{-webkit-transform-origin:50% 100%;-webkit-animation:rotateFoldTop .7s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateFoldTop .7s both ease;transform-origin:50% 100%;animation:rotateFoldTop .7s both ease;}.pt-page-rotateFoldBottom{-webkit-transform-origin:50% 0%;-webkit-animation:rotateFoldBottom .7s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateFoldBottom .7s both ease;transform-origin:50% 0%;animation:rotateFoldBottom .7s both ease;}.pt-page-rotateUnfoldLeft{-webkit-transform-origin:100% 50%;-webkit-animation:rotateUnfoldLeft .7s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateUnfoldLeft .7s both ease;transform-origin:100% 50%;animation:rotateUnfoldLeft .7s both ease;}.pt-page-rotateUnfoldRight{-webkit-transform-origin:0% 50%;-webkit-animation:rotateUnfoldRight .7s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateUnfoldRight .7s both ease;transform-origin:0% 50%;animation:rotateUnfoldRight .7s both ease;}.pt-page-rotateUnfoldTop{-webkit-transform-origin:50% 100%;-webkit-animation:rotateUnfoldTop .7s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateUnfoldTop .7s both ease;transform-origin:50% 100%;animation:rotateUnfoldTop .7s both ease;}.pt-page-rotateUnfoldBottom{-webkit-transform-origin:50% 0%;-webkit-animation:rotateUnfoldBottom .7s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateUnfoldBottom .7s both ease;transform-origin:50% 0%;animation:rotateUnfoldBottom .7s both ease;}.pt-page-rotateRoomLeftOut{-webkit-transform-origin:100% 50%;-webkit-animation:rotateRoomLeftOut .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateRoomLeftOut .8s both ease;transform-origin:100% 50%;animation:rotateRoomLeftOut .8s both ease;}.pt-page-rotateRoomLeftIn{-webkit-transform-origin:0% 50%;-webkit-animation:rotateRoomLeftIn .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateRoomLeftIn .8s both ease;transform-origin:0% 50%;animation:rotateRoomLeftIn .8s both ease;}.pt-page-rotateRoomRightOut{-webkit-transform-origin:0% 50%;-webkit-animation:rotateRoomRightOut .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateRoomRightOut .8s both ease;transform-origin:0% 50%;animation:rotateRoomRightOut .8s both ease;}.pt-page-rotateRoomRightIn{-webkit-transform-origin:100% 50%;-webkit-animation:rotateRoomRightIn .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateRoomRightIn .8s both ease;transform-origin:100% 50%;animation:rotateRoomRightIn .8s both ease;}.pt-page-rotateRoomTopOut{-webkit-transform-origin:50% 100%;-webkit-animation:rotateRoomTopOut .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateRoomTopOut .8s both ease;transform-origin:50% 100%;animation:rotateRoomTopOut .8s both ease;}.pt-page-rotateRoomTopIn{-webkit-transform-origin:50% 0%;-webkit-animation:rotateRoomTopIn .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateRoomTopIn .8s both ease;transform-origin:50% 0%;animation:rotateRoomTopIn .8s both ease;}.pt-page-rotateRoomBottomOut{-webkit-transform-origin:50% 0%;-webkit-animation:rotateRoomBottomOut .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateRoomBottomOut .8s both ease;transform-origin:50% 0%;animation:rotateRoomBottomOut .8s both ease;}.pt-page-rotateRoomBottomIn{-webkit-transform-origin:50% 100%;-webkit-animation:rotateRoomBottomIn .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateRoomBottomIn .8s both ease;transform-origin:50% 100%;animation:rotateRoomBottomIn .8s both ease;}.pt-page-rotateCubeLeftOut{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCubeLeftOut .6s both ease-in;-moz-transform-origin:100% 50%;-moz-animation:rotateCubeLeftOut .6s both ease-in;transform-origin:100% 50%;animation:rotateCubeLeftOut .6s both ease-in;}.pt-page-rotateCubeLeftIn{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCubeLeftIn .6s both ease-in;-moz-transform-origin:0% 50%;-moz-animation:rotateCubeLeftIn .6s both ease-in;transform-origin:0% 50%;animation:rotateCubeLeftIn .6s both ease-in;}.pt-page-rotateCubeRightOut{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCubeRightOut .6s both ease-in;-moz-transform-origin:0% 50%;-moz-animation:rotateCubeRightOut .6s both ease-in;transform-origin:0% 50%;animation:rotateCubeRightOut .6s both ease-in;}.pt-page-rotateCubeRightIn{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCubeRightIn .6s both ease-in;-moz-transform-origin:100% 50%;-moz-animation:rotateCubeRightIn .6s both ease-in;transform-origin:100% 50%;animation:rotateCubeRightIn .6s both ease-in;}.pt-page-rotateCubeTopOut{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCubeTopOut .6s both ease-in;-moz-transform-origin:50% 100%;-moz-animation:rotateCubeTopOut .6s both ease-in;transform-origin:50% 100%;animation:rotateCubeTopOut .6s both ease-in;}.pt-page-rotateCubeTopIn{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCubeTopIn .6s both ease-in;-moz-transform-origin:50% 0%;-moz-animation:rotateCubeTopIn .6s both ease-in;transform-origin:50% 0%;animation:rotateCubeTopIn .6s both ease-in;}.pt-page-rotateCubeBottomOut{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCubeBottomOut .6s both ease-in;-moz-transform-origin:50% 0%;-moz-animation:rotateCubeBottomOut .6s both ease-in;transform-origin:50% 0%;animation:rotateCubeBottomOut .6s both ease-in;}.pt-page-rotateCubeBottomIn{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCubeBottomIn .6s both ease-in;-moz-transform-origin:50% 100%;-moz-animation:rotateCubeBottomIn .6s both ease-in;transform-origin:50% 100%;animation:rotateCubeBottomIn .6s both ease-in;}.pt-page-rotateCarouselLeftOut{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCarouselLeftOut .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateCarouselLeftOut .8s both ease;transform-origin:100% 50%;animation:rotateCarouselLeftOut .8s both ease;}.pt-page-rotateCarouselLeftIn{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCarouselLeftIn .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateCarouselLeftIn .8s both ease;transform-origin:0% 50%;animation:rotateCarouselLeftIn .8s both ease;}.pt-page-rotateCarouselRightOut{-webkit-transform-origin:0% 50%;-webkit-animation:rotateCarouselRightOut .8s both ease;-moz-transform-origin:0% 50%;-moz-animation:rotateCarouselRightOut .8s both ease;transform-origin:0% 50%;animation:rotateCarouselRightOut .8s both ease;}.pt-page-rotateCarouselRightIn{-webkit-transform-origin:100% 50%;-webkit-animation:rotateCarouselRightIn .8s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateCarouselRightIn .8s both ease;transform-origin:100% 50%;animation:rotateCarouselRightIn .8s both ease;}.pt-page-rotateCarouselTopOut{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCarouselTopOut .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateCarouselTopOut .8s both ease;transform-origin:50% 100%;animation:rotateCarouselTopOut .8s both ease;}.pt-page-rotateCarouselTopIn{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCarouselTopIn .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateCarouselTopIn .8s both ease;transform-origin:50% 0%;animation:rotateCarouselTopIn .8s both ease;}.pt-page-rotateCarouselBottomOut{-webkit-transform-origin:50% 0%;-webkit-animation:rotateCarouselBottomOut .8s both ease;-moz-transform-origin:50% 0%;-moz-animation:rotateCarouselBottomOut .8s both ease;transform-origin:50% 0%;animation:rotateCarouselBottomOut .8s both ease;}.pt-page-rotateCarouselBottomIn{-webkit-transform-origin:50% 100%;-webkit-animation:rotateCarouselBottomIn .8s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateCarouselBottomIn .8s both ease;transform-origin:50% 100%;animation:rotateCarouselBottomIn .8s both ease;}.pt-page-rotateSidesOut{-webkit-transform-origin:-50% 50%;-webkit-animation:rotateSidesOut .5s both ease-in;-moz-transform-origin:-50% 50%;-moz-animation:rotateSidesOut .5s both ease-in;transform-origin:-50% 50%;animation:rotateSidesOut .5s both ease-in;}.pt-page-rotateSidesIn{-webkit-transform-origin:150% 50%;-webkit-animation:rotateSidesIn .5s both ease-out;-moz-transform-origin:150% 50%;-moz-animation:rotateSidesIn .5s both ease-out;transform-origin:150% 50%;animation:rotateSidesIn .5s both ease-out;}.pt-page-rotateSlideOut{-webkit-animation:rotateSlideOut 1s both ease;-moz-animation:rotateSlideOut 1s both ease;animation:rotateSlideOut 1s both ease;}.pt-page-rotateSlideIn{-webkit-animation:rotateSlideIn 1s both ease;-moz-animation:rotateSlideIn 1s both ease;animation:rotateSlideIn 1s both ease;}@-webkit-keyframes rotateRightSideFirst{40%{-webkit-transform:rotateY(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;}100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0;}}@-moz-keyframes rotateRightSideFirst{40%{-moz-transform:rotateY(15deg);opacity:.8;-moz-animation-timing-function:ease-out;}100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0;}}@keyframes rotateRightSideFirst{40%{transform:rotateY(15deg);opacity:.8;animation-timing-function:ease-out;}100%{transform:scale(0.8) translateZ(-200px);opacity:0;}}@-webkit-keyframes rotateLeftSideFirst{40%{-webkit-transform:rotateY(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;}100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0;}}@-moz-keyframes rotateLeftSideFirst{40%{-moz-transform:rotateY(-15deg);opacity:.8;-moz-animation-timing-function:ease-out;}100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0;}}@keyframes rotateLeftSideFirst{40%{transform:rotateY(-15deg);opacity:.8;animation-timing-function:ease-out;}100%{transform:scale(0.8) translateZ(-200px);opacity:0;}}@-webkit-keyframes rotateTopSideFirst{40%{-webkit-transform:rotateX(15deg);opacity:.8;-webkit-animation-timing-function:ease-out;}100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0;}}@-moz-keyframes rotateTopSideFirst{40%{-moz-transform:rotateX(15deg);opacity:.8;-moz-animation-timing-function:ease-out;}100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0;}}@keyframes rotateTopSideFirst{40%{transform:rotateX(15deg);opacity:.8;animation-timing-function:ease-out;}100%{transform:scale(0.8) translateZ(-200px);opacity:0;}}@-webkit-keyframes rotateBottomSideFirst{40%{-webkit-transform:rotateX(-15deg);opacity:.8;-webkit-animation-timing-function:ease-out;}100%{-webkit-transform:scale(0.8) translateZ(-200px);opacity:0;}}@-moz-keyframes rotateBottomSideFirst{40%{-moz-transform:rotateX(-15deg);opacity:.8;-moz-animation-timing-function:ease-out;}100%{-moz-transform:scale(0.8) translateZ(-200px);opacity:0;}}@keyframes rotateBottomSideFirst{40%{transform:rotateX(-15deg);opacity:.8;animation-timing-function:ease-out;}100%{transform:scale(0.8) translateZ(-200px);opacity:0;}}@-webkit-keyframes flipOutRight{to{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}}@-moz-keyframes flipOutRight{to{-moz-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}}@keyframes flipOutRight{to{transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}}@-webkit-keyframes flipInLeft{from{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}}@-moz-keyframes flipInLeft{from{-moz-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}}@keyframes flipInLeft{from{transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}}@-webkit-keyframes flipOutLeft{to{-webkit-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}}@-moz-keyframes flipOutLeft{to{-moz-transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}}@keyframes flipOutLeft{to{transform:translateZ(-1000px) rotateY(-90deg);opacity:0.2;}}@-webkit-keyframes flipInRight{from{-webkit-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}}@-moz-keyframes flipInRight{from{-moz-transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}}@keyframes flipInRight{from{transform:translateZ(-1000px) rotateY(90deg);opacity:0.2;}}@-webkit-keyframes flipOutTop{to{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}}@-moz-keyframes flipOutTop{to{-moz-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}}@keyframes flipOutTop{to{transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}}@-webkit-keyframes flipInBottom{from{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}}@-moz-keyframes flipInBottom{from{-moz-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}}@keyframes flipInBottom{from{transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}}@-webkit-keyframes flipOutBottom{to{-webkit-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}}@-moz-keyframes flipOutBottom{to{-moz-transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}}@keyframes flipOutBottom{to{transform:translateZ(-1000px) rotateX(-90deg);opacity:0.2;}}@-webkit-keyframes flipInTop{from{-webkit-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}}@-moz-keyframes flipInTop{from{-moz-transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}}@keyframes flipInTop{from{transform:translateZ(-1000px) rotateX(90deg);opacity:0.2;}}@-webkit-keyframes rotateFall{0%{-webkit-transform:rotateZ(0deg);}20%{-webkit-transform:rotateZ(10deg);-webkit-animation-timing-function:ease-out;}40%{-webkit-transform:rotateZ(17deg);}60%{-webkit-transform:rotateZ(16deg);}100%{-webkit-transform:translateY(100%) rotateZ(17deg);}}@-moz-keyframes rotateFall{0%{-moz-transform:rotateZ(0deg);}20%{-moz-transform:rotateZ(10deg);-moz-animation-timing-function:ease-out;}40%{-moz-transform:rotateZ(17deg);}60%{-moz-transform:rotateZ(16deg);}100%{-moz-transform:translateY(100%) rotateZ(17deg);}}@keyframes rotateFall{0%{transform:rotateZ(0deg);}20%{transform:rotateZ(10deg);animation-timing-function:ease-out;}40%{transform:rotateZ(17deg);}60%{transform:rotateZ(16deg);}100%{transform:translateY(100%) rotateZ(17deg);}}@-webkit-keyframes rotateOutNewspaper{to{-webkit-transform:translateZ(-3000px) rotateZ(360deg);opacity:0;}}@-moz-keyframes rotateOutNewspaper{to{-moz-transform:translateZ(-3000px) rotateZ(360deg);opacity:0;}}@keyframes rotateOutNewspaper{to{transform:translateZ(-3000px) rotateZ(360deg);opacity:0;}}@-webkit-keyframes rotateInNewspaper{from{-webkit-transform:translateZ(-3000px) rotateZ(-360deg);opacity:0;}}@-moz-keyframes rotateInNewspaper{from{-moz-transform:translateZ(-3000px) rotateZ(-360deg);opacity:0;}}@keyframes rotateInNewspaper{from{transform:translateZ(-3000px) rotateZ(-360deg);opacity:0;}}@-webkit-keyframes rotatePushLeft{to{opacity:0;-webkit-transform:rotateY(90deg);}}@-moz-keyframes rotatePushLeft{to{opacity:0;-moz-transform:rotateY(90deg);}}@keyframes rotatePushLeft{to{opacity:0;transform:rotateY(90deg);}}@-webkit-keyframes rotatePushRight{to{opacity:0;-webkit-transform:rotateY(-90deg);}}@-moz-keyframes rotatePushRight{to{opacity:0;-moz-transform:rotateY(-90deg);}}@keyframes rotatePushRight{to{opacity:0;transform:rotateY(-90deg);}}@-webkit-keyframes rotatePushTop{to{opacity:0;-webkit-transform:rotateX(-90deg);}}@-moz-keyframes rotatePushTop{to{opacity:0;-moz-transform:rotateX(-90deg);}}@keyframes rotatePushTop{to{opacity:0;transform:rotateX(-90deg);}}@-webkit-keyframes rotatePushBottom{to{opacity:0;-webkit-transform:rotateX(90deg);}}@-moz-keyframes rotatePushBottom{to{opacity:0;-moz-transform:rotateX(90deg);}}@keyframes rotatePushBottom{to{opacity:0;transform:rotateX(90deg);}}@-webkit-keyframes rotatePullRight{from{opacity:0;-webkit-transform:rotateY(-90deg);}}@-moz-keyframes rotatePullRight{from{opacity:0;-moz-transform:rotateY(-90deg);}}@keyframes rotatePullRight{from{opacity:0;transform:rotateY(-90deg);}}@-webkit-keyframes rotatePullLeft{from{opacity:0;-webkit-transform:rotateY(90deg);}}@-moz-keyframes rotatePullLeft{from{opacity:0;-moz-transform:rotateY(90deg);}}@keyframes rotatePullLeft{from{opacity:0;transform:rotateY(90deg);}}@-webkit-keyframes rotatePullTop{from{opacity:0;-webkit-transform:rotateX(-90deg);}}@-moz-keyframes rotatePullTop{from{opacity:0;-moz-transform:rotateX(-90deg);}}@keyframes rotatePullTop{from{opacity:0;transform:rotateX(-90deg);}}@-webkit-keyframes rotatePullBottom{from{opacity:0;-webkit-transform:rotateX(90deg);}}@-moz-keyframes rotatePullBottom{from{opacity:0;-moz-transform:rotateX(90deg);}}@keyframes rotatePullBottom{from{opacity:0;transform:rotateX(90deg);}}@-webkit-keyframes rotateFoldRight{to{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);}}@-moz-keyframes rotateFoldRight{to{opacity:0;-moz-transform:translateX(100%) rotateY(90deg);}}@keyframes rotateFoldRight{to{opacity:0;transform:translateX(100%) rotateY(90deg);}}@-webkit-keyframes rotateFoldLeft{to{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);}}@-moz-keyframes rotateFoldLeft{to{opacity:0;-moz-transform:translateX(-100%) rotateY(-90deg);}}@keyframes rotateFoldLeft{to{opacity:0;transform:translateX(-100%) rotateY(-90deg);}}@-webkit-keyframes rotateFoldTop{to{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);}}@-moz-keyframes rotateFoldTop{to{opacity:0;-moz-transform:translateY(-100%) rotateX(90deg);}}@keyframes rotateFoldTop{to{opacity:0;transform:translateY(-100%) rotateX(90deg);}}@-webkit-keyframes rotateFoldBottom{to{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);}}@-moz-keyframes rotateFoldBottom{to{opacity:0;-moz-transform:translateY(100%) rotateX(-90deg);}}@keyframes rotateFoldBottom{to{opacity:0;transform:translateY(100%) rotateX(-90deg);}}@-webkit-keyframes rotateUnfoldLeft{from{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg);}}@-moz-keyframes rotateUnfoldLeft{from{opacity:0;-moz-transform:translateX(-100%) rotateY(-90deg);}}@keyframes rotateUnfoldLeft{from{opacity:0;transform:translateX(-100%) rotateY(-90deg);}}@-webkit-keyframes rotateUnfoldRight{from{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg);}}@-moz-keyframes rotateUnfoldRight{from{opacity:0;-moz-transform:translateX(100%) rotateY(90deg);}}@keyframes rotateUnfoldRight{from{opacity:0;transform:translateX(100%) rotateY(90deg);}}@-webkit-keyframes rotateUnfoldTop{from{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg);}}@-moz-keyframes rotateUnfoldTop{from{opacity:0;-moz-transform:translateY(-100%) rotateX(90deg);}}@keyframes rotateUnfoldTop{from{opacity:0;transform:translateY(-100%) rotateX(90deg);}}@-webkit-keyframes rotateUnfoldBottom{from{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg);}}@-moz-keyframes rotateUnfoldBottom{from{opacity:0;-moz-transform:translateY(100%) rotateX(-90deg);}}@keyframes rotateUnfoldBottom{from{opacity:0;transform:translateY(100%) rotateX(-90deg);}}@-webkit-keyframes rotateRoomLeftOut{to{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);}}@-moz-keyframes rotateRoomLeftOut{to{opacity:.3;-moz-transform:translateX(-100%) rotateY(90deg);}}@keyframes rotateRoomLeftOut{to{opacity:.3;transform:translateX(-100%) rotateY(90deg);}}@-webkit-keyframes rotateRoomLeftIn{from{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);}}@-moz-keyframes rotateRoomLeftIn{from{opacity:.3;-moz-transform:translateX(100%) rotateY(-90deg);}}@keyframes rotateRoomLeftIn{from{opacity:.3;transform:translateX(100%) rotateY(-90deg);}}@-webkit-keyframes rotateRoomRightOut{to{opacity:.3;-webkit-transform:translateX(100%) rotateY(-90deg);}}@-moz-keyframes rotateRoomRightOut{to{opacity:.3;-moz-transform:translateX(100%) rotateY(-90deg);}}@keyframes rotateRoomRightOut{to{opacity:.3;transform:translateX(100%) rotateY(-90deg);}}@-webkit-keyframes rotateRoomRightIn{from{opacity:.3;-webkit-transform:translateX(-100%) rotateY(90deg);}}@-moz-keyframes rotateRoomRightIn{from{opacity:.3;-moz-transform:translateX(-100%) rotateY(90deg);}}@keyframes rotateRoomRightIn{from{opacity:.3;transform:translateX(-100%) rotateY(90deg);}}@-webkit-keyframes rotateRoomTopOut{to{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);}}@-moz-keyframes rotateRoomTopOut{to{opacity:.3;-moz-transform:translateY(-100%) rotateX(-90deg);}}@keyframes rotateRoomTopOut{to{opacity:.3;transform:translateY(-100%) rotateX(-90deg);}}@-webkit-keyframes rotateRoomTopIn{from{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);}}@-moz-keyframes rotateRoomTopIn{from{opacity:.3;-moz-transform:translateY(100%) rotateX(90deg);}}@keyframes rotateRoomTopIn{from{opacity:.3;transform:translateY(100%) rotateX(90deg);}}@-webkit-keyframes rotateRoomBottomOut{to{opacity:.3;-webkit-transform:translateY(100%) rotateX(90deg);}}@-moz-keyframes rotateRoomBottomOut{to{opacity:.3;-moz-transform:translateY(100%) rotateX(90deg);}}@keyframes rotateRoomBottomOut{to{opacity:.3;transform:translateY(100%) rotateX(90deg);}}@-webkit-keyframes rotateRoomBottomIn{from{opacity:.3;-webkit-transform:translateY(-100%) rotateX(-90deg);}}@-moz-keyframes rotateRoomBottomIn{from{opacity:.3;-moz-transform:translateY(-100%) rotateX(-90deg);}}@keyframes rotateRoomBottomIn{from{opacity:.3;transform:translateY(-100%) rotateX(-90deg);}}@-webkit-keyframes rotateCubeLeftOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}100%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);}}@-moz-keyframes rotateCubeLeftOut{50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}100%{opacity:.3;-moz-transform:translateX(-100%) rotateY(-90deg);}}@keyframes rotateCubeLeftOut{50%{animation-timing-function:ease-out;transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}100%{opacity:.3;transform:translateX(-100%) rotateY(-90deg);}}@-webkit-keyframes rotateCubeLeftIn{0%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);}50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);}}@-moz-keyframes rotateCubeLeftIn{0%{opacity:.3;-moz-transform:translateX(100%) rotateY(90deg);}50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);}}@keyframes rotateCubeLeftIn{0%{opacity:.3;transform:translateX(100%) rotateY(90deg);}50%{animation-timing-function:ease-out;transform:translateX(50%) translateZ(-200px) rotateY(45deg);}}@-webkit-keyframes rotateCubeRightOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(50%) translateZ(-200px) rotateY(45deg);}100%{opacity:.3;-webkit-transform:translateX(100%) rotateY(90deg);}}@-moz-keyframes rotateCubeRightOut{50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(50%) translateZ(-200px) rotateY(45deg);}100%{opacity:.3;-moz-transform:translateX(100%) rotateY(90deg);}}@keyframes rotateCubeRightOut{50%{animation-timing-function:ease-out;transform:translateX(50%) translateZ(-200px) rotateY(45deg);}100%{opacity:.3;transform:translateX(100%) rotateY(90deg);}}@-webkit-keyframes rotateCubeRightIn{0%{opacity:.3;-webkit-transform:translateX(-100%) rotateY(-90deg);}50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}}@-moz-keyframes rotateCubeRightIn{0%{opacity:.3;-moz-transform:translateX(-100%) rotateY(-90deg);}50%{-moz-animation-timing-function:ease-out;-moz-transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}}@keyframes rotateCubeRightIn{0%{opacity:.3;transform:translateX(-100%) rotateY(-90deg);}50%{animation-timing-function:ease-out;transform:translateX(-50%) translateZ(-200px) rotateY(-45deg);}}@-webkit-keyframes rotateCubeTopOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}100%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg);}}@-moz-keyframes rotateCubeTopOut{50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}100%{opacity:.3;-moz-transform:translateY(-100%) rotateX(90deg);}}@keyframes rotateCubeTopOut{50%{animation-timing-function:ease-out;transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}100%{opacity:.3;transform:translateY(-100%) rotateX(90deg);}}@-webkit-keyframes rotateCubeTopIn{0%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg);}50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}}@-moz-keyframes rotateCubeTopIn{0%{opacity:.3;-moz-transform:translateY(100%) rotateX(-90deg);}50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}}@keyframes rotateCubeTopIn{0%{opacity:.3;transform:translateY(100%) rotateX(-90deg);}50%{animation-timing-function:ease-out;transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}}@-webkit-keyframes rotateCubeBottomOut{50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}100%{opacity:.3;-webkit-transform:translateY(100%) rotateX(-90deg);}}@-moz-keyframes rotateCubeBottomOut{50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}100%{opacity:.3;-moz-transform:translateY(100%) rotateX(-90deg);}}@keyframes rotateCubeBottomOut{50%{animation-timing-function:ease-out;transform:translateY(50%) translateZ(-200px) rotateX(-45deg);}100%{opacity:.3;transform:translateY(100%) rotateX(-90deg);}}@-webkit-keyframes rotateCubeBottomIn{0%{opacity:.3;-webkit-transform:translateY(-100%) rotateX(90deg);}50%{-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}}@-moz-keyframes rotateCubeBottomIn{0%{opacity:.3;-moz-transform:translateY(-100%) rotateX(90deg);}50%{-moz-animation-timing-function:ease-out;-moz-transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}}@keyframes rotateCubeBottomIn{0%{opacity:.3;transform:translateY(-100%) rotateX(90deg);}50%{animation-timing-function:ease-out;transform:translateY(-50%) translateZ(-200px) rotateX(45deg);}}@-webkit-keyframes rotateCarouselLeftOut{to{opacity:.3;-webkit-transform:translateX(-150%) scale(.4) rotateY(-65deg);}}@-moz-keyframes rotateCarouselLeftOut{to{opacity:.3;-moz-transform:translateX(-150%) scale(.4) rotateY(-65deg);}}@keyframes rotateCarouselLeftOut{to{opacity:.3;transform:translateX(-150%) scale(.4) rotateY(-65deg);}}@-webkit-keyframes rotateCarouselLeftIn{from{opacity:.3;-webkit-transform:translateX(200%) scale(.4) rotateY(65deg);}}@-moz-keyframes rotateCarouselLeftIn{from{opacity:.3;-moz-transform:translateX(200%) scale(.4) rotateY(65deg);}}@keyframes rotateCarouselLeftIn{from{opacity:.3;transform:translateX(200%) scale(.4) rotateY(65deg);}}@-webkit-keyframes rotateCarouselRightOut{to{opacity:.3;-webkit-transform:translateX(200%) scale(.4) rotateY(65deg);}}@-moz-keyframes rotateCarouselRightOut{to{opacity:.3;-moz-transform:translateX(200%) scale(.4) rotateY(65deg);}}@keyframes rotateCarouselRightOut{to{opacity:.3;transform:translateX(200%) scale(.4) rotateY(65deg);}}@-webkit-keyframes rotateCarouselRightIn{from{opacity:.3;-webkit-transform:translateX(-200%) scale(.4) rotateY(-65deg);}}@-moz-keyframes rotateCarouselRightIn{from{opacity:.3;-moz-transform:translateX(-200%) scale(.4) rotateY(-65deg);}}@keyframes rotateCarouselRightIn{from{opacity:.3;transform:translateX(-200%) scale(.4) rotateY(-65deg);}}@-webkit-keyframes rotateCarouselTopOut{to{opacity:.3;-webkit-transform:translateY(-200%) scale(.4) rotateX(65deg);}}@-moz-keyframes rotateCarouselTopOut{to{opacity:.3;-moz-transform:translateY(-200%) scale(.4) rotateX(65deg);}}@keyframes rotateCarouselTopOut{to{opacity:.3;transform:translateY(-200%) scale(.4) rotateX(65deg);}}@-webkit-keyframes rotateCarouselTopIn{from{opacity:.3;-webkit-transform:translateY(200%) scale(.4) rotateX(-65deg);}}@-moz-keyframes rotateCarouselTopIn{from{opacity:.3;-moz-transform:translateY(200%) scale(.4) rotateX(-65deg);}}@keyframes rotateCarouselTopIn{from{opacity:.3;transform:translateY(200%) scale(.4) rotateX(-65deg);}}@-webkit-keyframes rotateCarouselBottomOut{to{opacity:.3;-webkit-transform:translateY(200%) scale(.4) rotateX(-65deg);}}@-moz-keyframes rotateCarouselBottomOut{to{opacity:.3;-moz-transform:translateY(200%) scale(.4) rotateX(-65deg);}}@keyframes rotateCarouselBottomOut{to{opacity:.3;transform:translateY(200%) scale(.4) rotateX(-65deg);}}@-webkit-keyframes rotateCarouselBottomIn{from{opacity:.3;-webkit-transform:translateY(-200%) scale(.4) rotateX(65deg);}}@-moz-keyframes rotateCarouselBottomIn{from{opacity:.3;-moz-transform:translateY(-200%) scale(.4) rotateX(65deg);}}@keyframes rotateCarouselBottomIn{from{opacity:.3;transform:translateY(-200%) scale(.4) rotateX(65deg);}}@-webkit-keyframes rotateSidesOut{to{opacity:0;-webkit-transform:translateZ(-500px) rotateY(90deg);}}@-moz-keyframes rotateSidesOut{to{opacity:0;-moz-transform:translateZ(-500px) rotateY(90deg);}}@keyframes rotateSidesOut{to{opacity:0;transform:translateZ(-500px) rotateY(90deg);}}@-webkit-keyframes rotateSidesIn{from{opacity:0;-webkit-transform:translateZ(-500px) rotateY(-90deg);}}@-moz-keyframes rotateSidesIn{from{opacity:0;-moz-transform:translateZ(-500px) rotateY(-90deg);}}@keyframes rotateSidesIn{from{opacity:0;transform:translateZ(-500px) rotateY(-90deg);}}@-webkit-keyframes rotateSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px);}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);}}@-moz-keyframes rotateSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px);}75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%);}100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%);}}@keyframes rotateSlideOut{25%{opacity:.5;transform:translateZ(-500px);}75%{opacity:.5;transform:translateZ(-500px) translateX(-200%);}100%{opacity:.5;transform:translateZ(-500px) translateX(-200%);}}@-webkit-keyframes rotateSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);}75%{opacity:.5;-webkit-transform:translateZ(-500px);}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);}}@-moz-keyframes rotateSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%);}75%{opacity:.5;-moz-transform:translateZ(-500px);}100%{opacity:1;-moz-transform:translateZ(0) translateX(0);}}@keyframes rotateSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%);}75%{opacity:.5;transform:translateZ(-500px);}100%{opacity:1;transform:translateZ(0) translateX(0);}}.pt-page-delay100{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s;}.pt-page-delay180{-webkit-animation-delay:.180s;-moz-animation-delay:.180s;animation-delay:.180s;}.pt-page-delay200{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s;}.pt-page-delay300{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s;}.pt-page-delay400{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s;}.pt-page-delay500{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s;}.pt-page-delay700{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-delay:.7s;}.pt-page-delay1000{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;}.pt-part .pt-page{width:100%;height:100%;overflow:hidden;}.pt-part .pt-page .pt-item{position:absolute;}.pt-perspective{z-index:0;}.jgallery .zoom{-webkit-perspective:1200px;perspective:1200px;left:0;top:0;right:0;bottom:0;position:absolute;z-index:1;}.jgallery .zoom .pt-perspective.hide-overflow{overflow:hidden;}.jgallery .zoom .jgallery-container{left:0;top:0;right:0;bottom:0;overflow:hidden;position:absolute;z-index:1;}.jgallery .zoom .jgallery-container.pt-page-ontop{z-index:2;}.jgallery .zoom .jgallery-container.pt-page-current.pt-page-prev{z-index:1;}.jgallery .zoom .jgallery-container.pt-page-current:not(.pt-page-prev){z-index:3;}.jgallery .zoom img{top:50%;left:50%;position:absolute;z-index:1;}.jgallery .zoom.hidden .zoom-container .nav{top:-40px;right:-100px;}.jgallery .zoom.hidden .zoom-container .nav-bottom{bottom:-40px;left:-150px;}.jgallery .zoom-container{position:relative;}.jgallery .zoom-container > .left{top:0;bottom:0;left:0;right:50%;position:absolute;cursor:pointer;z-index:4;}.jgallery .zoom-container > .left.hidden{display:none;}.jgallery .zoom-container > .right{top:0;bottom:0;left:50%;right:0;position:absolute;cursor:pointer;z-index:4;}.jgallery .zoom-container > .right.hidden{display:none;}.jgallery .zoom-container .prev{top:50%;left:-74px;opacity:0;-webkit-transform:scale( .5 );-moz-transform:scale( .5 );transform:scale( .5 );}.jgallery .zoom-container .next{top:50%;right:-74px;opacity:0;-webkit-transform:scale( .5 );-moz-transform:scale( .5 );transform:scale( .5 );}.jgallery .zoom-container .jgallery-btn-large{margin-top:-30px;position:absolute;z-index:10002;}.jgallery .zoom-container .nav{top:0;right:0;z-index:10002;position:absolute;}.jgallery .zoom-container .nav .jgallery-btn{position:static;display:inline-block;}.jgallery .zoom-container .nav-bottom{height:40px;background:#111;-webkit-transition:all 0.2s;transition:all 0.2s;left:0;bottom:-40px;right:0;text-align:left;z-index:10002;position:absolute;}.jgallery .zoom-container .nav-bottom .icons{background:#111;-webkit-transition:all 0.2s;transition:all 0.2s;float:left;position:relative;z-index:1;}.jgallery .zoom-container .nav-bottom .icons [class*="fa-"]{background:#111;-webkit-transition:all 0.2s;transition:all 0.2s;}.jgallery .zoom-container .nav-bottom .jgallery-btn{margin-right:8px;background:none;position:static;display:inline-block;}.jgallery .zoom-container .nav-bottom .change-album{position:relative;}.jgallery .zoom-container .nav-bottom .change-album .menu{position:absolute;display:none;}.jgallery .zoom-container .nav-bottom .change-album .title{margin-left:-5px;padding:8px 29px 6px 0;font-size:14px;background:#111;-webkit-transition:all 0.2s;transition:all 0.2s;right:auto;top:4px;line-height:normal;display:inline-block;}.jgallery .zoom-container .nav-bottom .change-album.active .menu{display:block;}.jgallery .zoom-container .overlay .imageLoaderPositionAbsolute{top:50% !important;}.jgallery .zoom-container .drag-nav{top:16px;left:16px;-webkit-transition:all .3s;transition:all .3s;position:absolute;z-index:2;}.jgallery .zoom-container .drag-nav img{max-width:180px;max-height:180px;display:block;}.jgallery .zoom-container .drag-nav img.bg{opacity:.75;-webkit-filter:blur(1px);filter:blur(1px);}.jgallery .zoom-container .drag-nav .crop{top:0;left:0;overflow:hidden;position:absolute;}.jgallery .zoom-container .drag-nav.hide{top:-186px;left:-186px;-webkit-transform:scale(0);transform:scale(0);-webkit-filter:blur(5px);filter:blur(5px);opacity:0;}.jgallery:hover .zoom-container .prev{left:0;opacity:1;-webkit-transform:scale( 1 );-moz-transform:scale( 1 );transform:scale( 1 );}.jgallery:hover .zoom-container .prev.hidden{top:50%;left:-74px;opacity:0;-webkit-transform:scale( .5 );-moz-transform:scale( .5 );transform:scale( .5 );}.jgallery:hover .zoom-container .next{right:0;opacity:1;-webkit-transform:scale( 1 );-moz-transform:scale( 1 );transform:scale( 1 );}.jgallery:hover .zoom-container .next.hidden{top:50%;right:-74px;opacity:0;-webkit-transform:scale( .5 );-moz-transform:scale( .5 );transform:scale( .5 );}.jgallery .zoom .jgallery-container.slide-down.before{bottom:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-down.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-down.after{top:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-up.before{top:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-up.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-up.after{bottom:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-right.before{right:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-right.after{left:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-left.before{left:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-left.after{right:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-up-left.before{top:150%;left:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-up-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-up-left.after{bottom:150%;right:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-up-right.before{top:150%;right:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-up-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-up-right.after{bottom:150%;left:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-down-left.before{bottom:150%;left:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-down-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-down-left.after{top:150%;right:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-down-right.before{bottom:150%;right:150%;opacity:0;}.jgallery .zoom .jgallery-container.slide-down-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.slide-down-right.after{top:150%;left:150%;opacity:0;}.jgallery .zoom .jgallery-container.fade.before{opacity:0;}.jgallery .zoom .jgallery-container.fade.visible{opacity:1;}.jgallery .zoom .jgallery-container.fade.after{opacity:0;}.jgallery .zoom .jgallery-container.zoom-in.before{opacity:0;-webkit-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);transform:scale(0.1,0.1);}.jgallery .zoom .jgallery-container.zoom-in.visible{opacity:1;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}.jgallery .zoom .jgallery-container.zoom-in.after{opacity:0;-webkit-transform:scale(5,5);-ms-tr | ||
| + | 100 81493 0 81493 0 0 87277 0 --:--:-- --:--:-- --:--:-- 94211ansform:scale(5,5);transform:scale(5,5);}.jgallery .zoom .jgallery-container.zoom-out.before{opacity:0;-webkit-transform:scale(5,5);-ms-transform:scale(5,5);transform:scale(5,5);}.jgallery .zoom .jgallery-container.zoom-out.visible{opacity:1;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}.jgallery .zoom .jgallery-container.zoom-out.after{opacity:0;-webkit-transform:scale(0.1,0.1);-ms-transform:scale(0.1,0.1);transform:scale(0.1,0.1);}.jgallery .zoom .jgallery-container.rotate-room-right.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg);-ms-transform:translateZ(-600px) rotateY(45deg);transform:translateZ(-600px) rotateY(45deg);left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-room-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-right.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg);transform:translateZ(-600px) rotateY(-45deg);left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-room-left.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg);transform:translateZ(-600px) rotateY(-45deg);left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-room-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-left.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg);-ms-transform:translateZ(-600px) rotateY(45deg);transform:translateZ(-600px) rotateY(45deg);left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-room-up.before{opacity:0;-webkit-transform:translateZ(-600px) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateX(-45deg);transform:translateZ(-600px) rotateX(-45deg);top:50%;bottom:-50%;}.jgallery .zoom .jgallery-container.rotate-room-up.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-up.after{opacity:0;-webkit-transform:translateZ(-600px) rotateX(45deg);-ms-transform:translateZ(-600px) rotateX(45deg);transform:translateZ(-600px) rotateX(45deg);top:-50%;bottom:50%;}.jgallery .zoom .jgallery-container.rotate-room-down.before{opacity:0;-webkit-transform:translateZ(-600px) rotateX(45deg);-ms-transform:translateZ(-600px) rotateX(45deg);transform:translateZ(-600px) rotateX(45deg);top:-50%;bottom:50%;}.jgallery .zoom .jgallery-container.rotate-room-down.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-down.after{opacity:0;-webkit-transform:translateZ(-600px) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateX(-45deg);transform:translateZ(-600px) rotateX(-45deg);top:50%;bottom:-50%;}.jgallery .zoom .jgallery-container.rotate-room-down-left.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);top:50%;bottom:-50%;left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-room-down-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-down-left.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);top:-50%;bottom:50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-room-up-left.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);top:-50%;bottom:50%;left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-room-up-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-up-left.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);top:50%;bottom:-50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-room-down-right.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);top:50%;bottom:-50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-room-down-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-down-right.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);top:-50%;bottom:50%;left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-room-up-right.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);top:-50%;bottom:50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-room-up-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-room-up-right.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);top:50%;bottom:-50%;left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-right.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg);transform:translateZ(-600px) rotateY(-45deg);left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-right.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg);-ms-transform:translateZ(-600px) rotateY(45deg);transform:translateZ(-600px) rotateY(45deg);left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-left.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg);-ms-transform:translateZ(-600px) rotateY(45deg);transform:translateZ(-600px) rotateY(45deg);left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-left.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg);transform:translateZ(-600px) rotateY(-45deg);left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-up.before{opacity:0;-webkit-transform:translateZ(-600px) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateX(-45deg);transform:translateZ(-600px) rotateX(-45deg);top:50%;bottom:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-up.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-up.after{opacity:0;-webkit-transform:translateZ(-600px) rotateX(45deg);-ms-transform:translateZ(-600px) rotateX(45deg);transform:translateZ(-600px) rotateX(45deg);top:-50%;bottom:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-down.before{opacity:0;-webkit-transform:translateZ(-600px) rotateX(45deg);-ms-transform:translateZ(-600px) rotateX(45deg);transform:translateZ(-600px) rotateX(45deg);top:-50%;bottom:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-down.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-down.after{opacity:0;-webkit-transform:translateZ(-600px) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateX(-45deg);transform:translateZ(-600px) rotateX(-45deg);top:50%;bottom:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-up-left.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);top:50%;bottom:-50%;left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-up-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-up-left.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rot | ||
| + | 100 88860 0 88860 0 0 95029 0 --:--:-- --:--:-- --:--:-- 100k | ||
| + | ateY(-45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);top:-50%;bottom:50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-down-left.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);top:-50%;bottom:50%;left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-down-left.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-down-left.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);top:50%;bottom:-50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-down-right.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(45deg);top:-50%;bottom:50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-down-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-down-right.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(-45deg);top:50%;bottom:-50%;left:50%;right:-50%;}.jgallery .zoom .jgallery-container.rotate-carousel-up-right.before{opacity:0;-webkit-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);-ms-transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);transform:translateZ(-600px) rotateY(-45deg) rotateX(-45deg);top:50%;bottom:-50%;left:-50%;right:50%;}.jgallery .zoom .jgallery-container.rotate-carousel-up-right.visible{opacity:1;}.jgallery .zoom .jgallery-container.rotate-carousel-up-right.after{opacity:0;-webkit-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);-ms-transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);transform:translateZ(-600px) rotateY(45deg) rotateX(45deg);top:-50%;bottom:50%;left:50%;right:-50%;}@media (max-width: 979px){.jgallery .jgallery-thumbnails-horizontal .prev.visible{left:0;}.jgallery .jgallery-thumbnails-horizontal .next.visible{right:0;}.jgallery .jgallery-thumbnails-vertical .prev.visible{top:0;}.jgallery .jgallery-thumbnails-vertical .next.visible{bottom:0;}}.jgallery{font-family:"Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;top:0;left:0;right:0;bottom:0;text-align:center;-moz-box-sizing:content-box;box-sizing:content-box;position:fixed;z-index:10002;}.jgallery *{outline:none;-moz-box-sizing:content-box;box-sizing:content-box;} | ||
| + | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| + | |||
| + | function failand() { | ||
| + | for (var i = 0; i < arguments.length; i++) { | ||
| + | if (!arguments[i]) { | ||
| + | return false; | ||
| + | } | ||
| + | } | ||
| + | return true; | ||
| + | } | ||
| + | |||
| + | // TinyColor v0.9.16 | ||
| + | // https://github.com/bgrins/TinyColor | ||
| + | // 2013-08-10, Brian Grinstead, MIT License | ||
| + | (function() { | ||
| + | var t = /^[\s,#]+/, | ||
| + | n = /\s+$/, | ||
| + | o = 0, | ||
| + | a = Math, | ||
| + | A = a.round, | ||
| + | h = a.min, | ||
| + | k = a.max, | ||
| + | j = a.random; | ||
| + | |||
| + | function y(J, G) { | ||
| + | J = (J) ? J : ""; | ||
| + | G = G || {}; | ||
| + | if (typeof J == "object") { | ||
| + | if (J.hasOwnProperty("_tc_id")) { | ||
| + | return J | ||
| + | } | ||
| + | } | ||
| + | var L = p(J); | ||
| + | var H = L.r, | ||
| + | K = L.g, | ||
| + | M = L.b, | ||
| + | N = L.a, | ||
| + | I = A(100 * N) / 100, | ||
| + | O = G.format || L.format; | ||
| + | if (H < 1) { | ||
| + | H = A(H) | ||
| + | } | ||
| + | if (K < 1) { | ||
| + | K = A(K) | ||
| + | } | ||
| + | if (M < 1) { | ||
| + | M = A(M) | ||
| + | } | ||
| + | return { | ||
| + | ok: L.ok, | ||
| + | format: O, | ||
| + | _tc_id: o++, | ||
| + | alpha: N, | ||
| + | getAlpha: function() { | ||
| + | return N | ||
| + | }, | ||
| + | setAlpha: function(P) { | ||
| + | N = q(P); | ||
| + | I = A(100 * N) / 100 | ||
| + | }, | ||
| + | toHsv: function() { | ||
| + | var P = s(H, K, M); | ||
| + | return { | ||
| + | h: P.h * 360, | ||
| + | s: P.s, | ||
| + | v: P.v, | ||
| + | a: N | ||
| + | } | ||
| + | }, | ||
| + | toHsvString: function() { | ||
| + | var Q = s(H, K, M); | ||
| + | var S = A(Q.h * 360), | ||
| + | R = A(Q.s * 100), | ||
| + | P = A(Q.v * 100); | ||
| + | return (N == 1) ? "hsv(" + S + ", " + R + "%, " + P + "%)" : "hsva(" + S + ", " + R + "%, " + P + "%, " + I + ")" | ||
| + | }, | ||
| + | toHsl: function() { | ||
| + | var P = B(H, K, M); | ||
| + | return { | ||
| + | h: P.h * 360, | ||
| + | s: P.s, | ||
| + | l: P.l, | ||
| + | a: N | ||
| + | } | ||
| + | }, | ||
| + | toHslString: function() { | ||
| + | var Q = B(H, K, M); | ||
| + | var S = A(Q.h * 360), | ||
| + | R = A(Q.s * 100), | ||
| + | P = A(Q.l * 100); | ||
| + | return (N == 1) ? "hsl(" + S + ", " + R + "%, " + P + "%)" : "hsla(" + S + ", " + R + "%, " + P + "%, " + I + ")" | ||
| + | }, | ||
| + | toHex: function(P) { | ||
| + | return z(H, K, M, P) | ||
| + | }, | ||
| + | toHexString: function(P) { | ||
| + | return "#" + this.toHex(P) | ||
| + | }, | ||
| + | toHex8: function() { | ||
| + | return e(H, K, M, N) | ||
| + | }, | ||
| + | toHex8String: function() { | ||
| + | return "#" + this.toHex8() | ||
| + | }, | ||
| + | toRgb: function() { | ||
| + | return { | ||
| + | r: A(H), | ||
| + | g: A(K), | ||
| + | b: A(M), | ||
| + | a: N | ||
| + | } | ||
| + | }, | ||
| + | toRgbString: function() { | ||
| + | return (N == 1) ? "rgb(" + A(H) + ", " + A(K) + ", " + A(M) + ")" : "rgba(" + A(H) + ", " + A(K) + ", " + A(M) + ", " + I + ")" | ||
| + | }, | ||
| + | toPercentageRgb: function() { | ||
| + | return { | ||
| + | r: A(D(H, 255) * 100) + "%", | ||
| + | g: A(D(K, 255) * 100) + "%", | ||
| + | b: A(D(M, 255) * 100) + "%", | ||
| + | a: N | ||
| + | } | ||
| + | }, | ||
| + | toPercentageRgbString: function() { | ||
| + | return (N == 1) ? "rgb(" + A(D(H, 255) * 100) + "%, " + A(D(K, 255) * 100) + "%, " + A(D(M, 255) * 100) + "%)" : "rgba(" + A(D(H, 255) * 100) + "%, " + A(D(K, 255) * 100) + "%, " + A(D(M, 255) * 100) + "%, " + I + ")" | ||
| + | }, | ||
| + | toName: function() { | ||
| + | if (N === 0) { | ||
| + | return "transparent" | ||
| + | } | ||
| + | return F[z(H, K, M, true)] || false | ||
| + | }, | ||
| + | toFilter: function(S) { | ||
| + | var T = "#" + e(H, K, M, N); | ||
| + | var Q = T; | ||
| + | var P = failand(G, G.gradientType) ? "GradientType = 1, " : ""; | ||
| + | if (S) { | ||
| + | var R = y(S); | ||
| + | Q = R.toHex8String() | ||
| + | } | ||
| + | return "progid:DXImageTransform.Microsoft.gradient(" + P + "startColorstr=" + T + ",endColorstr=" + Q + ")" | ||
| + | }, | ||
| + | toString: function(T) { | ||
| + | var Q = !!T; | ||
| + | T = T || this.format; | ||
| + | var S = false; | ||
| + | var P = failand(!Q, N < 1, N > 0); | ||
| + | var R = failand(P, (T === "hex" || T === "hex6" || T === "hex3" || T === "name")); | ||
| + | if (T === "rgb") { | ||
| + | S = this.toRgbString() | ||
| + | } | ||
| + | if (T === "prgb") { | ||
| + | S = this.toPercentageRgbString() | ||
| + | } | ||
| + | if (T === "hex" || T === "hex6") { | ||
| + | S = this.toHexString() | ||
| + | } | ||
| + | if (T === "hex3") { | ||
| + | S = this.toHexString(true) | ||
| + | } | ||
| + | if (T === "hex8") { | ||
| + | S = this.toHex8String() | ||
| + | } | ||
| + | if (T === "name") { | ||
| + | S = this.toName() | ||
| + | } | ||
| + | if (T === "hsl") { | ||
| + | S = this.toHslString() | ||
| + | } | ||
| + | if (T === "hsv") { | ||
| + | S = this.toHsvString() | ||
| + | } | ||
| + | if (R) { | ||
| + | return this.toRgbString() | ||
| + | } | ||
| + | return S || this.toHexString() | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | y.fromRatio = function(G, J) { | ||
| + | if (typeof G == "object") { | ||
| + | var H = {}; | ||
| + | for (var I in G) { | ||
| + | if (G.hasOwnProperty(I)) { | ||
| + | if (I === "a") { | ||
| + | H[I] = G[I] | ||
| + | } else { | ||
| + | H[I] = g(G[I]) | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | G = H | ||
| + | } | ||
| + | return y(G, J) | ||
| + | }; | ||
| + | |||
| + | function p(H) { | ||
| + | var I = { | ||
| + | r: 0, | ||
| + | g: 0, | ||
| + | b: 0 | ||
| + | }; | ||
| + | var G = 1; | ||
| + | var J = false; | ||
| + | var K = false; | ||
| + | if (typeof H == "string") { | ||
| + | H = i(H) | ||
| + | } | ||
| + | if (typeof H == "object") { | ||
| + | if (failand(H.hasOwnProperty("r"), H.hasOwnProperty("g"), H.hasOwnProperty("b"))) { | ||
| + | I = l(H.r, H.g, H.b); | ||
| + | J = true; | ||
| + | K = String(H.r).substr(-1) === "%" ? "prgb" : "rgb" | ||
| + | } else { | ||
| + | if (failand(H.hasOwnProperty("h"), H.hasOwnProperty("s"), H.hasOwnProperty("v"))) { | ||
| + | H.s = g(H.s); | ||
| + | H.v = g(H.v); | ||
| + | I = w(H.h, H.s, H.v); | ||
| + | J = true; | ||
| + | K = "hsv" | ||
| + | } else { | ||
| + | if (failand(H.hasOwnProperty("h"), H.hasOwnProperty("s"), H.hasOwnProperty("l"))) { | ||
| + | H.s = g(H.s); | ||
| + | H.l = g(H.l); | ||
| + | I = m(H.h, H.s, H.l); | ||
| + | J = true; | ||
| + | K = "hsl" | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | if (H.hasOwnProperty("a")) { | ||
| + | G = H.a | ||
| + | } | ||
| + | } | ||
| + | G = q(G); | ||
| + | return { | ||
| + | ok: J, | ||
| + | format: H.format || K, | ||
| + | r: h(255, k(I.r, 0)), | ||
| + | g: h(255, k(I.g, 0)), | ||
| + | b: h(255, k(I.b, 0)), | ||
| + | a: G | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function l(I, H, G) { | ||
| + | return { | ||
| + | r: D(I, 255) * 255, | ||
| + | g: D(H, 255) * 255, | ||
| + | b: D(G, 255) * 255 | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function B(G, K, M) { | ||
| + | G = D(G, 255); | ||
| + | K = D(K, 255); | ||
| + | M = D(M, 255); | ||
| + | var N = k(G, K, M), | ||
| + | I = h(G, K, M); | ||
| + | var J, O, H = (N + I) / 2; | ||
| + | if (N == I) { | ||
| + | J = O = 0 | ||
| + | } else { | ||
| + | var L = N - I; | ||
| + | O = H > 0.5 ? L / (2 - N - I) : L / (N + I); | ||
| + | switch (N) { | ||
| + | case G: | ||
| + | J = (K - M) / L + (K < M ? 6 : 0); | ||
| + | break; | ||
| + | case K: | ||
| + | J = (M - G) / L + 2; | ||
| + | break; | ||
| + | case M: | ||
| + | J = (G - K) / L + 4; | ||
| + | break | ||
| + | } | ||
| + | J /= 6 | ||
| + | } | ||
| + | return { | ||
| + | h: J, | ||
| + | s: O, | ||
| + | l: H | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function m(L, O, K) { | ||
| + | var G, M, N; | ||
| + | L = D(L, 360); | ||
| + | O = D(O, 100); | ||
| + | K = D(K, 100); | ||
| + | |||
| + | function J(R, Q, P) { | ||
| + | if (P < 0) { | ||
| + | P += 1 | ||
| + | } | ||
| + | if (P > 1) { | ||
| + | P -= 1 | ||
| + | } | ||
| + | if (P < 1 / 6) { | ||
| + | return R + (Q - R) * 6 * P | ||
| + | } | ||
| + | if (P < 1 / 2) { | ||
| + | return Q | ||
| + | } | ||
| + | if (P < 2 / 3) { | ||
| + | return R + (Q - R) * (2 / 3 - P) * 6 | ||
| + | } | ||
| + | return R | ||
| + | } | ||
| + | if (O === 0) { | ||
| + | G = M = N = K | ||
| + | } else { | ||
| + | var H = K < 0.5 ? K * (1 + O) : K + O - K * O; | ||
| + | var I = 2 * K - H; | ||
| + | G = J(I, H, L + 1 / 3); | ||
| + | M = J(I, H, L); | ||
| + | N = J(I, H, L - 1 / 3) | ||
| + | } | ||
| + | return { | ||
| + | r: G * 255, | ||
| + | g: M * 255, | ||
| + | b: N * 255 | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function s(G, J, L) { | ||
| + | G = D(G, 255); | ||
| + | J = D(J, 255); | ||
| + | L = D(L, 255); | ||
| + | var M = k(G, J, L), | ||
| + | H = h(G, J, L); | ||
| + | var I, O, N = M; | ||
| + | var K = M - H; | ||
| + | O = M === 0 ? 0 : K / M; | ||
| + | if (M == H) { | ||
| + | I = 0 | ||
| + | } else { | ||
| + | switch (M) { | ||
| + | case G: | ||
| + | I = (J - L) / K + (J < L ? 6 : 0); | ||
| + | break; | ||
| + | case J: | ||
| + | I = (L - G) / K + 2; | ||
| + | break; | ||
| + | case L: | ||
| + | I = (G - J) / K + 4; | ||
| + | break | ||
| + | } | ||
| + | I /= 6 | ||
| + | } | ||
| + | return { | ||
| + | h: I, | ||
| + | s: O, | ||
| + | v: N | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function w(K, R, P) { | ||
| + | K = D(K, 360) * 6; | ||
| + | R = D(R, 100); | ||
| + | P = D(P, 100); | ||
| + | var J = a.floor(K), | ||
| + | M = K - J, | ||
| + | I = P * (1 - R), | ||
| + | H = P * (1 - M * R), | ||
| + | Q = P * (1 - (1 - M) * R), | ||
| + | O = J % 6, | ||
| + | G = [P, H, I, I, Q, P][O], | ||
| + | L = [Q, P, P, H, I, I][O], | ||
| + | N = [I, I, Q, P, P, H][O]; | ||
| + | return { | ||
| + | r: G * 255, | ||
| + | g: L * 255, | ||
| + | b: N * 255 | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function z(J, I, G, K) { | ||
| + | var H = [f(A(J).toString(16)), f(A(I).toString(16)), f(A(G).toString(16))]; | ||
| + | if (failand(K, H[0].charAt(0) == H[0].charAt(1), H[1].charAt(0) == H[1].charAt(1), H[2].charAt(0) == H[2].charAt(1))) { | ||
| + | return H[0].charAt(0) + H[1].charAt(0) + H[2].charAt(0) | ||
| + | } | ||
| + | return H.join("") | ||
| + | } | ||
| + | |||
| + | function e(K, J, G, H) { | ||
| + | var I = [f(C(H)), f(A(K).toString(16)), f(A(J).toString(16)), f(A(G).toString(16))]; | ||
| + | return I.join("") | ||
| + | } | ||
| + | y.equals = function(H, G) { | ||
| + | if (!H || !G) { | ||
| + | return false | ||
| + | } | ||
| + | return y(H).toRgbString() == y(G).toRgbString() | ||
| + | }; | ||
| + | y.random = function() { | ||
| + | return y.fromRatio({ | ||
| + | r: j(), | ||
| + | g: j(), | ||
| + | b: j() | ||
| + | }) | ||
| + | }; | ||
| + | y.desaturate = function(H, I) { | ||
| + | I = (I === 0) ? 0 : (I || 10); | ||
| + | var G = y(H).toHsl(); | ||
| + | G.s -= I / 100; | ||
| + | G.s = v(G.s); | ||
| + | return y(G) | ||
| + | }; | ||
| + | y.saturate = function(H, I) { | ||
| + | I = (I === 0) ? 0 : (I || 10); | ||
| + | var G = y(H).toHsl(); | ||
| + | G.s += I / 100; | ||
| + | G.s = v(G.s); | ||
| + | return y(G) | ||
| + | }; | ||
| + | y.greyscale = function(G) { | ||
| + | return y.desaturate(G, 100) | ||
| + | }; | ||
| + | y.lighten = function(H, I) { | ||
| + | I = (I === 0) ? 0 : (I || 10); | ||
| + | var G = y(H).toHsl(); | ||
| + | G.l += I / 100; | ||
| + | G.l = v(G.l); | ||
| + | return y(G) | ||
| + | }; | ||
| + | y.darken = function(H, I) { | ||
| + | I = (I === 0) ? 0 : (I || 10); | ||
| + | var G = y(H).toHsl(); | ||
| + | G.l -= I / 100; | ||
| + | G.l = v(G.l); | ||
| + | return y(G) | ||
| + | }; | ||
| + | y.complement = function(H) { | ||
| + | var G = y(H).toHsl(); | ||
| + | G.h = (G.h + 180) % 360; | ||
| + | return y(G) | ||
| + | }; | ||
| + | y.triad = function(H) { | ||
| + | var G = y(H).toHsl(); | ||
| + | var I = G.h; | ||
| + | return [y(H), y({ | ||
| + | h: (I + 120) % 360, | ||
| + | s: G.s, | ||
| + | l: G.l | ||
| + | }), y({ | ||
| + | h: (I + 240) % 360, | ||
| + | s: G.s, | ||
| + | l: G.l | ||
| + | })] | ||
| + | }; | ||
| + | y.tetrad = function(H) { | ||
| + | var G = y(H).toHsl(); | ||
| + | var I = G.h; | ||
| + | return [y(H), y({ | ||
| + | h: (I + 90) % 360, | ||
| + | s: G.s, | ||
| + | l: G.l | ||
| + | }), y({ | ||
| + | h: (I + 180) % 360, | ||
| + | s: G.s, | ||
| + | l: G.l | ||
| + | }), y({ | ||
| + | h: (I + 270) % 360, | ||
| + | s: G.s, | ||
| + | l: G.l | ||
| + | })] | ||
| + | }; | ||
| + | y.splitcomplement = function(H) { | ||
| + | var G = y(H).toHsl(); | ||
| + | var I = G.h; | ||
| + | return [y(H), y({ | ||
| + | h: (I + 72) % 360, | ||
| + | s: G.s, | ||
| + | l: G.l | ||
| + | }), y({ | ||
| + | h: (I + 216) % 360, | ||
| + | s: G.s, | ||
| + | l: G.l | ||
| + | })] | ||
| + | }; | ||
| + | y.analogous = function(H, K, L) { | ||
| + | K = K || 6; | ||
| + | L = L || 30; | ||
| + | var G = y(H).toHsl(); | ||
| + | var J = 360 / L; | ||
| + | var I = [y(H)]; | ||
| + | for (G.h = ((G.h - (J * K >> 1)) + 720) % 360; --K;) { | ||
| + | G.h = (G.h + J) % 360; | ||
| + | I.push(y(G)) | ||
| + | } | ||
| + | return I | ||
| + | }; | ||
| + | y.monochromatic = function(I, L) { | ||
| + | L = L || 6; | ||
| + | var K = y(I).toHsv(); | ||
| + | var N = K.h, | ||
| + | M = K.s, | ||
| + | H = K.v; | ||
| + | var J = []; | ||
| + | var G = 1 / L; | ||
| + | while (L--) { | ||
| + | J.push(y({ | ||
| + | h: N, | ||
| + | s: M, | ||
| + | v: H | ||
| + | })); | ||
| + | H = (H + G) % 1 | ||
| + | } | ||
| + | return J | ||
| + | }; | ||
| + | y.readability = function(K, I) { | ||
| + | var J = y(K).toRgb(); | ||
| + | var H = y(I).toRgb(); | ||
| + | var G = (J.r * 299 + J.g * 587 + J.b * 114) / 1000; | ||
| + | var M = (H.r * 299 + H.g * 587 + H.b * 114) / 1000; | ||
| + | var L = (Math.max(J.r, H.r) - Math.min(J.r, H.r) + Math.max(J.g, H.g) - Math.min(J.g, H.g) + Math.max(J.b, H.b) - Math.min(J.b, H.b)); | ||
| + | return { | ||
| + | brightness: Math.abs(G - M), | ||
| + | color: L | ||
| + | } | ||
| + | }; | ||
| + | y.readable = function(H, G) { | ||
| + | var I = y.readability(H, G); | ||
| + | return failand(I.brightness > 125, I.color > 500) | ||
| + | }; | ||
| + | y.mostReadable = function(N, M) { | ||
| + | var J = null; | ||
| + | var H = 0; | ||
| + | var O = false; | ||
| + | for (var L = 0; L < M.length; L++) { | ||
| + | var I = y.readability(N, M[L]); | ||
| + | var K = failand(I.brightness > 125, I.color > 500); | ||
| + | var G = 3 * (I.brightness / 125) + (I.color / 500); | ||
| + | if (failand(K, !O) || failand(K, O, G > H) || failand((!K), (!O), G > H)) { | ||
| + | O = K; | ||
| + | H = G; | ||
| + | J = y(M[L]) | ||
| + | } | ||
| + | } | ||
| + | return J | ||
| + | }; | ||
| + | var r = y.names = { | ||
| + | aliceblue: "f0f8ff", | ||
| + | antiquewhite: "faebd7", | ||
| + | aqua: "0ff", | ||
| + | aquamarine: "7fffd4", | ||
| + | azure: "f0ffff", | ||
| + | beige: "f5f5dc", | ||
| + | bisque: "ffe4c4", | ||
| + | black: "000", | ||
| + | blanchedalmond: "ffebcd", | ||
| + | blue: "00f", | ||
| + | blueviolet: "8a2be2", | ||
| + | brown: "a52a2a", | ||
| + | burlywood: "deb887", | ||
| + | burntsienna: "ea7e5d", | ||
| + | cadetblue: "5f9ea0", | ||
| + | chartreuse: "7fff00", | ||
| + | chocolate: "d2691e", | ||
| + | coral: "ff7f50", | ||
| + | cornflowerblue: "6495ed", | ||
| + | cornsilk: "fff8dc", | ||
| + | crimson: "dc143c", | ||
| + | cyan: "0ff", | ||
| + | darkblue: "00008b", | ||
| + | darkcyan: "008b8b", | ||
| + | darkgoldenrod: "b8860b", | ||
| + | darkgray: "a9a9a9", | ||
| + | darkgreen: "006400", | ||
| + | darkgrey: "a9a9a9", | ||
| + | darkkhaki: "bdb76b", | ||
| + | darkmagenta: "8b008b", | ||
| + | darkolivegreen: "556b2f", | ||
| + | darkorange: "ff8c00", | ||
| + | darkorchid: "9932cc", | ||
| + | darkred: "8b0000", | ||
| + | darksalmon: "e9967a", | ||
| + | darkseagreen: "8fbc8f", | ||
| + | darkslateblue: "483d8b", | ||
| + | darkslategray: "2f4f4f", | ||
| + | darkslategrey: "2f4f4f", | ||
| + | darkturquoise: "00ced1", | ||
| + | darkviolet: "9400d3", | ||
| + | deeppink: "ff1493", | ||
| + | deepskyblue: "00bfff", | ||
| + | dimgray: "696969", | ||
| + | dimgrey: "696969", | ||
| + | dodgerblue: "1e90ff", | ||
| + | firebrick: "b22222", | ||
| + | floralwhite: "fffaf0", | ||
| + | forestgreen: "228b22", | ||
| + | fuchsia: "f0f", | ||
| + | gainsboro: "dcdcdc", | ||
| + | ghostwhite: "f8f8ff", | ||
| + | gold: "ffd700", | ||
| + | goldenrod: "daa520", | ||
| + | gray: "808080", | ||
| + | green: "008000", | ||
| + | greenyellow: "adff2f", | ||
| + | grey: "808080", | ||
| + | honeydew: "f0fff0", | ||
| + | hotpink: "ff69b4", | ||
| + | indianred: "cd5c5c", | ||
| + | indigo: "4b0082", | ||
| + | ivory: "fffff0", | ||
| + | khaki: "f0e68c", | ||
| + | lavender: "e6e6fa", | ||
| + | lavenderblush: "fff0f5", | ||
| + | lawngreen: "7cfc00", | ||
| + | lemonchiffon: "fffacd", | ||
| + | lightblue: "add8e6", | ||
| + | lightcoral: "f08080", | ||
| + | lightcyan: "e0ffff", | ||
| + | lightgoldenrodyellow: "fafad2", | ||
| + | lightgray: "d3d3d3", | ||
| + | lightgreen: "90ee90", | ||
| + | lightgrey: "d3d3d3", | ||
| + | lightpink: "ffb6c1", | ||
| + | lightsalmon: "ffa07a", | ||
| + | lightseagreen: "20b2aa", | ||
| + | lightskyblue: "87cefa", | ||
| + | lightslategray: "789", | ||
| + | lightslategrey: "789", | ||
| + | lightsteelblue: "b0c4de", | ||
| + | lightyellow: "ffffe0", | ||
| + | lime: "0f0", | ||
| + | limegreen: "32cd32", | ||
| + | linen: "faf0e6", | ||
| + | magenta: "f0f", | ||
| + | maroon: "800000", | ||
| + | mediumaquamarine: "66cdaa", | ||
| + | mediumblue: "0000cd", | ||
| + | mediumorchid: "ba55d3", | ||
| + | mediumpurple: "9370db", | ||
| + | mediumseagreen: "3cb371", | ||
| + | mediumslateblue: "7b68ee", | ||
| + | mediumspringgreen: "00fa9a", | ||
| + | mediumturquoise: "48d1cc", | ||
| + | mediumvioletred: "c71585", | ||
| + | midnightblue: "191970", | ||
| + | mintcream: "f5fffa", | ||
| + | mistyrose: "ffe4e1", | ||
| + | moccasin: "ffe4b5", | ||
| + | navajowhite: "ffdead", | ||
| + | navy: "000080", | ||
| + | oldlace: "fdf5e6", | ||
| + | olive: "808000", | ||
| + | olivedrab: "6b8e23", | ||
| + | orange: "ffa500", | ||
| + | orangered: "ff4500", | ||
| + | orchid: "da70d6", | ||
| + | palegoldenrod: "eee8aa", | ||
| + | palegreen: "98fb98", | ||
| + | paleturquoise: "afeeee", | ||
| + | palevioletred: "db7093", | ||
| + | papayawhip: "ffefd5", | ||
| + | peachpuff: "ffdab9", | ||
| + | peru: "cd853f", | ||
| + | pink: "ffc0cb", | ||
| + | plum: "dda0dd", | ||
| + | powderblue: "b0e0e6", | ||
| + | purple: "800080", | ||
| + | red: "f00", | ||
| + | rosybrown: "bc8f8f", | ||
| + | royalblue: "4169e1", | ||
| + | saddlebrown: "8b4513", | ||
| + | salmon: "fa8072", | ||
| + | sandybrown: "f4a460", | ||
| + | seagreen: "2e8b57", | ||
| + | seashell: "fff5ee", | ||
| + | sienna: "a0522d", | ||
| + | silver: "c0c0c0", | ||
| + | skyblue: "87ceeb", | ||
| + | slateblue: "6a5acd", | ||
| + | slategray: "708090", | ||
| + | slategrey: "708090", | ||
| + | snow: "fffafa", | ||
| + | springgreen: "00ff7f", | ||
| + | steelblue: "4682b4", | ||
| + | tan: "d2b48c", | ||
| + | teal: "008080", | ||
| + | thistle: "d8bfd8", | ||
| + | tomato: "ff6347", | ||
| + | turquoise: "40e0d0", | ||
| + | violet: "ee82ee", | ||
| + | wheat: "f5deb3", | ||
| + | white: "fff", | ||
| + | whitesmoke: "f5f5f5", | ||
| + | yellow: "ff0", | ||
| + | yellowgreen: "9acd32" | ||
| + | }; | ||
| + | var F = y.hexNames = d(r); | ||
| + | |||
| + | function d(I) { | ||
| + | var H = {}; | ||
| + | for (var G in I) { | ||
| + | if (I.hasOwnProperty(G)) { | ||
| + | H[I[G]] = G | ||
| + | } | ||
| + | } | ||
| + | return H | ||
| + | } | ||
| + | |||
| + | function q(G) { | ||
| + | G = parseFloat(G); | ||
| + | if (isNaN(G) || G < 0 || G > 1) { | ||
| + | G = 1 | ||
| + | } | ||
| + | return G | ||
| + | } | ||
| + | |||
| + | function D(I, G) { | ||
| + | if (u(I)) { | ||
| + | I = "100%" | ||
| + | } | ||
| + | var H = E(I); | ||
| + | I = h(G, k(0, parseFloat(I))); | ||
| + | if (H) { | ||
| + | I = parseInt(I * G, 10) / 100 | ||
| + | } | ||
| + | if ((a.abs(I - G) < 0.000001)) { | ||
| + | return 1 | ||
| + | } | ||
| + | return (I % G) / parseFloat(G) | ||
| + | } | ||
| + | |||
| + | function v(G) { | ||
| + | return h(1, k(0, G)) | ||
| + | } | ||
| + | |||
| + | function c(G) { | ||
| + | return parseInt(G, 16) | ||
| + | } | ||
| + | |||
| + | function u(G) { | ||
| + | if (typeof G == "string") { | ||
| + | return failand(G.indexOf(".") != -1, parseFloat(G) === 1); | ||
| + | } | ||
| + | return false; | ||
| + | } | ||
| + | |||
| + | function E(G) { | ||
| + | if (typeof G === "string") { | ||
| + | return G.indexOf("%") != -1 | ||
| + | } | ||
| + | return false; | ||
| + | } | ||
| + | |||
| + | function f(G) { | ||
| + | return G.length == 1 ? "0" + G : "" + G | ||
| + | } | ||
| + | |||
| + | function g(G) { | ||
| + | if (G <= 1) { | ||
| + | G = (G * 100) + "%" | ||
| + | } | ||
| + | return G | ||
| + | } | ||
| + | |||
| + | function C(G) { | ||
| + | return Math.round(parseFloat(G) * 255).toString(16) | ||
| + | } | ||
| + | |||
| + | function x(G) { | ||
| + | return (c(G) / 255) | ||
| + | } | ||
| + | var b = (function() { | ||
| + | var K = "[-\\+]?\\d+%?"; | ||
| + | var J = "[-\\+]?\\d*\\.\\d+%?"; | ||
| + | var G = "(?:" + J + ")|(?:" + K + ")"; | ||
| + | var I = "[\\s|\\(]+(" + G + ")[,|\\s]+(" + G + ")[,|\\s]+(" + G + ")\\s*\\)?"; | ||
| + | var H = "[\\s|\\(]+(" + G + ")[,|\\s]+(" + G + ")[,|\\s]+(" + G + ")[,|\\s]+(" + G + ")\\s*\\)?"; | ||
| + | return { | ||
| + | rgb: new RegExp("rgb" + I), | ||
| + | rgba: new RegExp("rgba" + H), | ||
| + | hsl: new RegExp("hsl" + I), | ||
| + | hsla: new RegExp("hsla" + H), | ||
| + | hsv: new RegExp("hsv" + I), | ||
| + | hex3: /^([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, | ||
| + | hex6: /^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/, | ||
| + | hex8: /^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/ | ||
| + | } | ||
| + | })(); | ||
| + | |||
| + | function i(H) { | ||
| + | H = H.replace(t, "").replace(n, "").toLowerCase(); | ||
| + | var G = false; | ||
| + | if (r[H]) { | ||
| + | H = r[H]; | ||
| + | G = true | ||
| + | } else { | ||
| + | if (H == "transparent") { | ||
| + | return { | ||
| + | r: 0, | ||
| + | g: 0, | ||
| + | b: 0, | ||
| + | a: 0, | ||
| + | format: "name" | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | var I; | ||
| + | if ((I = b.rgb.exec(H))) { | ||
| + | return { | ||
| + | r: I[1], | ||
| + | g: I[2], | ||
| + | b: I[3] | ||
| + | } | ||
| + | } | ||
| + | if ((I = b.rgba.exec(H))) { | ||
| + | return { | ||
| + | r: I[1], | ||
| + | g: I[2], | ||
| + | b: I[3], | ||
| + | a: I[4] | ||
| + | } | ||
| + | } | ||
| + | if ((I = b.hsl.exec(H))) { | ||
| + | return { | ||
| + | h: I[1], | ||
| + | s: I[2], | ||
| + | l: I[3] | ||
| + | } | ||
| + | } | ||
| + | if ((I = b.hsla.exec(H))) { | ||
| + | return { | ||
| + | h: I[1], | ||
| + | s: I[2], | ||
| + | l: I[3], | ||
| + | a: I[4] | ||
| + | } | ||
| + | } | ||
| + | if ((I = b.hsv.exec(H))) { | ||
| + | return { | ||
| + | h: I[1], | ||
| + | s: I[2], | ||
| + | v: I[3] | ||
| + | } | ||
| + | } | ||
| + | if ((I = b.hex8.exec(H))) { | ||
| + | return { | ||
| + | a: x(I[1]), | ||
| + | r: c(I[2]), | ||
| + | g: c(I[3]), | ||
| + | b: c(I[4]), | ||
| + | format: G ? "name" : "hex8" | ||
| + | } | ||
| + | } | ||
| + | if ((I = b.hex6.exec(H))) { | ||
| + | return { | ||
| + | r: c(I[1]), | ||
| + | g: c(I[2]), | ||
| + | b: c(I[3]), | ||
| + | format: G ? "name" : "hex" | ||
| + | } | ||
| + | } | ||
| + | if ((I = b.hex3.exec(H))) { | ||
| + | return { | ||
| + | r: c(I[1] + "" + I[1]), | ||
| + | g: c(I[2] + "" + I[2]), | ||
| + | b: c(I[3] + "" + I[3]), | ||
| + | format: G ? "name" : "hex" | ||
| + | } | ||
| + | } | ||
| + | return false | ||
| + | } | ||
| + | window.tinycolor = y | ||
| + | })(); | ||
| + | |||
| + | |||
/*! | /*! | ||
* jGallery v1.3.4 | * jGallery v1.3.4 | ||
| Line 15: | Line 903: | ||
* Date: 2014-08-19 | * Date: 2014-08-19 | ||
*/ | */ | ||
| - | ( function( | + | |
| - | + | (function(g) { | |
| - | var | + | var m = { |
| - | mode: | + | mode: "full-screen", |
| - | width: | + | width: "100%", |
| - | height: | + | height: "600px", |
| - | autostart: false, | + | autostart: false, |
autostartAtImage: 1, | autostartAtImage: 1, | ||
autostartAtAlbum: 1, | autostartAtAlbum: 1, | ||
| - | canClose: true, | + | canClose: true, |
canResize: true, | canResize: true, | ||
draggableZoom: true, | draggableZoom: true, | ||
canChangeMode: false, | canChangeMode: false, | ||
| - | backgroundColor: | + | backgroundColor: "#000", |
| - | textColor: | + | textColor: "#fff", |
browserHistory: true, | browserHistory: true, | ||
thumbnails: true, | thumbnails: true, | ||
thumbnailsFullScreen: true, | thumbnailsFullScreen: true, | ||
| - | thumbType: | + | thumbType: "image", |
| - | thumbnailsPosition: | + | thumbnailsPosition: "bottom", |
| - | reloadThumbnails: true, | + | reloadThumbnails: true, |
| - | thumbWidth: 75, | + | thumbWidth: 75, |
| - | thumbHeight: 75, | + | thumbHeight: 75, |
| - | thumbWidthOnFullScreen: 100, | + | thumbWidthOnFullScreen: 100, |
| - | thumbHeightOnFullScreen: 100, | + | thumbHeightOnFullScreen: 100, |
canMinimalizeThumbnails: true, | canMinimalizeThumbnails: true, | ||
hideThumbnailsOnInit: false, | hideThumbnailsOnInit: false, | ||
| - | transition: | + | transition: "moveToRight_moveFromLeft", |
| - | transitionBackward: | + | transitionBackward: "moveToLeft_moveFromRight", |
| - | transitionWaveDirection: | + | transitionWaveDirection: "forward", |
transitionCols: 1, | transitionCols: 1, | ||
transitionRows: 5, | transitionRows: 5, | ||
| - | showTimingFunction: | + | showTimingFunction: "linear", |
| - | hideTimingFunction: | + | hideTimingFunction: "linear", |
| - | transitionDuration: | + | transitionDuration: "0.7s", |
| - | zoomSize: | + | zoomSize: "fit", |
title: true, | title: true, | ||
titleExpanded: false, | titleExpanded: false, | ||
| Line 57: | Line 945: | ||
slideshowCanRandom: true, | slideshowCanRandom: true, | ||
slideshowRandom: false, | slideshowRandom: false, | ||
| - | slideshowInterval: | + | slideshowInterval: "8s", |
preloadAll: false, | preloadAll: false, | ||
| - | appendTo: | + | appendTo: "body", |
disabledOnIE8AndOlder: true, | disabledOnIE8AndOlder: true, | ||
initGallery: function() {}, | initGallery: function() {}, | ||
| Line 68: | Line 956: | ||
closeGallery: function() {} | closeGallery: function() {} | ||
}; | }; | ||
| - | + | var j = { | |
| - | var | + | |
autostart: true, | autostart: true, | ||
canClose: false, | canClose: false, | ||
| Line 75: | Line 962: | ||
browserHistory: false | browserHistory: false | ||
}; | }; | ||
| - | + | var f = {}; | |
| - | var | + | var A = { |
| - | + | width: "940px", | |
| - | + | height: "360px", | |
| - | var | + | |
| - | width: | + | |
| - | height: | + | |
canResize: false, | canResize: false, | ||
draggableZoom: false, | draggableZoom: false, | ||
browserHistory: false, | browserHistory: false, | ||
thumbnailsFullScreen: false, | thumbnailsFullScreen: false, | ||
| - | thumbType: | + | thumbType: "square", |
| - | thumbWidth: 20, | + | thumbWidth: 20, |
| - | thumbHeight: 20, | + | thumbHeight: 20, |
canMinimalizeThumbnails: false, | canMinimalizeThumbnails: false, | ||
| - | transition: | + | transition: "rotateCubeRightOut_rotateCubeRightIn", |
| - | transitionBackward: | + | transitionBackward: "rotateCubeRightOut_rotateCubeRightIn", |
transitionCols: 6, | transitionCols: 6, | ||
transitionRows: 1, | transitionRows: 1, | ||
slideshow: true, | slideshow: true, | ||
slideshowAutostart: true, | slideshowAutostart: true, | ||
| - | zoomSize: | + | zoomSize: "fill" |
}; | }; | ||
| - | + | var a = { | |
| - | var | + | |
autostart: true, | autostart: true, | ||
canClose: false, | canClose: false, | ||
| - | zoomSize: | + | zoomSize: "fill", |
canChangeMode: false | canChangeMode: false | ||
}; | }; | ||
| - | + | var w = { | |
| - | var | + | moveToLeft_moveFromRight: ["pt-page-moveToLeft", "pt-page-moveFromRight"], |
| - | moveToLeft_moveFromRight: ["pt-page-moveToLeft","pt-page-moveFromRight"], | + | moveToRight_moveFromLeft: ["pt-page-moveToRight", "pt-page-moveFromLeft"], |
| - | moveToRight_moveFromLeft: ["pt-page-moveToRight","pt-page-moveFromLeft"], | + | moveToTop_moveFromBottom: ["pt-page-moveToTop", "pt-page-moveFromBottom"], |
| - | moveToTop_moveFromBottom: ["pt-page-moveToTop","pt-page-moveFromBottom"], | + | moveToBottom_moveFromTop: ["pt-page-moveToBottom", "pt-page-moveFromTop"], |
| - | moveToBottom_moveFromTop: ["pt-page-moveToBottom","pt-page-moveFromTop"], | + | fade_moveFromRight: ["pt-page-fade", "pt-page-moveFromRight pt-page-ontop"], |
| - | fade_moveFromRight: ["pt-page-fade","pt-page-moveFromRight pt-page-ontop"], | + | fade_moveFromLeft: ["pt-page-fade", "pt-page-moveFromLeft pt-page-ontop"], |
| - | fade_moveFromLeft: ["pt-page-fade","pt-page-moveFromLeft pt-page-ontop"], | + | fade_moveFromBottom: ["pt-page-fade", "pt-page-moveFromBottom pt-page-ontop"], |
| - | fade_moveFromBottom: ["pt-page-fade","pt-page-moveFromBottom pt-page-ontop"], | + | fade_moveFromTop: ["pt-page-fade", "pt-page-moveFromTop pt-page-ontop"], |
| - | fade_moveFromTop: ["pt-page-fade","pt-page-moveFromTop pt-page-ontop"], | + | moveToLeftFade_moveFromRightFade: ["pt-page-moveToLeftFade", "pt-page-moveFromRightFade"], |
| - | moveToLeftFade_moveFromRightFade: ["pt-page-moveToLeftFade","pt-page-moveFromRightFade"], | + | moveToRightFade_moveFromLeftFade: ["pt-page-moveToRightFade", "pt-page-moveFromLeftFade"], |
| - | moveToRightFade_moveFromLeftFade: ["pt-page-moveToRightFade","pt-page-moveFromLeftFade"], | + | moveToTopFade_moveFromBottomFade: ["pt-page-moveToTopFade", "pt-page-moveFromBottomFade"], |
| - | moveToTopFade_moveFromBottomFade: ["pt-page-moveToTopFade","pt-page-moveFromBottomFade"], | + | moveToBottomFade_moveFromTopFade: ["pt-page-moveToBottomFade", "pt-page-moveFromTopFade"], |
| - | moveToBottomFade_moveFromTopFade: ["pt-page-moveToBottomFade","pt-page-moveFromTopFade"], | + | moveToLeftEasing_moveFromRight: ["pt-page-moveToLeftEasing pt-page-ontop", "pt-page-moveFromRight"], |
| - | moveToLeftEasing_moveFromRight: ["pt-page-moveToLeftEasing pt-page-ontop","pt-page-moveFromRight"], | + | moveToRightEasing_moveFromLeft: ["pt-page-moveToRightEasing pt-page-ontop", "pt-page-moveFromLeft"], |
| - | moveToRightEasing_moveFromLeft: ["pt-page-moveToRightEasing pt-page-ontop","pt-page-moveFromLeft"], | + | moveToTopEasing_moveFromBottom: ["pt-page-moveToTopEasing pt-page-ontop", "pt-page-moveFromBottom"], |
| - | moveToTopEasing_moveFromBottom: ["pt-page-moveToTopEasing pt-page-ontop","pt-page-moveFromBottom"], | + | moveToBottomEasing_moveFromTop: ["pt-page-moveToBottomEasing pt-page-ontop", "pt-page-moveFromTop"], |
| - | moveToBottomEasing_moveFromTop: ["pt-page-moveToBottomEasing pt-page-ontop","pt-page-moveFromTop"], | + | scaleDown_moveFromRight: ["pt-page-scaleDown", "pt-page-moveFromRight pt-page-ontop"], |
| - | scaleDown_moveFromRight: ["pt-page-scaleDown","pt-page-moveFromRight pt-page-ontop"], | + | scaleDown_moveFromLeft: ["pt-page-scaleDown", "pt-page-moveFromLeft pt-page-ontop"], |
| - | scaleDown_moveFromLeft: ["pt-page-scaleDown","pt-page-moveFromLeft pt-page-ontop"], | + | scaleDown_moveFromBottom: ["pt-page-scaleDown", "pt-page-moveFromBottom pt-page-ontop"], |
| - | scaleDown_moveFromBottom: ["pt-page-scaleDown","pt-page-moveFromBottom pt-page-ontop"], | + | scaleDown_moveFromTop: ["pt-page-scaleDown", "pt-page-moveFromTop pt-page-ontop"], |
| - | scaleDown_moveFromTop: ["pt-page-scaleDown","pt-page-moveFromTop pt-page-ontop"], | + | scaleDown_scaleUpDown: ["pt-page-scaleDown", "pt-page-scaleUpDown pt-page-delay300"], |
| - | scaleDown_scaleUpDown: ["pt-page-scaleDown","pt-page-scaleUpDown pt-page-delay300"], | + | scaleDownUp_scaleUp: ["pt-page-scaleDownUp", "pt-page-scaleUp pt-page-delay300"], |
| - | scaleDownUp_scaleUp: ["pt-page-scaleDownUp","pt-page-scaleUp pt-page-delay300"], | + | moveToLeft_scaleUp: ["pt-page-moveToLeft pt-page-ontop", "pt-page-scaleUp"], |
| - | moveToLeft_scaleUp: ["pt-page-moveToLeft pt-page-ontop","pt-page-scaleUp"], | + | moveToRight_scaleUp: ["pt-page-moveToRight pt-page-ontop", "pt-page-scaleUp"], |
| - | moveToRight_scaleUp: ["pt-page-moveToRight pt-page-ontop","pt-page-scaleUp"], | + | moveToTop_scaleUp: ["pt-page-moveToTop pt-page-ontop", "pt-page-scaleUp"], |
| - | moveToTop_scaleUp: ["pt-page-moveToTop pt-page-ontop","pt-page-scaleUp"], | + | moveToBottom_scaleUp: ["pt-page-moveToBottom pt-page-ontop", "pt-page-scaleUp"], |
| - | moveToBottom_scaleUp: ["pt-page-moveToBottom pt-page-ontop","pt-page-scaleUp"], | + | scaleDownCenter_scaleUpCenter: ["pt-page-scaleDownCenter", "pt-page-scaleUpCenter pt-page-delay400"], |
| - | scaleDownCenter_scaleUpCenter: ["pt-page-scaleDownCenter","pt-page-scaleUpCenter pt-page-delay400"], | + | rotateRightSideFirst_moveFromRight: ["pt-page-rotateRightSideFirst", "pt-page-moveFromRight pt-page-delay200 pt-page-ontop"], |
| - | rotateRightSideFirst_moveFromRight: ["pt-page-rotateRightSideFirst","pt-page-moveFromRight pt-page-delay200 pt-page-ontop"], | + | rotateLeftSideFirst_moveFromLeft: ["pt-page-rotateLeftSideFirst", "pt-page-moveFromLeft pt-page-delay200 pt-page-ontop"], |
| - | rotateLeftSideFirst_moveFromLeft: ["pt-page-rotateLeftSideFirst","pt-page-moveFromLeft pt-page-delay200 pt-page-ontop"], | + | rotateTopSideFirst_moveFromTop: ["pt-page-rotateTopSideFirst", "pt-page-moveFromTop pt-page-delay200 pt-page-ontop"], |
| - | rotateTopSideFirst_moveFromTop: ["pt-page-rotateTopSideFirst","pt-page-moveFromTop pt-page-delay200 pt-page-ontop"], | + | rotateBottomSideFirst_moveFromBottom: ["pt-page-rotateBottomSideFirst", "pt-page-moveFromBottom pt-page-delay200 pt-page-ontop"], |
| - | rotateBottomSideFirst_moveFromBottom: ["pt-page-rotateBottomSideFirst","pt-page-moveFromBottom pt-page-delay200 pt-page-ontop"], | + | flipOutRight_flipInLeft: ["pt-page-flipOutRight", "pt-page-flipInLeft pt-page-delay500"], |
| - | flipOutRight_flipInLeft: ["pt-page-flipOutRight","pt-page-flipInLeft pt-page-delay500"], | + | flipOutLeft_flipInRight: ["pt-page-flipOutLeft", "pt-page-flipInRight pt-page-delay500"], |
| - | flipOutLeft_flipInRight: ["pt-page-flipOutLeft","pt-page-flipInRight pt-page-delay500"], | + | flipOutTop_flipInBottom: ["pt-page-flipOutTop", "pt-page-flipInBottom pt-page-delay500"], |
| - | flipOutTop_flipInBottom: ["pt-page-flipOutTop","pt-page-flipInBottom pt-page-delay500"], | + | flipOutBottom_flipInTop: ["pt-page-flipOutBottom", "pt-page-flipInTop pt-page-delay500"], |
| - | flipOutBottom_flipInTop: ["pt-page-flipOutBottom","pt-page-flipInTop pt-page-delay500"], | + | rotateFall_scaleUp: ["pt-page-rotateFall pt-page-ontop", "pt-page-scaleUp"], |
| - | rotateFall_scaleUp: ["pt-page-rotateFall pt-page-ontop","pt-page-scaleUp"], | + | rotateOutNewspaper_rotateInNewspaper: ["pt-page-rotateOutNewspaper", "pt-page-rotateInNewspaper pt-page-delay500"], |
| - | rotateOutNewspaper_rotateInNewspaper: ["pt-page-rotateOutNewspaper","pt-page-rotateInNewspaper pt-page-delay500"], | + | rotatePushLeft_moveFromRight: ["pt-page-rotatePushLeft", "pt-page-moveFromRight"], |
| - | rotatePushLeft_moveFromRight: ["pt-page-rotatePushLeft","pt-page-moveFromRight"], | + | rotatePushRight_moveFromLeft: ["pt-page-rotatePushRight", "pt-page-moveFromLeft"], |
| - | rotatePushRight_moveFromLeft: ["pt-page-rotatePushRight","pt-page-moveFromLeft"], | + | rotatePushTop_moveFromBottom: ["pt-page-rotatePushTop", "pt-page-moveFromBottom"], |
| - | rotatePushTop_moveFromBottom: ["pt-page-rotatePushTop","pt-page-moveFromBottom"], | + | rotatePushBottom_moveFromTop: ["pt-page-rotatePushBottom", "pt-page-moveFromTop"], |
| - | rotatePushBottom_moveFromTop: ["pt-page-rotatePushBottom","pt-page-moveFromTop"], | + | rotatePushLeft_rotatePullRight: ["pt-page-rotatePushLeft", "pt-page-rotatePullRight pt-page-delay180"], |
| - | rotatePushLeft_rotatePullRight: ["pt-page-rotatePushLeft","pt-page-rotatePullRight pt-page-delay180"], | + | rotatePushRight_rotatePullLeft: ["pt-page-rotatePushRight", "pt-page-rotatePullLeft pt-page-delay180"], |
| - | rotatePushRight_rotatePullLeft: ["pt-page-rotatePushRight","pt-page-rotatePullLeft pt-page-delay180"], | + | rotatePushTop_rotatePullBottom: ["pt-page-rotatePushTop", "pt-page-rotatePullBottom pt-page-delay180"], |
| - | rotatePushTop_rotatePullBottom: ["pt-page-rotatePushTop","pt-page-rotatePullBottom pt-page-delay180"], | + | rotatePushBottom_page: ["pt-page-rotatePushBottom", "pt-page-rotatePullTop pt-page-delay180"], |
| - | rotatePushBottom_page: ["pt-page-rotatePushBottom","pt-page-rotatePullTop pt-page-delay180"], | + | rotateFoldLeft_moveFromRightFade: ["pt-page-rotateFoldLeft", "pt-page-moveFromRightFade"], |
| - | rotateFoldLeft_moveFromRightFade: ["pt-page-rotateFoldLeft","pt-page-moveFromRightFade"], | + | rotateFoldRight_moveFromLeftFade: ["pt-page-rotateFoldRight", "pt-page-moveFromLeftFade"], |
| - | rotateFoldRight_moveFromLeftFade: ["pt-page-rotateFoldRight","pt-page-moveFromLeftFade"], | + | rotateFoldTop_moveFromBottomFade: ["pt-page-rotateFoldTop", "pt-page-moveFromBottomFade"], |
| - | rotateFoldTop_moveFromBottomFade: ["pt-page-rotateFoldTop","pt-page-moveFromBottomFade"], | + | rotateFoldBottom_moveFromTopFade: ["pt-page-rotateFoldBottom", "pt-page-moveFromTopFade"], |
| - | rotateFoldBottom_moveFromTopFade: ["pt-page-rotateFoldBottom","pt-page-moveFromTopFade"], | + | moveToRightFade_rotateUnfoldLeft: ["pt-page-moveToRightFade", "pt-page-rotateUnfoldLeft"], |
| - | moveToRightFade_rotateUnfoldLeft: ["pt-page-moveToRightFade","pt-page-rotateUnfoldLeft"], | + | moveToLeftFade_rotateUnfoldRight: ["pt-page-moveToLeftFade", "pt-page-rotateUnfoldRight"], |
| - | moveToLeftFade_rotateUnfoldRight: ["pt-page-moveToLeftFade","pt-page-rotateUnfoldRight"], | + | moveToBottomFade_rotateUnfoldTop: ["pt-page-moveToBottomFade", "pt-page-rotateUnfoldTop"], |
| - | moveToBottomFade_rotateUnfoldTop: ["pt-page-moveToBottomFade","pt-page-rotateUnfoldTop"], | + | moveToTopFade_rotateUnfoldBottom: ["pt-page-moveToTopFade", "pt-page-rotateUnfoldBottom"], |
| - | moveToTopFade_rotateUnfoldBottom: ["pt-page-moveToTopFade","pt-page-rotateUnfoldBottom"], | + | rotateRoomLeftOut_rotateRoomLeftIn: ["pt-page-rotateRoomLeftOut pt-page-ontop", "pt-page-rotateRoomLeftIn"], |
| - | rotateRoomLeftOut_rotateRoomLeftIn: ["pt-page-rotateRoomLeftOut pt-page-ontop","pt-page-rotateRoomLeftIn"], | + | rotateRoomRightOut_rotateRoomRightIn: ["pt-page-rotateRoomRightOut pt-page-ontop", "pt-page-rotateRoomRightIn"], |
| - | rotateRoomRightOut_rotateRoomRightIn: ["pt-page-rotateRoomRightOut pt-page-ontop","pt-page-rotateRoomRightIn"], | + | rotateRoomTopOut_rotateRoomTopIn: ["pt-page-rotateRoomTopOut pt-page-ontop", "pt-page-rotateRoomTopIn"], |
| - | rotateRoomTopOut_rotateRoomTopIn: ["pt-page-rotateRoomTopOut pt-page-ontop","pt-page-rotateRoomTopIn"], | + | rotateRoomBottomOut_rotateRoomBottomIn: ["pt-page-rotateRoomBottomOut pt-page-ontop", "pt-page-rotateRoomBottomIn"], |
| - | rotateRoomBottomOut_rotateRoomBottomIn: ["pt-page-rotateRoomBottomOut pt-page-ontop","pt-page-rotateRoomBottomIn"], | + | rotateCubeLeftOut_rotateCubeLeftIn: ["pt-page-rotateCubeLeftOut pt-page-ontop", "pt-page-rotateCubeLeftIn"], |
| - | rotateCubeLeftOut_rotateCubeLeftIn: ["pt-page-rotateCubeLeftOut pt-page-ontop","pt-page-rotateCubeLeftIn"], | + | rotateCubeRightOut_rotateCubeRightIn: ["pt-page-rotateCubeRightOut pt-page-ontop", "pt-page-rotateCubeRightIn"], |
| - | rotateCubeRightOut_rotateCubeRightIn: ["pt-page-rotateCubeRightOut pt-page-ontop","pt-page-rotateCubeRightIn"], | + | rotateCubeTopOut_rotateCubeTopIn: ["pt-page-rotateCubeTopOut pt-page-ontop", "pt-page-rotateCubeTopIn"], |
| - | rotateCubeTopOut_rotateCubeTopIn: ["pt-page-rotateCubeTopOut pt-page-ontop","pt-page-rotateCubeTopIn"], | + | rotateCubeBottomOut_rotateCubeBottomIn: ["pt-page-rotateCubeBottomOut pt-page-ontop", "pt-page-rotateCubeBottomIn"], |
| - | rotateCubeBottomOut_rotateCubeBottomIn: ["pt-page-rotateCubeBottomOut pt-page-ontop","pt-page-rotateCubeBottomIn"], | + | rotateCarouselLeftOut_rotateCarouselLeftIn: ["pt-page-rotateCarouselLeftOut pt-page-ontop", "pt-page-rotateCarouselLeftIn"], |
| - | rotateCarouselLeftOut_rotateCarouselLeftIn: ["pt-page-rotateCarouselLeftOut pt-page-ontop","pt-page-rotateCarouselLeftIn"], | + | rotateCarouselRightOut_rotateCarouselRightIn: ["pt-page-rotateCarouselRightOut pt-page-ontop", "pt-page-rotateCarouselRightIn"], |
| - | rotateCarouselRightOut_rotateCarouselRightIn: ["pt-page-rotateCarouselRightOut pt-page-ontop","pt-page-rotateCarouselRightIn"], | + | rotateCarouselTopOut_rotateCarouselTopIn: ["pt-page-rotateCarouselTopOut pt-page-ontop", "pt-page-rotateCarouselTopIn"], |
| - | rotateCarouselTopOut_rotateCarouselTopIn: ["pt-page-rotateCarouselTopOut pt-page-ontop","pt-page-rotateCarouselTopIn"], | + | rotateCarouselBottomOut_rotateCarouselBottomIn: ["pt-page-rotateCarouselBottomOut pt-page-ontop", "pt-page-rotateCarouselBottomIn"], |
| - | rotateCarouselBottomOut_rotateCarouselBottomIn: ["pt-page-rotateCarouselBottomOut pt-page-ontop","pt-page-rotateCarouselBottomIn"], | + | rotateSidesOut_rotateSidesInDelay: ["pt-page-rotateSidesOut", "pt-page-rotateSidesIn pt-page-delay200"], |
| - | rotateSidesOut_rotateSidesInDelay: ["pt-page-rotateSidesOut","pt-page-rotateSidesIn pt-page-delay200"], | + | rotateSlideOut_rotateSlideIn: ["pt-page-rotateSlideOut", "pt-page-rotateSlideIn"] |
| - | rotateSlideOut_rotateSlideIn: ["pt-page-rotateSlideOut","pt-page-rotateSlideIn"] | + | |
}; | }; | ||
| - | + | var b = []; | |
| - | var | + | var y = [""]; |
| - | var | + | var x = []; |
| - | + | g.each(w, function(B, C) { | |
| - | var | + | x.push(C) |
| - | + | }); | |
| - | + | var n; | |
| - | + | var r; | |
| - | } ); | + | var s; |
| - | + | g(function() { | |
| - | var | + | n = g("head"); |
| - | var | + | r = g("title"); |
| - | var | + | s = g("body") |
| - | + | }); | |
| - | + | var q = g(window); | |
| - | + | var c = 0; | |
| - | + | var i = function(C, B) { | |
| - | } ); | + | this.intJgalleryId = B; |
| - | var | + | this.$element = C |
| - | var | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | var | + | |
| - | this.intJgalleryId = | + | |
| - | this.$element = | + | |
}; | }; | ||
| - | + | i.prototype = { | |
| - | + | clear: function() { | |
| - | clear: function() { | + | this.$element.stop(false, true).css({ |
| - | this.$element.stop( false, true ).css( {width: 0} ); | + | width: 0 |
| - | return this | + | }); |
| + | return this | ||
}, | }, | ||
| - | + | start: function(D, E) { | |
| - | start: function( | + | var C = parseInt(b[this.intJgalleryId].slideshowInterval) * 1000; |
| - | var | + | var B = this.$element; |
| - | var | + | B.animate({ |
| - | + | width: D | |
| - | + | }, C - C * (B.width() / B.parent().width()), "linear", E); | |
| - | width: | + | return this |
| - | }, | + | |
| - | return this | + | |
}, | }, | ||
| - | |||
pause: function() { | pause: function() { | ||
this.$element.stop(); | this.$element.stop(); | ||
| - | return this | + | return this |
| - | } | + | } |
}; | }; | ||
| - | + | var o = function(C, B) { | |
| - | + | this.$element = C; | |
| - | + | this.jGallery = B; | |
| - | var | + | this.$title = this.$element.find(".title") |
| - | this.$element = | + | |
| - | this.jGallery = | + | |
| - | this.$title = this.$element.find( | + | |
}; | }; | ||
| - | + | o.prototype = { | |
| - | + | bindEvents: function(C) { | |
| - | bindEvents: function( | + | var B = this; |
| - | var | + | this.getElement().on({ |
| - | + | click: function(D) { | |
| - | this.getElement().on( { | + | B.menuToggle(); |
| - | click: function( | + | D.stopPropagation() |
| - | + | ||
| - | + | ||
} | } | ||
| - | } ); | + | }); |
| - | this.getItemsOfMenu().on( { | + | this.getItemsOfMenu().on({ |
click: function() { | click: function() { | ||
| - | var | + | var D = g(this); |
| - | + | if (D.is(".active")) { | |
| - | if ( | + | return |
| - | return | + | |
} | } | ||
| - | + | C.thumbnails.setActiveAlbum(C.thumbnails.$albums.filter('[data-jgallery-album-title="' + D.attr("data-jgallery-album-title") + '"]')) | |
} | } | ||
| - | } ); | + | }); |
| - | + | g("html").on("click", function() { | |
| + | B.menuHide() | ||
| + | }) | ||
}, | }, | ||
| - | + | setTitle: function(B) { | |
| - | setTitle: function( | + | this.$title.html(B) |
| - | this.$title.html( | + | |
}, | }, | ||
| - | |||
getTitle: function() { | getTitle: function() { | ||
| - | return this.$title.html() | + | return this.$title.html() |
}, | }, | ||
| - | |||
getListOfAlbums: function() { | getListOfAlbums: function() { | ||
| - | return this.getElement().find( | + | return this.getElement().find(".menu") |
}, | }, | ||
| - | |||
getElement: function() { | getElement: function() { | ||
| - | return this.$element | + | return this.$element |
}, | }, | ||
| - | |||
getItemsOfMenu: function() { | getItemsOfMenu: function() { | ||
| - | return this.getListOfAlbums().find( | + | return this.getListOfAlbums().find(".item") |
}, | }, | ||
| - | + | appendToMenu: function(B) { | |
| - | appendToMenu: function( | + | this.getListOfAlbums().append(B) |
| - | this.getListOfAlbums().append( | + | |
}, | }, | ||
| - | |||
menuToggle: function() { | menuToggle: function() { | ||
| - | this.getElement().toggleClass( | + | this.getElement().toggleClass("active") |
}, | }, | ||
| - | |||
menuHide: function() { | menuHide: function() { | ||
| - | this.getElement().removeClass( | + | this.getElement().removeClass("active") |
}, | }, | ||
| - | |||
clearMenu: function() { | clearMenu: function() { | ||
| - | this.getListOfAlbums().html( | + | this.getListOfAlbums().html("") |
}, | }, | ||
| - | |||
refreshMenuHeight: function() { | refreshMenuHeight: function() { | ||
| - | this.getListOfAlbums().css( | + | this.getListOfAlbums().css("max-height", this.jGallery.zoom.$container.outerHeight() - 8) |
} | } | ||
}; | }; | ||
| - | + | var e = function(C, B) { | |
| - | + | this.options = g.extend({}, { | |
| - | + | ||
| - | var | + | |
| - | this.options = | + | |
thumbsHidden: true | thumbsHidden: true | ||
| - | }, | + | }, B); |
| - | this.jGallery = | + | this.jGallery = C; |
| - | this.$element = | + | this.$element = C.$this; |
| - | this.booIsAlbums = | + | this.booIsAlbums = C.booIsAlbums; |
this.$tmp; | this.$tmp; | ||
this.intI = 1; | this.intI = 1; | ||
this.intJ = 1; | this.intJ = 1; | ||
this.intNo; | this.intNo; | ||
| - | this.$thumbnailsContainerInner = this.jGallery.$jgallery.find( | + | this.$thumbnailsContainerInner = this.jGallery.$jgallery.find(".jgallery-thumbnails .jgallery-container-inner"); |
| - | this.start() | + | this.start() |
}; | }; | ||
| - | + | e.prototype = { | |
| - | + | ||
start: function() { | start: function() { | ||
| - | var | + | var C = this; |
| - | var | + | var B = this.jGallery.isSlider() ? ".album:has(img)" : ".album:has(a:has(img))"; |
| - | + | g("body").append('<div id="jGalleryTmp" style="position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: -1; overflow: hidden;">' + this.$element.html() + "</div>"); | |
| - | + | this.$tmp = g("#jGalleryTmp"); | |
| - | this.$tmp = | + | this.$thumbnailsContainerInner.html(""); |
| - | this.$thumbnailsContainerInner.html( | + | if (this.booIsAlbums) { |
| - | if ( this.booIsAlbums ) { | + | this.$tmp.find(B).each(function() { |
| - | this.$tmp.find( | + | C.insertAlbum(g(this)) |
| - | + | }) | |
| - | } ) | + | } else { |
| - | } | + | this.insertImages(this.$tmp, this.$thumbnailsContainerInner) |
| - | + | ||
| - | this.insertImages( this.$tmp, this.$thumbnailsContainerInner ) | + | |
} | } | ||
this.$tmp.remove(); | this.$tmp.remove(); | ||
| - | this.refreshThumbsSize() | + | this.refreshThumbsSize() |
}, | }, | ||
| - | + | insertAlbum: function(C) { | |
| - | insertAlbum: function( | + | var B = C.is("[data-jgallery-album-title]") ? C.attr("data-jgallery-album-title") : "Album " + this.intJ; |
| - | var | + | var D = this.$thumbnailsContainerInner.append('<div class="album" data-jgallery-album-title="' + B + '"></div>').children(":last-child"); |
| - | var | + | if (this.intJ === 1) { |
| - | + | D.addClass("active") | |
| - | if ( this.intJ === 1 ) { | + | |
| - | + | ||
} | } | ||
| - | this.insertImages( | + | this.insertImages(C, D); |
| - | this.intJ++ | + | this.intJ++ |
}, | }, | ||
| - | + | insertImages: function(D, E) { | |
| - | insertImages: function( | + | var C = this; |
| - | var | + | var B = this.jGallery.isSlider() ? "img" : "a:has(img)"; |
| - | var | + | |
| - | + | ||
this.intNo = 1; | this.intNo = 1; | ||
| - | + | D.find(B).each(function() { | |
| - | + | C.insertImage(g(this), E) | |
| - | } ) | + | }) |
}, | }, | ||
| - | + | insertImage: function(B, C) { | |
| - | insertImage: function( | + | if (B.is("a")) { |
| - | if ( | + | C.append('<a href="' + B.attr("href") + '">' + this.generateImgTag(B.find("img").eq(0)).outerHtml() + "</a>"); |
| - | + | if (this.options.thumbsHidden) { | |
| - | if ( this.options.thumbsHidden ) { | + | C.children(":last-child").addClass("hidden") |
| - | + | } | |
| + | } else { | ||
| + | if (B.is("img")) { | ||
| + | C.append(g('<a href="' + B.attr("src") + '">' + this.generateImgTag(B).outerHtml() + "</a>")) | ||
} | } | ||
} | } | ||
| - | + | C.children(":last-child").attr("data-jgallery-photo-id", this.intI++).attr("data-jgallery-number", this.intNo++) | |
| - | + | ||
| - | + | ||
| - | + | ||
}, | }, | ||
| - | + | generateImgTag: function(B) { | |
| - | generateImgTag: function( | + | var C = g('<img src="' + B.attr("src") + '" />'); |
| - | var | + | if (B.is("[alt]")) { |
| - | + | C.attr("alt", B.attr("alt")) | |
| - | if ( | + | |
| - | + | ||
} | } | ||
| - | if ( | + | if (B.is("[data-jgallery-bg-color]")) { |
| - | + | C.attr("data-jgallery-bg-color", B.attr("data-jgallery-bg-color")) | |
} | } | ||
| - | if ( | + | if (B.is("[data-jgallery-text-color]")) { |
| - | + | C.attr("data-jgallery-text-color", B.attr("data-jgallery-text-color")) | |
} | } | ||
| - | + | return C | |
| - | return | + | |
}, | }, | ||
| - | |||
refreshThumbsSize: function() { | refreshThumbsSize: function() { | ||
| - | this.$thumbnailsContainerInner.find( | + | this.$thumbnailsContainerInner.find("img").each(function() { |
| - | var | + | var B = g(this); |
| - | var | + | var C = new Image(); |
| - | + | C.src = B.attr("src"); | |
| - | + | C.width > C.height ? B.css({ | |
| - | + | "max-height": "100%", | |
| - | } ) | + | "max-width": "none" |
| + | }) : B.css({ | ||
| + | "max-width": "100%", | ||
| + | "max-height": "none" | ||
| + | }) | ||
| + | }) | ||
} | } | ||
}; | }; | ||
| - | + | var l = function(B) { | |
| - | + | this.$element = B.$element.find(".jgallery-thumbnails"); | |
| - | + | this.$a = this.getElement().find("a"); | |
| - | var | + | this.$img = this.getElement().find("img"); |
| - | this.$element = | + | this.$container = this.getElement().find(".jgallery-container"); |
| - | this.$a = this.getElement().find( | + | this.$albums = this.getElement().find(".album").length ? this.getElement().find(".album") : this.getElement().find(".jgallery-container-inner").addClass("active"); |
| - | this.$img = this.getElement().find( | + | this.$btnNext = this.getElement().children(".next"); |
| - | this.$container = this.getElement().find( | + | this.$btnPrev = this.getElement().children(".prev"); |
| - | this.$albums = this.getElement().find( | + | this.intJgalleryId = B.$element.attr("data-jgallery-id"); |
| - | this.$btnNext = this.getElement().children( | + | this.isJgalleryInitialized = B.$element.is("[data-jgallery-id]"); |
| - | this.$btnPrev = this.getElement().children( | + | this.zoom = B.zoom; |
| - | this.intJgalleryId = | + | this.$iconToggleThumbsVisibility = this.zoom.$container.find(".minimalize-thumbnails"); |
| - | this.isJgalleryInitialized = | + | this.jGallery = B |
| - | this.zoom = | + | |
| - | this.$iconToggleThumbsVisibility = this.zoom.$container.find( | + | |
| - | this.jGallery = | + | |
}; | }; | ||
| - | + | l.prototype = { | |
| - | + | ||
getElement: function() { | getElement: function() { | ||
| - | return this.$element | + | return this.$element |
}, | }, | ||
| - | |||
init: function() { | init: function() { | ||
| - | this.getElement().removeClass( | + | this.getElement().removeClass("square number images jgallery-thumbnails-left jgallery-thumbnails-right jgallery-thumbnails-top jgallery-thumbnails-bottom jgallery-thumbnails-horizontal jgallery-thumbnails-vertical"); |
| - | this.getElement().addClass( | + | this.getElement().addClass("jgallery-thumbnails-" + b[this.intJgalleryId].thumbnailsPosition); |
| - | if ( this.isVertical() ) { | + | if (this.isVertical()) { |
| - | this.getElement().addClass( | + | this.getElement().addClass("jgallery-thumbnails-vertical") |
} | } | ||
| - | if ( this.isHorizontal() ) { | + | if (this.isHorizontal()) { |
| - | this.getElement().addClass( | + | this.getElement().addClass("jgallery-thumbnails-horizontal") |
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
| - | if ( | + | if (b[this.intJgalleryId].thumbType === "image") { |
| - | this. | + | this._initImages() |
} | } | ||
| - | if ( | + | if (b[this.intJgalleryId].thumbType === "square") { |
| - | this._initNumber() | + | this._initSquare() |
| + | } | ||
| + | if (b[this.intJgalleryId].thumbType === "number") { | ||
| + | this._initNumber() | ||
} | } | ||
}, | }, | ||
| - | |||
show: function() { | show: function() { | ||
| - | var | + | var B = this; |
| - | + | if (!this.getElement().is(".hidden")) { | |
| - | if ( ! this.getElement().is( | + | return |
| - | return | + | |
} | } | ||
| - | this.getElement().removeClass( | + | this.getElement().removeClass("hidden"); |
| - | if ( ! this.getElement().is( | + | if (!this.getElement().is(".loaded")) { |
| - | this.getElement().jLoader( { | + | this.getElement().jLoader({ |
start: function() {}, | start: function() {}, | ||
| - | success: function(){ | + | success: function() { |
| - | + | B._showNextThumb(); | |
| - | + | B.$a.parent(".album:not(.active)").children(".hidden").removeClass("hidden"); | |
| - | + | B.getElement().addClass("loaded") | |
} | } | ||
| - | } ) | + | }) |
| - | } | + | } else { |
| - | + | ||
this._showNextThumb(); | this._showNextThumb(); | ||
| - | this.$a.parent( | + | this.$a.parent(".album:not(.active)").children(".hidden").removeClass("hidden") |
} | } | ||
| - | this.$iconToggleThumbsVisibility.removeClass( | + | this.$iconToggleThumbsVisibility.removeClass("inactive") |
}, | }, | ||
| - | |||
showThumbsForActiveAlbum: function() { | showThumbsForActiveAlbum: function() { | ||
| - | this.$a.addClass( | + | this.$a.addClass("hidden"); |
| - | this._showNextThumb() | + | this._showNextThumb() |
}, | }, | ||
| - | + | hide: function(B) { | |
| - | hide: function( | + | B = g.extend({ |
| - | + | hideEachThumb: true | |
| - | this.getElement().addClass( | + | }, B); |
| - | if ( | + | this.getElement().addClass("hidden"); |
| - | this.$a.addClass( | + | if (B.hideEachThumb) { |
| + | this.$a.addClass("hidden") | ||
} | } | ||
| - | this.$iconToggleThumbsVisibility.addClass( | + | this.$iconToggleThumbsVisibility.addClass("inactive") |
}, | }, | ||
| - | + | toggle: function() { | |
| - | toggle: function() { | + | this.getElement().is(".hidden") ? this.show() : this.hide({ |
| - | this.getElement().is( | + | hideEachThumb: false |
| + | }) | ||
}, | }, | ||
| - | + | setActiveThumb: function(C) { | |
| - | setActiveThumb: function( | + | var B = C.find("img"); |
| - | var | + | var D = this.$albums.filter(".active"); |
| - | var | + | var C = D.find('img[src="' + B.attr("src") + '"]').parent("a").eq(0); |
| - | var | + | this.getElement().find("a").removeClass("active"); |
| - | + | C.addClass("active"); | |
| - | this.getElement().find( | + | if (D.find("a.active").length === 0) { |
| - | + | D.find("a:first-child").eq(0).addClass("active") | |
| - | if ( | + | |
| - | + | ||
} | } | ||
| - | this.center( | + | this.center(C) |
}, | }, | ||
| - | |||
isHorizontal: function() { | isHorizontal: function() { | ||
| - | return | + | return b[this.intJgalleryId].thumbnailsPosition === "top" || b[this.intJgalleryId].thumbnailsPosition === "bottom" |
}, | }, | ||
| - | |||
isVertical: function() { | isVertical: function() { | ||
| - | return | + | return b[this.intJgalleryId].thumbnailsPosition === "left" || b[this.intJgalleryId].thumbnailsPosition === "right" |
}, | }, | ||
| - | |||
isFullScreen: function() { | isFullScreen: function() { | ||
| - | return this.getElement().is( | + | return this.getElement().is(".full-screen") |
}, | }, | ||
| - | |||
refreshNavigation: function() { | refreshNavigation: function() { | ||
| - | if ( this.isVertical() || this.isFullScreen() ) { | + | if (this.isVertical() || this.isFullScreen()) { |
| - | this._refreshVerticalNavigation() | + | this._refreshVerticalNavigation() |
| - | } | + | } else { |
| - | + | if (this.isHorizontal()) { | |
| - | + | this._refreshHorizontalNavigation() | |
| + | } | ||
} | } | ||
}, | }, | ||
| - | + | center: function(B) { | |
| - | center: function( | + | if (this.isHorizontal()) { |
| - | if ( this.isHorizontal() ) { | + | this._horizontalCenter(B) |
| - | this._horizontalCenter( | + | |
} | } | ||
| - | if ( this.isVertical() ) { | + | if (this.isVertical()) { |
| - | this._verticalCenter( | + | this._verticalCenter(B) |
} | } | ||
}, | }, | ||
| - | |||
reload: function() { | reload: function() { | ||
| - | this.$a = this.getElement().find( | + | this.$a = this.getElement().find("a"); |
| - | this.$img = this.getElement().find( | + | this.$img = this.getElement().find("img"); |
| - | this.$albums = this.getElement().find( | + | this.$albums = this.getElement().find(".album").length ? this.getElement().find(".album") : this.getElement().find(".jgallery-container-inner").addClass("active") |
}, | }, | ||
| - | |||
bindEvents: function() { | bindEvents: function() { | ||
| - | var | + | var B = this; |
| - | + | this.$btnNext.on("click", function() { | |
| - | this.$btnNext.on( | + | B._scrollToNext() |
| - | this.$btnPrev.on( | + | }); |
| - | this.zoom.$container.find( | + | this.$btnPrev.on("click", function() { |
| + | B._scrollToPrev() | ||
| + | }); | ||
| + | this.zoom.$container.find(".full-screen").on({ | ||
click: function() { | click: function() { | ||
| - | + | B.zoom.slideshowPause(); | |
| - | + | B.changeViewToFullScreen() | |
} | } | ||
| - | } ); | + | }); |
| - | this.getElement().find( | + | this.getElement().find(".jgallery-close").on({ |
click: function() { | click: function() { | ||
| - | + | B.changeViewToBar(); | |
| - | + | B.zoom.refreshSize() | |
} | } | ||
| - | } ) | + | }) |
}, | }, | ||
| - | |||
changeViewToBar: function() { | changeViewToBar: function() { | ||
| - | this.getElement().removeClass( | + | this.getElement().removeClass("full-screen"); |
| - | if ( this.isHorizontal() ) { | + | if (this.isHorizontal()) { |
| - | this.getElement().addClass( | + | this.getElement().addClass("jgallery-thumbnails-horizontal").removeClass("jgallery-thumbnails-vertical") |
} | } | ||
| - | this.refreshNavigation() | + | this.refreshNavigation() |
}, | }, | ||
| - | |||
changeViewToFullScreen: function() { | changeViewToFullScreen: function() { | ||
| - | this.getElement().addClass( | + | this.getElement().addClass("full-screen"); |
| - | if ( this.isHorizontal() ) { | + | if (this.isHorizontal()) { |
| - | this.getElement().addClass( | + | this.getElement().addClass("jgallery-thumbnails-vertical").removeClass("jgallery-thumbnails-horizontal") |
} | } | ||
| - | this._refreshVerticalNavigation() | + | this._refreshVerticalNavigation() |
}, | }, | ||
| - | + | setActiveAlbum: function(B) { | |
| - | setActiveAlbum: function( | + | if (!this.jGallery.booIsAlbums || B.is(".active")) { |
| - | if ( ! this.jGallery.booIsAlbums || | + | return |
| - | return | + | |
} | } | ||
| - | this.$albums.not( | + | this.$albums.not(B.get(0)).removeClass("active"); |
| - | + | B.addClass("active"); | |
| - | + | this.jGallery.iconChangeAlbum.getListOfAlbums().find(".item").removeClass("active").filter('[data-jgallery-album-title="' + B.attr("data-jgallery-album-title") + '"]').addClass("active"); | |
| - | + | this.jGallery.iconChangeAlbum.setTitle(B.attr("data-jgallery-album-title")); | |
| - | + | ||
| - | + | ||
| - | this.jGallery.iconChangeAlbum.setTitle( | + | |
this.refreshNavigation(); | this.refreshNavigation(); | ||
| - | if ( ! this.getElement().is( | + | if (failand(!this.getElement().is(".full-screen"), this.jGallery.$element.is(":visible"))) { |
| - | this.zoom.showPhoto( | + | this.zoom.showPhoto(B.find("a").eq(0)) |
} | } | ||
| - | this.showThumbsForActiveAlbum() | + | this.showThumbsForActiveAlbum() |
}, | }, | ||
| - | |||
_initSquare: function() { | _initSquare: function() { | ||
| - | this.getElement().addClass( | + | this.getElement().addClass("square") |
}, | }, | ||
| - | |||
_initNumber: function() { | _initNumber: function() { | ||
| - | this.getElement().addClass( | + | this.getElement().addClass("number"); |
| - | this._initSquare() | + | this._initSquare() |
}, | }, | ||
| - | |||
_initImages: function() { | _initImages: function() { | ||
| - | var | + | var B = n.find('style.jgallery-thumbnails[data-jgallery-id="' + this.intJgalleryId + '"]'); |
| - | var | + | var C = ' .jgallery[data-jgallery-id="' + this.intJgalleryId + '"] .jgallery-thumbnails a {\n width: ' + b[this.intJgalleryId].thumbWidth + "px;\n height: " + b[this.intJgalleryId].thumbHeight + "px;\n font-size: " + b[this.intJgalleryId].thumbHeight + 'px;\n }\n .jgallery[data-jgallery-id="' + this.intJgalleryId + '"] .jgallery-thumbnails.full-screen a {\n width: ' + b[this.intJgalleryId].thumbWidthOnFullScreen + "px;\n height: " + b[this.intJgalleryId].thumbHeightOnFullScreen + "px;\n font-size: " + b[this.intJgalleryId].thumbHeightOnFullScreen + 'px;\n }\n .jgallery[data-jgallery-id="' + this.intJgalleryId + '"] .jgallery-thumbnails-horizontal {\n height: ' + parseInt(b[this.intJgalleryId].thumbHeight + 2) + 'px;\n }\n .jgallery[data-jgallery-id="' + this.intJgalleryId + '"] .jgallery-thumbnails-vertical {\n width: ' + parseInt(b[this.intJgalleryId].thumbWidth + 2) + "px;\n }\n "; |
| - | + | this.getElement().addClass("images"); | |
| - | + | B.length ? B.html(C) : n.append(' <style type="text/css" class="jgallery-thumbnails" data-jgallery-id="' + this.intJgalleryId + '"> ' + C + " </style> "); | |
| - | + | if (this.isHorizontal()) { | |
| - | + | this.jGallery.zoom.$container.find(".minimalize-thumbnails").addClass("fa-ellipsis-h").removeClass("fa-ellipsis-v") | |
| - | + | } else { | |
| - | + | this.jGallery.zoom.$container.find(".minimalize-thumbnails").addClass("fa-ellipsis-v").removeClass("fa-ellipsis-h") | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | this.getElement().addClass( | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | if ( this.isHorizontal() ) { | + | |
| - | this.jGallery.zoom.$container.find( | + | |
} | } | ||
| - | + | if (this.isJgalleryInitialized) { | |
| - | + | return | |
} | } | ||
| - | + | this.hide() | |
| - | + | }, | |
| - | + | ||
| - | this.hide() | + | |
| - | }, | + | |
| - | + | ||
_showNextThumb: function() { | _showNextThumb: function() { | ||
| - | var | + | var B = this; |
| - | var | + | var C = this.$a.parent(".active").children(".hidden").eq(0); |
| - | + | setTimeout(function() { | |
| - | setTimeout( function() { | + | C.removeClass("hidden"); |
| - | + | if (C.length) { | |
| - | if ( | + | B._showNextThumb() |
| - | + | ||
} | } | ||
| - | }, 70 ) | + | }, 70) |
}, | }, | ||
| - | + | _horizontalCenter: function(C) { | |
| - | _horizontalCenter: function( | + | var B = this; |
| - | var | + | if (C.length !== 1) { |
| - | + | return | |
| - | if ( | + | } |
| - | return | + | this.$container.stop(false, true).animate({ |
| - | } | + | scrollLeft: C.position().left - this.$container.scrollLeft() * -1 - C.outerWidth() / -2 - this.$container.outerWidth() / 2 |
| - | this.$container.stop( false, true ).animate( { | + | |
| - | + | ||
}, function() { | }, function() { | ||
| - | + | B.refreshNavigation() | |
| - | } ) | + | }) |
}, | }, | ||
| - | + | _verticalCenter: function(C) { | |
| - | _verticalCenter: function( | + | var B = this; |
| - | var | + | if (C.length !== 1) { |
| - | + | return | |
| - | if ( | + | |
| - | return | + | |
} | } | ||
| - | this.$container.stop( false, true ).animate( { | + | this.$container.stop(false, true).animate({ |
| - | + | scrollTop: C.position().top - this.$container.scrollTop() * -1 - C.outerHeight() / -2 - this.$container.outerHeight() / 2 | |
}, function() { | }, function() { | ||
| - | + | B.refreshNavigation() | |
| - | } ) | + | }) |
}, | }, | ||
| - | |||
_refreshHorizontalNavigation: function() { | _refreshHorizontalNavigation: function() { | ||
| - | var | + | var C = this.getElement().find("div.active"); |
| - | var | + | var B = b[this.intJgalleryId].thumbType === "image" ? this.$a.outerWidth(true) * C.find("img").length : this.$a.outerWidth(true) * C.find("a").length; |
| - | + | this.$container.scrollLeft() > 0 ? this.$btnPrev.addClass("visible") : this.$btnPrev.removeClass("visible"); | |
| - | this.$container.scrollLeft() > 0 ? this.$btnPrev.addClass( | + | B > this.$container.width() + this.$container.scrollLeft() ? this.$btnNext.addClass("visible") : this.$btnNext.removeClass("visible") |
| - | + | ||
}, | }, | ||
| - | |||
_refreshVerticalNavigation: function() { | _refreshVerticalNavigation: function() { | ||
| - | this.$container.scrollTop() > 0 ? this.$btnPrev.addClass( | + | this.$container.scrollTop() > 0 ? this.$btnPrev.addClass("visible") : this.$btnPrev.removeClass("visible"); |
| - | this.$container.find( | + | this.$container.find(".jgallery-container-inner").height() > this.$container.height() + this.$container.scrollTop() ? this.$btnNext.addClass("visible") : this.$btnNext.removeClass("visible") |
}, | }, | ||
| - | |||
_scrollToPrev: function() { | _scrollToPrev: function() { | ||
| - | var | + | var B = this; |
| - | + | if (this.isVertical() || this.isFullScreen()) { | |
| - | if ( this.isVertical() || this.isFullScreen() ) { | + | this.$container.stop(false, true).animate({ |
| - | this.$container.stop( false, true ).animate( { | + | scrollTop: "-=" + q.height() * 0.7 |
| - | + | ||
}, function() { | }, function() { | ||
| - | + | B.refreshNavigation() | |
| - | } ) | + | }) |
| - | } | + | } else { |
| - | + | if (this.isHorizontal()) { | |
| - | + | this.$container.stop(false, true).animate({ | |
| - | + | scrollLeft: "-=" + q.width() * 0.7 | |
| - | + | }, function() { | |
| - | + | B.refreshNavigation() | |
| - | + | }) | |
| + | } | ||
} | } | ||
}, | }, | ||
| - | |||
_scrollToNext: function() { | _scrollToNext: function() { | ||
| - | var | + | var B = this; |
| - | + | if (this.isVertical() || this.isFullScreen()) { | |
| - | if ( this.isVertical() || this.isFullScreen() ) { | + | this.$container.stop(false, true).animate({ |
| - | this.$container.stop( false, true ).animate( { | + | scrollTop: "+=" + q.height() * 0.7 |
| - | + | ||
}, function() { | }, function() { | ||
| - | + | B.refreshNavigation() | |
| - | } ) | + | }) |
| - | } | + | } else { |
| - | + | if (this.isHorizontal()) { | |
| - | + | this.$container.stop(false, true).animate({ | |
| - | + | scrollLeft: "+=" + q.width() * 0.7 | |
| - | + | }, function() { | |
| - | + | B.refreshNavigation() | |
| - | + | }) | |
| + | } | ||
} | } | ||
} | } | ||
}; | }; | ||
| - | + | var h = function(B) { | |
| - | + | this.$container = B.$element.children(".zoom-container"); | |
| - | + | this.$element = this.$container.children(".zoom"); | |
| - | var | + | this.$title = this.$container.find(".nav-bottom > .title"); |
| - | this.$container = | + | this.$btnPrev = this.$container.children(".prev"); |
| - | this.$element = this.$container.children( | + | this.$btnNext = this.$container.children(".next"); |
| - | this.$title = this.$container.find( | + | this.$left = this.$container.find(".left"); |
| - | this.$btnPrev = this.$container.children( | + | this.$right = this.$container.find(".right"); |
| - | this.$btnNext = this.$container.children( | + | this.thumbnails = B.thumbnails; |
| - | this.$left = this.$container.find( | + | this.$jGallery = B.$element; |
| - | this.$right = this.$container.find( | + | this.jGallery = B; |
| - | this.thumbnails = | + | this.$resize = this.$container.find(".resize"); |
| - | this.$jGallery = | + | this.$dragNav = this.$container.find(".drag-nav"); |
| - | this.jGallery = | + | this.$dragNavCrop = g(); |
| - | this.$resize = this.$container.find( | + | this.$dragNavCropImg = g(); |
| - | this.$dragNav = this.$container.find( | + | this.$changeMode = this.$container.find(".fa.change-mode"); |
| - | this.$dragNavCrop = | + | this.$random = this.$container.find(".random"); |
| - | this.$dragNavCropImg = | + | this.$slideshow = this.$container.find(".slideshow"); |
| - | this.$changeMode = this.$container.find( | + | this.intJGalleryId = this.$jGallery.attr("data-jgallery-id"); |
| - | this.$random = this.$container.find( | + | |
| - | this.$slideshow = this.$container.find( | + | |
| - | this.intJGalleryId = this.$jGallery.attr( | + | |
this.booSlideshowPlayed = false; | this.booSlideshowPlayed = false; | ||
this.booLoadingInProgress = false; | this.booLoadingInProgress = false; | ||
this.booLoadedAll = false; | this.booLoadedAll = false; | ||
| - | this.$title.on( | + | this.$title.on("click", function() { |
| - | + | g(this).toggleClass("expanded") | |
| - | } ); | + | }); |
| - | this.update() | + | this.update() |
}; | }; | ||
| - | + | h.prototype = { | |
| - | + | ||
update: function() { | update: function() { | ||
| - | var | + | var B = w[b[this.jGallery.intId].transition]; |
| - | + | this.$container.attr("data-size", b[this.jGallery.intId].zoomSize); | |
| - | this.$container.attr( | + | this.$element.find(".pt-page").removeClass(b[this.jGallery.intId].hideEffect).removeClass(b[this.jGallery.intId].showEffect); |
| - | this.$element.find( | + | if (typeof B !== "undefined") { |
| - | + | b[this.jGallery.intId].hideEffect = B[0]; | |
| - | + | b[this.jGallery.intId].showEffect = B[1] | |
| - | if ( typeof | + | |
| - | + | ||
| - | + | ||
} | } | ||
| - | this.initAdvancedAnimation() | + | this.initAdvancedAnimation() |
}, | }, | ||
| - | |||
initAdvancedAnimation: function() { | initAdvancedAnimation: function() { | ||
| - | if ( typeof this.advancedAnimation === | + | if (typeof this.advancedAnimation === "undefined") { |
| - | this.advancedAnimation = new | + | this.advancedAnimation = new d(this.$element) |
} | } | ||
| - | this.advancedAnimation.setDuration( | + | this.advancedAnimation.setDuration(b[this.jGallery.intId].transitionDuration); |
| - | this.advancedAnimation.setDirection( | + | this.advancedAnimation.setDirection(b[this.jGallery.intId].transitionWaveDirection); |
| - | this.advancedAnimation.setQuantityParts( | + | this.advancedAnimation.setQuantityParts(b[this.jGallery.intId].transitionCols, b[this.jGallery.intId].transitionRows); |
| - | this.advancedAnimation.setHideEffect( | + | this.advancedAnimation.setHideEffect(b[this.jGallery.intId].hideEffect); |
| - | this.advancedAnimation.setShowEffect( | + | this.advancedAnimation.setShowEffect(b[this.jGallery.intId].showEffect) |
}, | }, | ||
| - | + | setThumbnails: function(B) { | |
| - | setThumbnails: function( | + | this.thumbnails = B |
| - | this.thumbnails = | + | |
}, | }, | ||
| - | |||
enableDrag: function() { | enableDrag: function() { | ||
| - | if ( ! | + | if (!b[this.jGallery.intId].draggableZoom) { |
| - | return | + | return |
} | } | ||
| - | var | + | var E = this; |
| - | var | + | var G; |
| - | var | + | var B; |
| - | + | var D = function(K) { | |
| - | var | + | var I = K.pageX; |
| - | var | + | var H = K.pageY; |
| - | var | + | var J = E.$element.find("img.active"); |
| - | var | + | G = J.css("margin-left"); |
| - | + | B = J.css("margin-top"); | |
| - | + | E.$element.on({ | |
| - | + | mousemove: function(L) { | |
| - | + | F(L.pageX - I, L.pageY - H) | |
| - | mousemove: function( | + | |
| - | + | ||
}, | }, | ||
mouseleave: function() { | mouseleave: function() { | ||
| - | + | C() | |
} | } | ||
| - | } ); | + | }); |
| - | if ( | + | if (b[E.jGallery.intId].zoomSize === "fill") { |
| - | + | E.$dragNav.removeClass("hide").addClass("show") | |
} | } | ||
| - | + | F(0, 0) | |
}; | }; | ||
| - | + | var C = function() { | |
| - | var | + | E.$element.off("mousemove"); |
| - | + | if (b[E.jGallery.intId].zoomSize === "fill") { | |
| - | if ( | + | E.$dragNav.removeClass("show").addClass("hide") |
| - | + | ||
} | } | ||
}; | }; | ||
| - | + | var F = function(I, O) { | |
| - | var | + | var N = parseFloat(parseFloat(G) + I); |
| - | var | + | var M = parseFloat(parseFloat(B) + O); |
| - | var | + | var K = E.$element.find("img.active"); |
| - | var | + | var L = K.eq(0); |
| - | var | + | var J = K.eq(-1); |
| - | var | + | var H = J.parent(); |
| - | var | + | if (failand(L.position().left + N < 0, J.position().left + J.width() + N > H.outerWidth())) { |
| - | + | K.css({ | |
| - | if ( | + | "margin-left": N |
| - | + | }); | |
| - | + | E.$dragNavCrop.css({ | |
| - | } ); | + | left: -(L.position().left + N) / K.width() * 100 + "%" |
| - | + | }) | |
| - | left: - ( | + | |
| - | } ) | + | |
} | } | ||
| - | if ( | + | if (failand(L.position().top + M < 0, J.position().top + J.height() + M > H.outerHeight())) { |
| - | + | K.css({ | |
| - | + | "margin-top": M | |
| - | } ); | + | }); |
| - | + | E.$dragNavCrop.css({ | |
| - | top: - ( | + | top: -(L.position().top + M) / K.height() * 100 + "%" |
| - | } ) | + | }) |
} | } | ||
| - | + | E.$dragNavCropImg.css({ | |
| - | + | "margin-left": -E.$dragNavCrop.position().left, | |
| - | + | "margin-top": -E.$dragNavCrop.position().top | |
| - | } ) | + | }) |
}; | }; | ||
| - | + | if (b[E.jGallery.intId].zoomSize === "original") { | |
| - | if ( | + | E.$dragNav.removeClass("hide").addClass("show") |
| - | + | ||
} | } | ||
this.refreshDragNavCropSize(); | this.refreshDragNavCropSize(); | ||
| - | this.$element.css( | + | this.$element.css("cursor", "move").on({ |
| - | mousedown: function( | + | mousedown: function(H) { |
| - | + | H.preventDefault(); | |
| - | + | D(H); | |
| - | + | E.slideshowPause() | |
}, | }, | ||
mouseup: function() { | mouseup: function() { | ||
| - | + | C() | |
} | } | ||
| - | } ); | + | }); |
| - | this.$left.add( this.$right ).hide() | + | this.$left.add(this.$right).hide() |
}, | }, | ||
| - | |||
disableDrag: function() { | disableDrag: function() { | ||
| - | if ( ! | + | if (!b[this.jGallery.intId].draggableZoom) { |
| - | return | + | return |
} | } | ||
| - | this.$dragNav.removeClass( | + | this.$dragNav.removeClass("show").addClass("hide"); |
| - | this.$element.css( | + | this.$element.css("cursor", "default"); |
this.$element.off(); | this.$element.off(); | ||
| - | this.$left.add( this.$right ).show() | + | this.$left.add(this.$right).show() |
}, | }, | ||
| - | + | refreshContainerSize: function() { | |
| - | refreshContainerSize: function () { | + | var C = this.jGallery.isSlider() ? 0 : this.$container.find(".nav-bottom").outerHeight(); |
| - | var | + | var B = failand(!this.jGallery.isSlider(), !this.thumbnails.getElement().is(".hidden")); |
| - | var | + | var D = B ? b[this.intJGalleryId].thumbnailsPosition : ""; |
| - | var | + | this.$container.css({ |
| - | + | width: failand(B, this.thumbnails.isVertical()) ? this.$jGallery.width() - this.thumbnails.getElement().outerWidth(true) : "auto", | |
| - | this.$container.css( { | + | height: failand(B, this.thumbnails.isHorizontal()) ? this.$jGallery.height() - this.thumbnails.getElement().outerHeight(true) - C : this.$jGallery.height() - C, |
| - | + | "margin-top": D === "top" ? this.thumbnails.getElement().outerHeight(true) : 0, | |
| - | + | "margin-left": D === "left" ? this.thumbnails.getElement().outerWidth(true) : 0, | |
| - | + | "margin-right": D === "right" ? this.thumbnails.getElement().outerWidth(true) : 0 | |
| - | + | }); | |
| - | + | if (b[this.jGallery.intId].draggableZoom) { | |
| - | } ); | + | this.refreshDragNavCropSize() |
| - | if ( | + | |
| - | this.refreshDragNavCropSize() | + | |
} | } | ||
}, | }, | ||
| - | |||
refreshSize: function() { | refreshSize: function() { | ||
| - | if ( this.thumbnails.isFullScreen() ) { | + | if (this.thumbnails.isFullScreen()) { |
| - | return | + | return |
} | } | ||
this.refreshContainerSize(); | this.refreshContainerSize(); | ||
| - | if ( | + | if (b[this.intJGalleryId].zoomSize === "original") { |
| - | this.original() | + | this.original() |
| + | } else { | ||
| + | if (b[this.intJGalleryId].zoomSize === "fill") { | ||
| + | this.fill() | ||
| + | } else { | ||
| + | this.fit() | ||
| + | } | ||
} | } | ||
| - | + | this.$element.addClass("visible") | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | this.$element.addClass( | + | |
}, | }, | ||
| - | + | refreshDragNavCropSize: function() { | |
| - | refreshDragNavCropSize: function() { | + | var C = this.$element.find("img.active"); |
| - | var | + | var B; |
| - | var | + | var D; |
| - | var | + | this.$dragNavCrop.css({ |
| - | + | width: this.$element.width() / C.width() * 100 + "%", | |
| - | this.$dragNavCrop.css( { | + | height: this.$element.height() / C.height() * 100 + "%" |
| - | width: this.$element.width() / | + | }); |
| - | height: this.$element.height() / | + | B = (this.$dragNav.width() - this.$dragNavCrop.width()) / 2; |
| - | } ); | + | D = (this.$dragNav.height() - this.$dragNavCrop.height()) / 2; |
| - | + | this.$dragNavCrop.css({ | |
| - | + | left: B, | |
| - | this.$dragNavCrop.css( { | + | top: D |
| - | left: | + | }); |
| - | top: | + | if (this.$dragNavCropImg.length) { |
| - | } ); | + | this.$dragNavCropImg.css({ |
| - | if ( this.$dragNavCropImg.length ) { | + | "margin-left": -B, |
| - | this.$dragNavCropImg.css( { | + | "margin-top": -D |
| - | + | }) | |
| - | + | ||
| - | } ) | + | |
} | } | ||
}, | }, | ||
| - | |||
changeSize: function() { | changeSize: function() { | ||
| - | if ( | + | if (b[this.jGallery.intId].zoomSize === "fit") { |
| - | + | b[this.jGallery.intId].zoomSize = "fill"; | |
| - | this.fill() | + | this.fill() |
| - | } | + | } else { |
| - | + | if (b[this.jGallery.intId].zoomSize === "fill") { | |
| - | + | var B = this.$element.find("img.active").eq(0); | |
| - | + | if (this.$element.outerWidth().toString() === B.attr("data-width")) { | |
| - | + | b[this.jGallery.intId].zoomSize = "fit"; | |
| - | + | this.fit() | |
| - | + | } else { | |
| - | + | b[this.jGallery.intId].zoomSize = "original"; | |
| - | else { | + | this.original() |
| - | + | } | |
| - | + | } else { | |
| + | if (b[this.jGallery.intId].zoomSize === "original") { | ||
| + | b[this.jGallery.intId].zoomSize = "fit"; | ||
| + | this.fit() | ||
| + | } | ||
} | } | ||
} | } | ||
| - | + | this.$container.attr("data-size", b[this.jGallery.intId].zoomSize) | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | this.$container.attr( | + | |
}, | }, | ||
| - | |||
original: function() { | original: function() { | ||
| - | var | + | var B = this.$element.find("img.active"); |
| - | + | ||
this.advancedAnimation.setPositionParts(); | this.advancedAnimation.setPositionParts(); | ||
| - | this.setImgSizeForOriginal( | + | this.setImgSizeForOriginal(B); |
| - | this.setImgSizeForOriginal( this.$element.find( | + | this.setImgSizeForOriginal(this.$element.find(".pt-page.init img")); |
| - | if ( | + | if (failand(B.attr("data-width") <= this.$element.outerWidth(), B.attr("data-height") <= this.$element.outerHeight())) { |
| - | this.$resize.addClass( | + | this.$resize.addClass("fa-search-plus").removeClass("fa-search-minus"); |
| - | this.disableDrag() | + | this.disableDrag() |
| - | } | + | } else { |
| - | + | this.$resize.addClass("fa-search-minus").removeClass("fa-search-plus"); | |
| - | this.$resize.addClass( | + | this.enableDrag() |
| - | this.enableDrag() | + | |
} | } | ||
}, | }, | ||
| - | |||
fit: function() { | fit: function() { | ||
| - | var | + | var B = this.$element.find("img.active").add(this.$element.find(".pt-page.init img")); |
| - | + | ||
this.advancedAnimation.setPositionParts(); | this.advancedAnimation.setPositionParts(); | ||
| - | this.setImgSizeForFit( | + | this.setImgSizeForFit(B.filter(".active")); |
| - | this.setImgSizeForFit( | + | this.setImgSizeForFit(B.filter(":not( .active )")); |
| - | this.$resize.addClass( | + | this.$resize.addClass("fa-search-plus").removeClass("fa-search-minus"); |
| - | this.disableDrag() | + | this.disableDrag() |
}, | }, | ||
| - | |||
fill: function() { | fill: function() { | ||
| - | var | + | var B = this.$element.find("img.active"); |
| - | + | this.setImgSizeForFill(B); | |
| - | this.setImgSizeForFill( | + | this.setImgSizeForFill(this.$element.find(".pt-page.init img")); |
| - | this.setImgSizeForFill( this.$element.find( | + | |
this.advancedAnimation.setPositionParts(); | this.advancedAnimation.setPositionParts(); | ||
| - | if ( | + | if (failand(B.attr("data-width") > B.width(), B.attr("data-height") > B.height())) { |
| - | this.$resize.addClass( | + | this.$resize.addClass("fa-search-plus").removeClass("fa-search-minus") |
| - | } | + | } else { |
| - | + | this.$resize.addClass("fa-search-minus").removeClass("fa-search-plus") | |
| - | this.$resize.addClass( | + | |
} | } | ||
| - | this.enableDrag() | + | this.enableDrag() |
}, | }, | ||
| - | + | setImgSizeForOriginal: function(B) { | |
| - | setImgSizeForOriginal: function( | + | B.css({ |
| - | + | width: B.attr("data-width"), | |
| - | + | height: B.attr("data-height"), | |
| - | + | "min-width": 0, | |
| - | + | "min-height": 0, | |
| - | + | "max-width": "none", | |
| - | + | "max-height": "none" | |
| - | + | }); | |
| - | } ); | + | B.css({ |
| - | + | "margin-top": -B.height() / 2, | |
| - | + | "margin-left": -B.width() / 2 | |
| - | + | }) | |
| - | } ) | + | |
}, | }, | ||
| - | + | setImgSizeForFit: function(C) { | |
| - | setImgSizeForFit: function( | + | var D = this.jGallery.isSlider() ? 0 : this.$container.find(".nav-bottom").outerHeight(); |
| - | var | + | var B = failand(!this.jGallery.isSlider(), !this.thumbnails.getElement().is(".hidden")); |
| - | var | + | C.css({ |
| - | + | width: "auto", | |
| - | + | height: "auto", | |
| - | + | "min-width": 0, | |
| - | + | "min-height": 0, | |
| - | + | "max-width": failand(B, this.thumbnails.isVertical()) ? this.$jGallery.width() - this.thumbnails.getElement().outerWidth(true) : this.$jGallery.width(), | |
| - | + | "max-height": failand(B, this.thumbnails.isHorizontal()) ? this.$jGallery.height() - this.thumbnails.getElement().outerHeight(true) - D : this.$jGallery.height() - D | |
| - | + | }); | |
| - | + | if (C.width() / C.height() / this.jGallery.getCanvasRatioWidthToHeight() < 1) { | |
| - | } ); | + | C.css({ |
| - | if ( | + | width: "auto", |
| - | + | height: failand(B, this.thumbnails.isHorizontal()) ? this.$jGallery.height() - this.thumbnails.getElement().outerHeight(true) - D : this.$jGallery.height() - D | |
| - | + | }) | |
| - | + | } else { | |
| - | } ) | + | C.css({ |
| + | width: failand(B, this.thumbnails.isVertical()) ? this.$jGallery.width() - this.thumbnails.getElement().outerWidth(true) : this.$jGallery.width(), | ||
| + | height: "auto" | ||
| + | }) | ||
} | } | ||
| - | + | C.css({ | |
| - | + | "margin-top": -C.height() / 2, | |
| - | + | "margin-left": -C.width() / 2 | |
| - | + | }) | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | } ) | + | |
}, | }, | ||
| - | + | setImgSizeForFill: function(C) { | |
| - | setImgSizeForFill: function( | + | var D = this.jGallery.isSlider() ? 0 : this.$container.find(".nav-bottom").outerHeight(); |
| - | var | + | var B = failand(!this.jGallery.isSlider(), !this.thumbnails.getElement().is(".hidden")); |
| - | var | + | C.css({ |
| - | + | width: "auto", | |
| - | + | height: "auto", | |
| - | + | "max-width": "none", | |
| - | + | "max-height": "none", | |
| - | + | "min-width": 0, | |
| - | + | "min-height": 0 | |
| - | + | }); | |
| - | + | if (C.width() / C.height() / this.jGallery.getCanvasRatioWidthToHeight() > 1) { | |
| - | } ); | + | C.css({ |
| - | if ( | + | width: "auto", |
| - | + | height: failand(B, this.thumbnails.isHorizontal()) ? this.$jGallery.height() - this.thumbnails.getElement().outerHeight(true) - D : this.$jGallery.height() - D | |
| - | + | }) | |
| - | + | } else { | |
| - | } ) | + | C.css({ |
| + | width: failand(B, this.thumbnails.isVertical()) ? this.$jGallery.width() - this.thumbnails.getElement().outerWidth(true) : this.$jGallery.width(), | ||
| + | height: "auto" | ||
| + | }) | ||
} | } | ||
| - | + | C.css({ | |
| - | + | "min-width": failand(B, this.thumbnails.isVertical()) ? this.$jGallery.width() - this.thumbnails.getElement().outerWidth(true) : this.$jGallery.width(), | |
| - | + | "min-height": failand(B, this.thumbnails.isHorizontal()) ? this.$jGallery.height() - this.thumbnails.getElement().outerHeight(true) - D : this.$jGallery.height() - D | |
| - | + | }); | |
| - | + | C.css({ | |
| - | + | "margin-top": -C.height() / 2, | |
| - | + | "margin-left": -C.width() / 2 | |
| - | + | }) | |
| - | + | ||
| - | } ); | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | } ) | + | |
}, | }, | ||
| - | + | isLoaded: function(B) { | |
| - | isLoaded: function( | + | return this.$element.find("img").filter('[src="' + B.attr("href") + '"]').length > 0 |
| - | return this.$element.find( | + | |
}, | }, | ||
| - | |||
refreshNav: function() { | refreshNav: function() { | ||
| - | var | + | var B = this.thumbnails.getElement().find("div.active a.active"); |
| - | + | B.prev("a").length === 1 ? this.$btnPrev.add(this.$container.children(".left")).removeClass("hidden") : this.$btnPrev.add(this.$container.children(".left")).addClass("hidden"); | |
| - | + | B.next("a").length === 1 ? this.$btnNext.add(this.$container.children(".right")).removeClass("hidden") : this.$btnNext.add(this.$container.children(".right")).addClass("hidden") | |
| - | + | ||
}, | }, | ||
| - | + | slideshowStop: function() { | |
| - | slideshowStop: function () { | + | |
this.slideshowPause(); | this.slideshowPause(); | ||
| - | this.jGallery.progress.clear() | + | this.jGallery.progress.clear() |
}, | }, | ||
| - | + | slideshowPause: function() { | |
| - | slideshowPause: function () { | + | |
this.jGallery.progress.pause(); | this.jGallery.progress.pause(); | ||
| - | this.$slideshow.removeClass( | + | this.$slideshow.removeClass("fa-pause").addClass("fa-play"); |
this.booSlideshowPlayed = false; | this.booSlideshowPlayed = false; | ||
| - | if ( | + | if (b[this.jGallery.intId].slideshowCanRandom) { |
| - | this.$random.hide() | + | this.$random.hide() |
} | } | ||
}, | }, | ||
| - | |||
slideshowPlay: function() { | slideshowPlay: function() { | ||
| - | if ( this.booLoadingInProgress || this.booSlideshowPlayed ) { | + | if (this.booLoadingInProgress || this.booSlideshowPlayed) { |
| - | return | + | return |
} | } | ||
this.booSlideshowPlayed = true; | this.booSlideshowPlayed = true; | ||
| - | this.$slideshow.removeClass( | + | this.$slideshow.removeClass("fa-play").addClass("fa-pause"); |
this.slideshowSetTimeout(); | this.slideshowSetTimeout(); | ||
| - | if ( | + | if (b[this.jGallery.intId].slideshowCanRandom) { |
| - | this.$random.show() | + | this.$random.show() |
} | } | ||
}, | }, | ||
| - | |||
slideshowPlayPause: function() { | slideshowPlayPause: function() { | ||
| - | this.$slideshow.is( | + | this.$slideshow.is(".fa-play") ? this.slideshowPlay() : this.slideshowPause() |
}, | }, | ||
| - | |||
slideshowSetTimeout: function() { | slideshowSetTimeout: function() { | ||
| - | var | + | var B = this; |
| - | + | this.jGallery.progress.start(this.$container.width(), function() { | |
| - | this.jGallery.progress.start( this.$container.width(), function() { | + | B.jGallery.progress.clear(); |
| - | + | b[B.jGallery.intId].slideshowRandom ? B.showRandomPhoto() : B.showNextPhotoLoop() | |
| - | + | }) | |
| - | } ) | + | |
}, | }, | ||
| - | |||
slideshowRandomToggle: function() { | slideshowRandomToggle: function() { | ||
| - | if ( | + | if (b[this.jGallery.intId].slideshowRandom) { |
| - | this.$random.removeClass( | + | this.$random.removeClass("active"); |
| - | + | b[this.jGallery.intId].slideshowRandom = false | |
| - | } | + | } else { |
| - | + | this.$random.addClass("active"); | |
| - | this.$random.addClass( | + | b[this.jGallery.intId].slideshowRandom = true |
| - | + | ||
} | } | ||
}, | }, | ||
| - | |||
showNextPhotoLoop: function() { | showNextPhotoLoop: function() { | ||
| - | var | + | var B = this.thumbnails.$a.filter(".active").next("a"); |
| - | + | if (B.length === 0) { | |
| - | if ( | + | B = this.thumbnails.$albums.filter(".active").find("a").eq(0) |
| - | + | ||
} | } | ||
| - | this.showPhoto( | + | this.showPhoto(B) |
}, | }, | ||
| - | |||
showRandomPhoto: function() { | showRandomPhoto: function() { | ||
| - | var | + | var B = this.thumbnails.$albums.filter(".active").find("a:not(.active)"); |
| - | + | this.showPhoto(B.eq(Math.floor(Math.random() * B.length))) | |
| - | this.showPhoto( | + | |
}, | }, | ||
| - | |||
showPrevPhoto: function() { | showPrevPhoto: function() { | ||
| - | var | + | var B = this.thumbnails.$a.filter(".active").prev("a"); |
| - | if ( | + | if (B.length === 1) { |
| - | this.showPhoto( | + | this.showPhoto(B) |
| - | } | + | } |
}, | }, | ||
| - | |||
showNextPhoto: function() { | showNextPhoto: function() { | ||
| - | var | + | var B = this.thumbnails.$a.filter(".active").next("a"); |
| - | if ( | + | if (B.length === 1) { |
| - | this.showPhoto( | + | this.showPhoto(B) |
} | } | ||
}, | }, | ||
| - | |||
showPhotoInit: function() { | showPhotoInit: function() { | ||
| - | this.jGallery.init() | + | this.jGallery.init() |
}, | }, | ||
| - | + | showPhoto: function(F, D) { | |
| - | + | var C = this; | |
| - | showPhoto: function( | + | var G = F.children("img"); |
| - | var | + | var B; |
| - | var | + | var I; |
| - | var | + | var H; |
| - | var | + | var E; |
| - | var | + | if (!this.jGallery.initialized()) { |
| - | var | + | this.showPhotoInit() |
| - | + | ||
| - | if ( ! this.jGallery.initialized() ) { | + | |
| - | this.showPhotoInit() | + | |
} | } | ||
| - | if ( this.booLoadingInProgress ) { | + | if (this.booLoadingInProgress) { |
| - | return | + | return |
} | } | ||
this.booLoadingInProgress = true; | this.booLoadingInProgress = true; | ||
| - | + | E = b[this.jGallery.intId][F.nextAll(".active").length > 0 ? "transitionBackward" : "transition"]; | |
| - | if ( | + | if (E === "random") { |
| - | this.setRandomTransition() | + | this.setRandomTransition() |
| - | } | + | } else { |
| - | + | H = w[E]; | |
| - | + | this.advancedAnimation.setHideEffect(H[0]); | |
| - | this.advancedAnimation.setHideEffect( | + | this.advancedAnimation.setShowEffect(H[1]) |
| - | this.advancedAnimation.setShowEffect( | + | |
} | } | ||
| - | this.$element.find( | + | this.$element.find(".pt-page.init").remove(); |
| - | + | b[this.jGallery.intId].showPhoto(); | |
| - | if ( this.jGallery.$element.is( | + | if (this.jGallery.$element.is(":not(:visible)")) { |
| - | this.jGallery.show() | + | this.jGallery.show() |
} | } | ||
this.thumbnails.changeViewToBar(); | this.thumbnails.changeViewToBar(); | ||
| - | if ( this.jGallery.booIsAlbums ) { | + | if (this.jGallery.booIsAlbums) { |
| - | if ( this.jGallery.iconChangeAlbum.getTitle() === | + | if (this.jGallery.iconChangeAlbum.getTitle() === "") { |
| - | + | I = F.parents(".album").eq(0).attr("data-jgallery-album-title"); | |
| - | this.jGallery.iconChangeAlbum.setTitle( | + | this.jGallery.iconChangeAlbum.setTitle(I); |
| - | this.jGallery.iconChangeAlbum.$element.find( '[data-jgallery-album-title="' + | + | this.jGallery.iconChangeAlbum.$element.find('[data-jgallery-album-title="' + I + '"]').addClass("active"); |
| - | + | F.parents(".album").addClass("active").siblings(".album").removeClass("active") | |
} | } | ||
} | } | ||
| - | this.thumbnails.setActiveAlbum( this.thumbnails.$albums.filter( '[data-jgallery-album-title="' + | + | this.thumbnails.setActiveAlbum(this.thumbnails.$albums.filter('[data-jgallery-album-title="' + F.parents("[data-jgallery-album-title]").attr("data-jgallery-album-title") + '"]')); |
| - | this.thumbnails.setActiveThumb( | + | this.thumbnails.setActiveThumb(F); |
| - | if ( this.$element.find( | + | if (this.$element.find("img.active").attr("src") === F.attr("href")) { |
this.booLoadingInProgress = false; | this.booLoadingInProgress = false; | ||
| - | return | + | return |
} | } | ||
this.refreshNav(); | this.refreshNav(); | ||
| - | if ( | + | if (b[this.jGallery.intId].title) { |
| - | this.$title.addClass( | + | this.$title.addClass("after fade") |
} | } | ||
| - | + | B = C.isLoaded(F); | |
| - | if ( ! | + | if (!B) { |
| - | if ( | + | if (failand(b[C.jGallery.intId].preloadAll, !C.booLoadedAll)) { |
| - | this.appendAllPhotos() | + | this.appendAllPhotos() |
| - | } | + | } else { |
| - | + | this.appendPhoto(F) | |
| - | this.appendPhoto( | + | |
} | } | ||
} | } | ||
| - | this.$element.find( | + | this.$element.find("img.active").addClass("prev-img"); |
| - | + | C.$container.find("img.active").removeClass("active"); | |
| - | + | C.$container.find('[src="' + F.attr("href") + '"]').addClass("active"); | |
| - | if ( | + | if (failand(b[C.jGallery.intId].title, G.is("[alt]"))) { |
| - | + | C.$title.removeClass("after").addClass("before") | |
} | } | ||
| - | if ( ! | + | if (!B || (failand(b[C.jGallery.intId].preloadAll, !C.booLoadedAll))) { |
| - | + | C.booLoadedAll = true; | |
| - | + | C.$container.overlay({ | |
| - | + | show: true, | |
| - | + | showLoader: true | |
| - | } | + | }); |
| - | + | b[C.jGallery.intId].beforeLoadPhoto(); | |
| - | + | C.loadPhoto(C.$element, F, D) | |
| + | } else { | ||
| + | C.showPhotoSuccess(G, D) | ||
} | } | ||
}, | }, | ||
| - | + | appendPhoto: function(B) { | |
| - | appendPhoto: function ( | + | this.$element.find(".pt-part").append(' <div class="jgallery-container pt-page"> <div class="pt-item"><img src="' + B.attr("href") + '" /></div> </div>') |
| - | this.$element.find( | + | |
| - | + | ||
| - | + | ||
| - | + | ||
}, | }, | ||
| - | + | appendAllPhotos: function() { | |
| - | appendAllPhotos: function() { | + | var B = this; |
| - | var | + | if (!b[this.jGallery.intId].preloadAll) { |
| - | + | return | |
| - | if ( ! | + | } |
| - | return | + | this.thumbnails.$a.each(function() { |
| - | } | + | var C = g(this); |
| - | this.thumbnails.$a.each( function() { | + | if (!B.isLoaded(C)) { |
| - | var | + | B.$element.find(".pt-part").append('<div class="jgallery-container pt-page"><div class="pt-item"><img src="' + C.attr("href") + '" /></div></div>') |
| - | if ( ! | + | |
| - | + | ||
} | } | ||
| - | } ); | + | }); |
| - | this.appendInitPhoto( this.thumbnails.$a.eq( -1 ) ) | + | this.appendInitPhoto(this.thumbnails.$a.eq(-1)) |
}, | }, | ||
| - | + | appendInitPhoto: function(B) { | |
| - | appendInitPhoto: function( | + | if (B.length !== 1) { |
| - | if ( | + | return |
| - | return | + | |
} | } | ||
| - | this.$element.find( | + | this.$element.find(".pt-part").append(' <div class="jgallery-container pt-page pt-page-current pt-page-ontop init" style="visibility: hidden;"> <div class="pt-item"><img src="' + B.attr("href") + '" class="active loaded" /></div> </div>') |
| - | + | ||
| - | + | ||
| - | + | ||
}, | }, | ||
| - | + | loadPhoto: function(C, H, D) { | |
| - | loadPhoto: function( | + | var B = this; |
| - | var | + | var I = H.children("img"); |
| - | var | + | var F = 0; |
| - | var | + | var G = C.find(".pt-part").eq(0); |
| - | var | + | var E = b[this.jGallery.intId].preloadAll ? G : G.find("img.active"); |
| - | var | + | E.jLoader({ |
| - | + | ||
| - | + | ||
interval: 500, | interval: 500, | ||
| - | skip: | + | skip: ".loaded", |
| - | start: function() { | + | start: function() { |
| - | if ( | + | if (b[B.jGallery.intId].preloadAll) { |
| - | + | B.$container.find(".overlay .imageLoaderPositionAbsolute:not(:has(.progress-value))").addClass("preloadAll").append('<span class="progress-value"></span>'); | |
| - | + | B.$container.find(".progress-value").html("0") | |
| - | + | } else { | |
| - | } | + | B.$container.find(".overlay .imageLoaderPositionAbsolute:not(:has(.fa-spin))").append('<span class="fa fa-spin fa-spinner"></span>') |
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
}, | }, | ||
success: function() { | success: function() { | ||
| - | + | C.find("img").addClass("loaded"); | |
| - | + | B.$container.overlay({ | |
| - | + | hide: true, | |
| + | hideLoader: true | ||
| + | }); | ||
| + | B.showPhotoSuccess(I, D) | ||
}, | }, | ||
| - | progress: function( | + | progress: function(J) { |
| - | if ( ! | + | if (!b[B.jGallery.intId].preloadAll) { |
| - | return | + | return |
} | } | ||
| - | + | F = J.percent; | |
| - | + | B.$container.find(".overlay .imageLoaderPositionAbsolute").find(".progress-value").html(F) | |
} | } | ||
| - | } ) | + | }) |
}, | }, | ||
| - | + | showPhotoSuccess: function(E, C) { | |
| - | showPhotoSuccess: function( | + | var D; |
| - | var | + | var B = this.$element.find("img.active"); |
| - | var | + | C = g.extend({}, { |
| - | + | ||
| - | + | ||
historyPushState: true | historyPushState: true | ||
| - | }, | + | }, C); |
| - | if ( | + | if (B.is(":not([data-width])")) { |
| - | + | D = new Image(); | |
| - | + | D.src = B.attr("src"); | |
| - | + | B.attr("data-width", D.width); | |
| - | + | B.attr("data-height", D.height) | |
} | } | ||
| - | if ( | + | if (failand(b[this.jGallery.intId].title, E.attr("alt"))) { |
| - | this.$title.html( | + | this.$title.html(E.attr("alt")).removeClass("before").removeClass("after"); |
| - | this.jGallery.$element.addClass( | + | this.jGallery.$element.addClass("has-title") |
| - | } | + | } else { |
| - | + | this.jGallery.$element.removeClass("has-title") | |
| - | this.jGallery.$element.removeClass( | + | |
} | } | ||
| - | this.jGallery.setColours( { | + | this.jGallery.setColours({ |
| - | strBg: | + | strBg: E.is("[data-jgallery-bg-color]") ? E.attr("data-jgallery-bg-color") : b[this.jGallery.intId].backgroundColor, |
| - | strText: | + | strText: E.is("[data-jgallery-bg-color]") ? E.attr("data-jgallery-text-color") : b[this.jGallery.intId].textColor |
| - | } ); | + | }); |
| - | this.$element.find( | + | this.$element.find(".pt-page.init").css({ |
| - | visibility: | + | visibility: "visible" |
| - | } ); | + | }); |
| - | this.$element.find( | + | this.$element.find("img.prev-img").removeClass("prev-img"); |
| - | this.advancedAnimation.show( | + | this.advancedAnimation.show(B.eq(0).parent().parent(), { |
| - | animation: this.$element.find( | + | animation: this.$element.find(".pt-part").eq(0).find(".pt-page-current:not(.pt-page-prev)").length === 1 |
| - | } ); | + | }); |
this.refreshSize(); | this.refreshSize(); | ||
this.thumbnails.refreshNavigation(); | this.thumbnails.refreshNavigation(); | ||
| - | if ( this.booSlideshowPlayed ) { | + | if (this.booSlideshowPlayed) { |
| - | this.slideshowSetTimeout() | + | this.slideshowSetTimeout() |
} | } | ||
| - | + | b[this.jGallery.intId].afterLoadPhoto(); | |
this.booLoadingInProgress = false; | this.booLoadingInProgress = false; | ||
| - | if ( | + | if (failand(b[this.jGallery.intId].autostart, b[this.jGallery.intId].slideshowAutostart, b[this.jGallery.intId].slideshow)) { |
| - | + | b[this.jGallery.intId].slideshowAutostart = false; | |
| - | this.slideshowPlay() | + | this.slideshowPlay() |
} | } | ||
| - | if ( | + | if (b[this.jGallery.intId].draggableZoom) { |
| - | this.$dragNav.html( '<img src="' + | + | this.$dragNav.html('<img src="' + B.attr("src") + '" class="bg"> <div class="crop"><img src="' + B.attr("src") + '"></div>'); |
| - | + | this.$dragNavCrop = this.$dragNav.find(".crop"); | |
| - | this.$dragNavCrop = this.$dragNav.find( | + | this.$dragNavCropImg = this.$dragNavCrop.find("img"); |
| - | this.$dragNavCropImg = this.$dragNavCrop.find( | + | this.refreshDragNavCropSize() |
| - | this.refreshDragNavCropSize() | + | |
} | } | ||
| - | if ( | + | if (failand(C.historyPushState, b[this.jGallery.intId].browserHistory)) { |
| - | + | u({ | |
| - | path: | + | path: B.attr("src") |
| - | } ) | + | }) |
} | } | ||
}, | }, | ||
| - | + | showPhotoByPath: function(C) { | |
| - | showPhotoByPath: function( | + | var B = this.thumbnails.$albums.filter(".active").find('a[href="' + C + '"]'); |
| - | var | + | if (B.length === 0) { |
| - | + | B = this.thumbnails.$a.filter('a[href="' + C + '"]').eq(0) | |
| - | if ( | + | |
| - | + | ||
} | } | ||
| - | if ( | + | if (B.length === 0) { |
| - | return | + | return |
} | } | ||
| - | this.showPhoto( | + | this.showPhoto(B, { |
historyPushState: false | historyPushState: false | ||
| - | } ) | + | }) |
}, | }, | ||
| - | + | setTransition: function(B) { | |
| - | setTransition: function( | + | b[this.jGallery.intId].hideEffect = w[B][0]; |
| - | + | b[this.jGallery.intId].showEffect = w[B][1]; | |
| - | + | this.advancedAnimation.setHideEffect(b[this.jGallery.intId].hideEffect); | |
| - | this.advancedAnimation.setHideEffect( | + | this.advancedAnimation.setShowEffect(b[this.jGallery.intId].showEffect) |
| - | this.advancedAnimation.setShowEffect( | + | |
}, | }, | ||
| - | |||
setRandomTransition: function() { | setRandomTransition: function() { | ||
| - | var | + | var B; |
| - | + | this.$element.find(".pt-page").removeClass(b[this.jGallery.intId].hideEffect).removeClass(b[this.jGallery.intId].showEffect); | |
| - | this.$element.find( | + | B = Math.floor((Math.random() * x.length)); |
| - | + | b[this.jGallery.intId].hideEffect = x[B][0]; | |
| - | + | b[this.jGallery.intId].showEffect = x[B][1]; | |
| - | + | this.advancedAnimation.setHideEffect(b[this.jGallery.intId].hideEffect); | |
| - | + | this.advancedAnimation.setShowEffect(b[this.jGallery.intId].showEffect) | |
| - | + | ||
| - | this.advancedAnimation.setHideEffect( | + | |
| - | this.advancedAnimation.setShowEffect( | + | |
}, | }, | ||
| - | |||
unmarkActive: function() { | unmarkActive: function() { | ||
| - | this.$element.find( | + | this.$element.find("img.active").removeClass("active") |
}, | }, | ||
| - | |||
changeMode: function() { | changeMode: function() { | ||
| - | var | + | var B = b[this.jGallery.intId].mode; |
| - | + | if (B === "slider") { | |
| - | if ( | + | return |
| - | return | + | |
} | } | ||
| - | if ( | + | if (B === "standard") { |
| - | this.goToFullScreenMode() | + | this.goToFullScreenMode() |
| - | } | + | } else { |
| - | + | if (B === "full-screen") { | |
| - | + | this.goToStandardMode() | |
| + | } | ||
} | } | ||
| - | if ( this.jGallery.iconChangeAlbum instanceof | + | if (this.jGallery.iconChangeAlbum instanceof o) { |
| - | this.jGallery.iconChangeAlbum.refreshMenuHeight() | + | this.jGallery.iconChangeAlbum.refreshMenuHeight() |
} | } | ||
}, | }, | ||
| - | |||
goToFullScreenMode: function() { | goToFullScreenMode: function() { | ||
| - | + | s.css({ | |
| - | overflow: | + | overflow: "hidden" |
| - | } ); | + | }); |
this.jGallery.$this.show(); | this.jGallery.$this.show(); | ||
| - | this.jGallery.$element.removeClass( | + | this.jGallery.$element.removeClass("jgallery-standard").addClass("jgallery-full-screen").css({ |
| - | width: | + | width: "auto", |
| - | height: | + | height: "auto" |
| - | } ); | + | }); |
| - | this.$changeMode.removeClass( | + | this.$changeMode.removeClass("fa-expand").addClass("fa-compress"); |
| - | + | b[this.jGallery.intId].mode = "full-screen"; | |
| - | this.jGallery.refreshDimensions() | + | this.jGallery.refreshDimensions() |
}, | }, | ||
| - | |||
goToStandardMode: function() { | goToStandardMode: function() { | ||
| - | + | s.css({ | |
| - | overflow: | + | overflow: "visible" |
| - | } ); | + | }); |
this.jGallery.$this.hide(); | this.jGallery.$this.hide(); | ||
| - | this.jGallery.$element.removeClass( | + | this.jGallery.$element.removeClass("jgallery-full-screen").addClass("jgallery-standard").css({ |
| - | width: | + | width: b[this.jGallery.intId].width, |
| - | height: | + | height: b[this.jGallery.intId].height |
| - | } ); | + | }); |
| - | this.$changeMode.removeClass( | + | this.$changeMode.removeClass("fa-compress").addClass("fa-expand"); |
| - | + | b[this.jGallery.intId].mode = "standard"; | |
| - | this.jGallery.refreshDimensions() | + | this.jGallery.refreshDimensions() |
} | } | ||
}; | }; | ||
| - | + | var p = function(C) { | |
| - | + | var B = this; | |
| - | + | this.booIsAlbums = C.find(".album:has(a:has(img))").length > 1; | |
| - | var | + | this.intId = c; |
| - | var | + | this.$this = C; |
| - | + | if (failand(b[this.intId].disabledOnIE8AndOlder, v())) { | |
| - | this.booIsAlbums = | + | return |
| - | this.intId = | + | |
| - | this.$this = | + | |
| - | if ( | + | |
| - | return | + | |
} | } | ||
this.init(); | this.init(); | ||
| - | if ( | + | if (b[this.intId].browserHistory) { |
| - | this.browserHistory() | + | this.browserHistory() |
} | } | ||
| - | if ( | + | if (b[this.intId].autostart) { |
| - | this.autostart() | + | this.autostart() |
} | } | ||
| - | + | g("html").on({ | |
| - | keydown: function( | + | keydown: function(D) { |
| - | if ( | + | if (B.$element.is(":visible")) { |
| - | if ( | + | if (D.which === 27) { |
| - | + | D.preventDefault(); | |
| - | if ( | + | if (B.thumbnails.getElement().is(".full-screen")) { |
| - | + | B.thumbnails.changeViewToBar(); | |
| - | + | B.zoom.refreshSize(); | |
| - | return | + | return |
} | } | ||
| - | + | B.hide() | |
} | } | ||
| - | if ( | + | if (D.which === 37) { |
| - | + | D.preventDefault(); | |
| - | + | B.zoom.showPrevPhoto() | |
} | } | ||
| - | if ( | + | if (D.which === 39) { |
| - | + | D.preventDefault(); | |
| - | + | B.zoom.showNextPhoto() | |
} | } | ||
} | } | ||
} | } | ||
| - | } ) | + | }) |
}; | }; | ||
| - | + | p.prototype = { | |
| - | + | ||
initialized: function() { | initialized: function() { | ||
| - | return this.$this.is( | + | return this.$this.is("[data-jgallery-id]") |
}, | }, | ||
| - | + | update: function(B) { | |
| - | update: function( | + | b[this.intId] = this.initialized() ? g.extend(b[this.intId], B) : g.extend({}, m, B); |
| - | + | if (failand(b[this.intId].disabledOnIE8AndOlder, z())) { | |
| - | if ( | + | return |
| - | return | + | |
} | } | ||
| - | this.booIsAlbums = this.$this.find( | + | this.booIsAlbums = this.$this.find(".album:has(a:has(img))").length > 1; |
| - | if ( | + | if (b[this.intId].reloadThumbnails) { |
| - | this.reloadThumbnails() | + | this.reloadThumbnails() |
} | } | ||
this.zoom.update(); | this.zoom.update(); | ||
this.thumbnails.init(); | this.thumbnails.init(); | ||
| - | this.setUserOptions() | + | this.setUserOptions() |
}, | }, | ||
| - | |||
reloadThumbnails: function() { | reloadThumbnails: function() { | ||
| - | new | + | new e(this, { |
thumbsHidden: false | thumbsHidden: false | ||
| - | } ); | + | }); |
this.thumbnails.reload(); | this.thumbnails.reload(); | ||
| - | this.generateAlbumsDropdown() | + | this.generateAlbumsDropdown() |
}, | }, | ||
| - | |||
setVariables: function() { | setVariables: function() { | ||
| - | this.$element = | + | this.$element = g(".jgallery").filter('[data-jgallery-id="' + this.intId + '"]'); |
| - | this.progress = new | + | this.progress = new i(this.$element.find(".zoom-container").children(".progress"), this.intId); |
| - | this.zoom = new | + | this.zoom = new h(this); |
| - | this.thumbnails = new | + | this.thumbnails = new l(this); |
| - | this.zoom.setThumbnails( this.thumbnails ) | + | this.zoom.setThumbnails(this.thumbnails) |
}, | }, | ||
| - | |||
show: function() { | show: function() { | ||
this.$this.hide(); | this.$this.hide(); | ||
| - | + | q.on("resize", { | |
| - | if ( | + | jGallery: this |
| - | + | }, this.windowOnResize); | |
| - | + | if (b[this.intId].mode === "full-screen") { | |
| - | } ) | + | s.css({ |
| + | overflow: "hidden" | ||
| + | }) | ||
} | } | ||
| - | this.$element.not( | + | this.$element.not(":visible").removeClass("hidden").stop(false, true).fadeIn(500); |
this.zoom.refreshContainerSize(); | this.zoom.refreshContainerSize(); | ||
| - | this.zoom.$title.removeClass( | + | this.zoom.$title.removeClass("hidden"); |
| - | + | b[this.intId].showGallery(); | |
| - | if ( this.iconChangeAlbum instanceof | + | if (this.iconChangeAlbum instanceof o) { |
| - | this.iconChangeAlbum.refreshMenuHeight() | + | this.iconChangeAlbum.refreshMenuHeight() |
} | } | ||
}, | }, | ||
| - | + | hide: function(C) { | |
| - | hide: function( | + | var B = this; |
| - | var | + | if (!b[this.intId].canClose) { |
| - | + | return | |
| - | if ( ! | + | |
| - | return | + | |
} | } | ||
| - | + | C = g.extend({}, { | |
historyPushState: true | historyPushState: true | ||
| - | }, | + | }, C); |
| - | this.$element.filter( | + | this.$element.filter(":visible").stop(false, true).addClass("hidden").fadeOut(500, function() { |
| - | if ( | + | if (b[B.intId].mode === "full-screen") { |
| - | + | s.css({ | |
| - | + | overflow: "visible" | |
| - | } ) | + | }) |
} | } | ||
| - | } ); | + | }); |
this.zoom.booLoadingInProgress = false; | this.zoom.booLoadingInProgress = false; | ||
| - | clearTimeout( this.zoom.showPhotoTimeout ); | + | clearTimeout(this.zoom.showPhotoTimeout); |
| - | this.zoom.$title.addClass( | + | this.zoom.$title.addClass("hidden"); |
| - | this.zoom.$btnPrev.addClass( | + | this.zoom.$btnPrev.addClass("hidden"); |
| - | this.zoom.$btnNext.addClass( | + | this.zoom.$btnNext.addClass("hidden"); |
this.zoom.slideshowPause(); | this.zoom.slideshowPause(); | ||
this.zoom.advancedAnimation.hideActive(); | this.zoom.advancedAnimation.hideActive(); | ||
this.zoom.unmarkActive(); | this.zoom.unmarkActive(); | ||
| - | + | q.off("resize", this.windowOnResize); | |
this.$this.show(); | this.$this.show(); | ||
| - | if ( | + | if (failand(C.historyPushState, b[this.intId].browserHistory)) { |
| - | + | u() | |
} | } | ||
| - | + | b[this.intId].closeGallery() | |
}, | }, | ||
| - | |||
autostart: function() { | autostart: function() { | ||
| - | var | + | var B; |
| - | var | + | var C; |
| - | + | if (this.$element.is(":visible")) { | |
| - | if ( this.$element.is( | + | return |
| - | return | + | |
} | } | ||
| - | if ( this.booIsAlbums ) { | + | if (this.booIsAlbums) { |
| - | + | B = this.thumbnails.getElement().find(".album").eq(b[this.intId].autostartAtAlbum - 1); | |
| - | if ( | + | if (B.length === 0) { |
| - | + | B = this.thumbnails.getElement().find(".album").eq(0) | |
} | } | ||
| + | } else { | ||
| + | B = this.thumbnails.getElement() | ||
} | } | ||
| - | + | C = B.find("a").eq(b[this.intId].autostartAtImage - 1); | |
| - | + | if (C.length === 0) { | |
| - | + | C = B.find("a").eq(0) | |
| - | + | ||
| - | if ( | + | |
| - | + | ||
} | } | ||
| - | + | C.trigger("click") | |
}, | }, | ||
| - | |||
browserHistory: function() { | browserHistory: function() { | ||
| - | var | + | var B = this; |
| - | var | + | var D = window.onpopstate; |
| - | function | + | function C() { |
| - | var | + | var E; |
| - | + | if (!document.location.hash) { | |
| - | if ( ! document.location.hash ) { | + | return |
| - | return | + | |
} | } | ||
| - | + | E = document.location.hash.replace("#", ""); | |
| - | switch ( | + | switch (E) { |
| - | case | + | case "": |
| - | + | B.hide({ | |
historyPushState: false | historyPushState: false | ||
| - | } ); | + | }); |
break; | break; | ||
default: | default: | ||
| - | + | B.zoom.showPhotoByPath(E) | |
} | } | ||
} | } | ||
| - | |||
window.onpopstate = function() { | window.onpopstate = function() { | ||
| - | if ( typeof | + | if (typeof D === "function") { |
| - | + | D() | |
} | } | ||
| - | + | C() | |
}; | }; | ||
| - | + | C() | |
| - | + | ||
}, | }, | ||
| - | |||
generateAlbumsDropdown: function() { | generateAlbumsDropdown: function() { | ||
| - | var | + | var B = this; |
| - | + | this.$element.find(".change-album").remove(); | |
| - | this.$element.find( | + | if (!this.booIsAlbums) { |
| - | if ( ! this.booIsAlbums ) { | + | return |
| - | return | + | |
} | } | ||
| - | this.zoom.$container.find( | + | this.zoom.$container.find(".nav-bottom > .icons").append(' <span class="fa fa-list-ul change-album jgallery-btn jgallery-btn-small"> <span class="menu jgallery-btn"></span> <span class="title"></span> </span> '); |
| - | + | this.iconChangeAlbum = new o(B.zoom.$container.find(".change-album"), this); | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | this.iconChangeAlbum = new | + | |
this.iconChangeAlbum.clearMenu(); | this.iconChangeAlbum.clearMenu(); | ||
| - | this.thumbnails.$albums.each( function() { | + | this.thumbnails.$albums.each(function() { |
| - | var | + | var C = g(this).attr("data-jgallery-album-title"); |
| - | + | B.iconChangeAlbum.appendToMenu('<span class="item" data-jgallery-album-title="' + C + '">' + C + "</span>") | |
| - | + | }); | |
| - | } ); | + | this.thumbnails.getElement().append(this.iconChangeAlbum.getElement().outerHtml()); |
| - | this.thumbnails.getElement().append( this.iconChangeAlbum.getElement().outerHtml() ); | + | this.iconChangeAlbum = new o(this.iconChangeAlbum.getElement().add(this.thumbnails.getElement().children(":last-child")), this); |
| - | this.iconChangeAlbum = new | + | this.iconChangeAlbum.bindEvents(this) |
| - | this.iconChangeAlbum.bindEvents( this ) | + | |
}, | }, | ||
| - | |||
init: function() { | init: function() { | ||
| - | var | + | var B = this; |
| - | + | n.append('<style type="text/css" class="colours" data-jgallery-id="' + this.intId + '"></style>'); | |
| - | + | b[this.intId].initGallery(); | |
| - | + | this.$this.attr("data-jgallery-id", this.intId); | |
| - | this.$this.attr( | + | |
this.generateHtml(); | this.generateHtml(); | ||
| - | new | + | new e(this); |
this.setVariables(); | this.setVariables(); | ||
this.thumbnails.init(); | this.thumbnails.init(); | ||
| - | this.thumbnails.getElement().append( '<span class="fa fa-times jgallery-btn jgallery-close jgallery-btn-small"></span>' ); | + | this.thumbnails.getElement().append('<span class="fa fa-times jgallery-btn jgallery-close jgallery-btn-small"></span>'); |
this.generateAlbumsDropdown(); | this.generateAlbumsDropdown(); | ||
| - | + | B.setUserOptions(); | |
| - | if ( | + | if (b[B.intId].zoomSize === "fit" || b[B.intId].zoomSize === "original") { |
| - | + | B.zoom.$resize.addClass("fa-search-plus") | |
} | } | ||
| - | if ( | + | if (b[B.intId].zoomSize === "fill") { |
| - | + | B.zoom.$resize.addClass("fa-search-minus") | |
} | } | ||
| - | if ( ! | + | if (!k()) { |
| - | + | B.$element.addClass("text-shadow") | |
} | } | ||
| - | + | B.thumbnails.refreshNavigation(); | |
| - | + | B.zoom.refreshNav(); | |
| - | + | B.zoom.refreshSize(); | |
| - | this.$this.on( | + | this.$this.on("click", "a:has(img)", function(C) { |
| - | var | + | var D = g(this); |
| - | + | C.preventDefault(); | |
| - | + | B.zoom.showPhoto(D) | |
| - | + | }); | |
| - | } ); | + | B.thumbnails.$element.on("click", "a", function(C) { |
| - | + | var D = g(this); | |
| - | + | C.preventDefault(); | |
| - | var | + | if (D.is(":not(.active)")) { |
| - | + | B.zoom.slideshowStop(); | |
| - | + | B.zoom.showPhoto(D) | |
| - | if ( | + | } else { |
| - | + | if (B.thumbnails.isFullScreen()) { | |
| - | + | B.thumbnails.changeViewToBar(); | |
| + | B.zoom.refreshSize() | ||
| + | } | ||
} | } | ||
| - | + | }); | |
| - | + | B.zoom.$btnPrev.add(B.zoom.$container.find(".left")).on({ | |
| - | + | ||
| - | + | ||
| - | } ); | + | |
| - | + | ||
| - | + | ||
click: function() { | click: function() { | ||
| - | + | B.zoom.slideshowStop(); | |
| - | + | B.zoom.showPrevPhoto() | |
} | } | ||
| - | } ); | + | }); |
| - | + | B.zoom.$btnNext.add(B.zoom.$container.find(".right")).on({ | |
| - | + | ||
click: function() { | click: function() { | ||
| - | + | B.zoom.slideshowStop(); | |
| - | + | B.zoom.showNextPhoto() | |
} | } | ||
| - | } ); | + | }); |
| - | + | B.zoom.$container.find(".jgallery-close").on({ | |
| - | + | ||
click: function() { | click: function() { | ||
| - | + | B.hide() | |
} | } | ||
| - | } ); | + | }); |
| - | + | B.zoom.$random.on({ | |
| - | + | ||
click: function() { | click: function() { | ||
| - | + | B.zoom.slideshowRandomToggle() | |
} | } | ||
| - | } ); | + | }); |
| - | + | B.zoom.$resize.on({ | |
| - | + | ||
click: function() { | click: function() { | ||
| - | + | B.zoom.changeSize(); | |
| - | + | B.zoom.slideshowPause() | |
} | } | ||
| - | } ); | + | }); |
| - | + | B.zoom.$changeMode.on({ | |
| - | + | ||
click: function() { | click: function() { | ||
| - | + | B.zoom.changeMode() | |
} | } | ||
| - | } ); | + | }); |
| - | + | B.zoom.$slideshow.on({ | |
| - | + | ||
click: function() { | click: function() { | ||
| - | + | B.zoom.slideshowPlayPause() | |
} | } | ||
| - | } ); | + | }); |
| - | + | B.zoom.$container.find(".minimalize-thumbnails").on({ | |
| - | + | ||
click: function() { | click: function() { | ||
| - | + | B.thumbnails.toggle(); | |
| - | + | B.zoom.refreshSize() | |
} | } | ||
| - | } ); | + | }); |
| - | + | B.thumbnails.bindEvents() | |
| - | + | ||
}, | }, | ||
| - | |||
isSlider: function() { | isSlider: function() { | ||
| - | return | + | return b[this.intId].mode === "slider" |
}, | }, | ||
| - | + | windowOnResize: function(B) { | |
| - | windowOnResize: function( | + | B.data.jGallery.refreshDimensions() |
| - | + | ||
}, | }, | ||
| - | |||
refreshDimensions: function() { | refreshDimensions: function() { | ||
this.zoom.refreshSize(); | this.zoom.refreshSize(); | ||
| - | if ( this.iconChangeAlbum instanceof | + | if (this.iconChangeAlbum instanceof o) { |
| - | this.iconChangeAlbum.refreshMenuHeight() | + | this.iconChangeAlbum.refreshMenuHeight() |
} | } | ||
| - | this.thumbnails.refreshNavigation() | + | this.thumbnails.refreshNavigation() |
}, | }, | ||
| - | |||
getCanvasRatioWidthToHeight: function() { | getCanvasRatioWidthToHeight: function() { | ||
| - | var | + | var C; |
| - | var | + | var B; |
| - | + | if (this.thumbnails.isHorizontal()) { | |
| - | if ( this.thumbnails.isHorizontal() ) { | + | C = this.$element.width(); |
| - | + | B = this.$element.height() - this.thumbnails.getElement().outerHeight(true) | |
| - | + | } else { | |
| + | if (this.thumbnails.isVertical()) { | ||
| + | C = this.$element.width() - this.thumbnails.getElement().outerWidth(true); | ||
| + | B = this.$element.height() | ||
| + | } else { | ||
| + | C = this.$element.width(); | ||
| + | B = this.$element.height() | ||
| + | } | ||
} | } | ||
| - | + | return C / B | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | return | + | |
}, | }, | ||
| - | |||
setUserOptions: function() { | setUserOptions: function() { | ||
| - | + | b[this.intId].canResize ? this.zoom.$resize.show() : this.zoom.$resize.hide(); | |
| - | + | b[this.intId].canChangeMode ? this.zoom.$changeMode.show() : this.zoom.$changeMode.hide(); | |
| - | + | b[this.intId].mode === "standard" ? this.zoom.$changeMode.removeClass("fa-compress").addClass("fa-expand") : this.zoom.$changeMode.removeClass("fa-expand").addClass("fa-compress"); | |
| - | + | b[this.intId].canClose ? this.zoom.$container.find(".jgallery-close").show() : this.zoom.$container.find(".jgallery-close").hide(); | |
| - | if ( ! | + | if (!b[this.intId].thumbnails) { |
| - | this.thumbnails.getElement().addClass( | + | this.thumbnails.getElement().addClass("inactive"); |
| - | + | b[this.intId].thumbnailsPosition = "" | |
| + | } else { | ||
| + | this.thumbnails.getElement().removeClass("inactive"); | ||
| + | if (b[this.intId].thumbnailsPosition === "") { | ||
| + | b[this.intId].thumbnailsPosition = m.thumbnailsPosition | ||
| + | } | ||
} | } | ||
| - | + | b[this.intId].slideshow ? this.zoom.$slideshow.show() : this.zoom.$slideshow.hide(); | |
| - | + | failand(b[this.intId].slideshow, b[this.intId].slideshowCanRandom, b[this.intId].slideshowAutostart) ? this.zoom.$random.show() : this.zoom.$random.hide(); | |
| - | + | failand(b[this.intId].slideshow, b[this.intId].slideshowCanRandom, b[this.intId].slideshowRandom) ? this.zoom.$random.addClass("active") : this.zoom.$random.removeClass("active"); | |
| - | + | failand(b[this.intId].thumbnailsFullScreen, b[this.intId].thumbnails) ? this.zoom.$container.find(".full-screen").show() : this.zoom.$container.find(".full-screen").hide(); | |
| - | + | failand(b[this.intId].thumbnailsFullScreen, b[this.intId].thumbnails) ? this.zoom.$container.find(".change-album").show() : this.zoom.$container.find(".change-album").hide(); | |
| - | + | failand(b[this.intId].canMinimalizeThumbnails, b[this.intId].thumbnails) ? this.zoom.$container.find(".minimalize-thumbnails").show() : this.zoom.$container.find(".minimalize-thumbnails").hide(); | |
| - | + | failand(b[this.intId].hideThumbnailsOnInit, b[this.intId].thumbnails) ? this.thumbnails.hide() : this.thumbnails.show(); | |
| - | + | b[this.intId].titleExpanded ? this.zoom.$title.addClass("expanded") : this.zoom.$title.removeClass("expanded"); | |
| - | + | this.setColours({ | |
| - | + | strBg: b[this.intId].backgroundColor, | |
| - | + | strText: b[this.intId].textColor | |
| - | + | }) | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | this.setColours( { | + | |
| - | strBg: | + | |
| - | strText: | + | |
| - | } ) | + | |
}, | }, | ||
| - | + | setColours: function(B) { | |
| - | setColours: function( | + | n.find('style[data-jgallery-id="' + this.intId + '"].colours').html(this.getCssForColours(B)) |
| - | + | ||
}, | }, | ||
| - | |||
generateHtml: function() { | generateHtml: function() { | ||
| - | var | + | var E = b[this.intId].mode; |
| - | var | + | var D = E === "full-screen" ? "auto" : b[this.intId].width; |
| - | var | + | var B = E === "full-screen" ? "auto" : b[this.intId].height; |
| - | var | + | var C = ' <div class="jgallery jgallery-' + E + '" style="width: ' + D + "; height: " + B + '; display: none;" data-jgallery-id="' + this.intId + '"> <div class="jgallery-thumbnails hidden"> <div class="jgallery-container"><div class="jgallery-container-inner"></div></div> <span class="prev jgallery-btn hidden"><span class="fa fa-chevron-left ico"></span></span> <span class="next jgallery-btn hidden"><span class="fa fa-chevron-right ico"></span></span> </div> <div class="zoom-container"> <div class="zoom before pt-perspective"></div> <div class="drag-nav hide"></div> <div class="left"></div> <div class="right"></div> <span class="fa fa-chevron-left prev jgallery-btn jgallery-btn-large"></span> <span class="fa fa-chevron-right next jgallery-btn jgallery-btn-large"></span> <span class="progress"></span> <div class="nav"> <span class="fa resize jgallery-btn jgallery-btn-small"></span> <span class="fa change-mode jgallery-btn jgallery-btn-small"></span> <span class="fa fa-times jgallery-close jgallery-btn jgallery-btn-small"></span> </div> <div class="nav-bottom"> <div class="icons"> <span class="fa fa-play slideshow jgallery-btn jgallery-btn-small"></span> <span class="fa fa-random random jgallery-btn jgallery-btn-small inactive" style="display: none;"></span> <span class="fa fa-th full-screen jgallery-btn jgallery-btn-small"></span> <span class="fa fa-ellipsis-h minimalize-thumbnails jgallery-btn jgallery-btn-small inactive"></span> </div> <div class="title before"></div> </div> </div> </div>'; |
| - | + | if (E === "full-screen") { | |
| - | + | this.$jgallery = g(b[this.intId].appendTo).append(C).children(":last-child") | |
| - | + | } else { | |
| - | + | if (b[this.intId].autostart) { | |
| - | + | this.$this.hide() | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | if ( | + | |
| - | this.$jgallery = | + | |
| - | } | + | |
| - | + | ||
| - | if ( | + | |
| - | this.$this.hide() | + | |
} | } | ||
| - | this.$jgallery = this.$this.after( | + | this.$jgallery = this.$this.after(C).next() |
} | } | ||
| - | |||
}, | }, | ||
| - | + | getCssForColours: function(D) { | |
| - | getCssForColours: function( | + | D = g.extend({ |
| - | + | strBg: "rgb( 0, 0, 0 )", | |
| - | strBg: | + | strText: "rgb( 255, 255, 255 )" |
| - | strText: | + | }, D); |
| - | }, | + | var E = tinycolor(D.strBg).toRgb(); |
| - | + | var B = E.r + E.g + E.b > 375 ? tinycolor.darken(D.strBg).toRgb() : tinycolor.lighten(D.strBg).toRgb(); | |
| - | var | + | var C = tinycolor(D.strText).toRgb(); |
| - | var | + | return ' .jgallery[data-jgallery-id="' + this.intId + '"] { background: rgb(' + E.r + "," + E.g + ", " + E.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-btn { color: rgb(' + C.r + "," + C.g + ", " + C.b + "); text-shadow: 0 0 1px rgb(" + E.r + "," + E.g + ", " + E.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-btn.active { color: rgb(' + C.r + "," + C.g + ", " + C.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-btn:hover { text-shadow: none; text-shadow: 0 0 .15em rgba(' + C.r + "," + C.g + ", " + C.b + ",.75), 0 0 .45em rgba(" + C.r + "," + C.g + ", " + C.b + ',.5); } .jgallery[data-jgallery-id="' + this.intId + '"] .change-album .menu { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom .change-album > .title { background: rgb(' + B.r + "," + B.g + ", " + B.b + "); box-shadow: 4px 0 4px rgb(" + B.r + "," + B.g + ", " + B.b + ') } .jgallery[data-jgallery-id="' + this.intId + '"] .full-screen .change-album .menu { background: rgb(' + E.r + "," + E.g + ", " + E.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .change-album .menu .item { border-color: rgb(' + E.r + "," + E.g + ", " + E.b + "); color: rgb(" + C.r + "," + C.g + ", " + C.b + "); background: rgb(" + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .full-screen .change-album .menu .item { border-color: rgb(' + B.r + "," + B.g + ", " + B.b + "); background: rgb(" + E.r + "," + E.g + ", " + E.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .change-album .menu .item.active, .jgallery[data-jgallery-id="' + this.intId + '"] .change-album .menu .item:hover { background: rgb(' + C.r + "," + C.g + ", " + C.b + "); color: rgb(" + E.r + "," + E.g + ", " + E.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container:not([data-size="fill"]) .jgallery-container { background: rgb(' + E.r + "," + E.g + ", " + E.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom { background: rgb(' + B.r + "," + B.g + ", " + B.b + "); -webkit-box-shadow: 0 -3px rgba(" + B.r + "," + B.g + ", " + B.b + ", .5); box-shadow: 0 -3px rgba(" + B.r + "," + B.g + ", " + B.b + ', .5); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom .icons, .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom .icons .fa { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom > .title { color: rgb(' + C.r + "," + C.g + ", " + C.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom > .title.expanded { background: rgba(' + E.r + "," + E.g + ", " + E.b + ',.7); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .drag-nav { background: rgb(' + B.r + "," + B.g + ", " + B.b + "); -webkit-box-shadow: 0 0 0 3px rgba(" + B.r + "," + B.g + ", " + B.b + ", .5); box-shadow: 0 0 0 3px rgba(" + B.r + "," + B.g + ", " + B.b + ', .5); } .jgallery[data-jgallery-id="' + this.intId + '"] .zoom-container .drag-nav .crop { -webkit-box-shadow: 0 0 0 3px rgba(' + C.r + "," + C.g + ", " + C.b + ", .5); box-shadow: 0 0 0 3px rgba(" + C.r + "," + C.g + ", " + C.b + ', .5); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails .ico { color: rgb(' + C.r + "," + C.g + ", " + C.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails .jgallery-container { -webkit-box-shadow: 0 0 0 3px rgba(' + B.r + "," + B.g + ", " + B.b + ", .5); box-shadow: 0 0 0 3px rgba(" + B.r + "," + B.g + ", " + B.b + ', .5); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails.full-screen .prev:before { background-image: -webkit-gradient(linear,left 0%,left 100%,from(rgba( ' + B.r + "," + B.g + ", " + B.b + ", 1 )),to(rgba( " + B.r + "," + B.g + ", " + B.b + ", 0))); background-image: -webkit-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ),0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0),100%); background-image: -moz-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0) 100%); background-image: linear-gradient(to bottom,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ', 0) 100%); background-repeat: repeat-x; } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails.full-screen .next:before { background-image: -webkit-gradient(linear,left 0%,left 100%,from(rgba( ' + B.r + "," + B.g + ", " + B.b + ", 0)),to(rgba( " + B.r + "," + B.g + ", " + B.b + ", 1))); background-image: -webkit-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0),0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1),100%); background-image: -moz-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1) 100%); background-image: linear-gradient(to bottom,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ', 1) 100%); background-repeat: repeat-x; } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails.images a:after { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails.full-screen .prev, .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails.full-screen .next { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails.square a { background: rgb(' + C.r + "," + C.g + ", " + C.b + "); color: rgb(" + E.r + "," + E.g + ", " + E.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .overlayContainer .overlay { background: rgba(' + E.r + "," + E.g + ", " + E.b + ",.8); color: rgb(" + C.r + "," + C.g + ", " + C.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .overlayContainer .imageLoaderPositionAbsolute:after { border-color: rgba(' + C.r + "," + C.g + ", " + C.b + ', .5 ); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-horizontal .prev { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-horizontal .prev:before { background-image: -webkit-gradient(linear,0% top,100% top,from(rgba( ' + B.r + "," + B.g + ", " + B.b + ", 1 )),to(rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ))); background-image: -webkit-linear-gradient(left,color-stop(rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 0%),color-stop(rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 100%)); background-image: -moz-linear-gradient(left,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 100%); background-image: linear-gradient(to right,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ', 0 ) 100%); background-repeat: repeat-x; } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-horizontal .next { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-horizontal .next:before { background-image: -webkit-gradient(linear,0% top,100% top,from(rgba( ' + B.r + "," + B.g + ", " + B.b + ", 0 )),to(rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ))); background-image: -webkit-linear-gradient(left,color-stop(rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 0%),color-stop(rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 100%)); background-image: -moz-linear-gradient(left,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 100%); background-image: linear-gradient(to right,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ', 1 ) 100%); background-repeat: repeat-x; } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-vertical .prev { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-vertical .prev:before { background-image: -webkit-gradient(linear,left 0%,left 100%,from(rgba( ' + B.r + "," + B.g + ", " + B.b + ", 1 )),to(rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ))); background-image: -webkit-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ),0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ),100%); background-image: -moz-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 100%); background-image: linear-gradient(to bottom,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ', 0 ) 100%); background-repeat: repeat-x; } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-vertical .next { background: rgb(' + B.r + "," + B.g + ", " + B.b + '); } .jgallery[data-jgallery-id="' + this.intId + '"] .jgallery-thumbnails-vertical .next:before { background-image: -webkit-gradient(linear,left 0%,left 100%,from(rgba( ' + B.r + "," + B.g + ", " + B.b + ", 0 )),to(rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ))); background-image: -webkit-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ),0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ),100%); background-image: -moz-linear-gradient(top,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ", 1 ) 100%); background-image: linear-gradient(to bottom,rgba( " + B.r + "," + B.g + ", " + B.b + ", 0 ) 0%,rgba( " + B.r + "," + B.g + ", " + B.b + ', 1 ) 100%); background-repeat: repeat-x; } .jgallery.has-title.jgallery-slider[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom, .jgallery.has-title.jgallery-slider[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom > .title.expanded { background: rgba(' + E.r + "," + E.g + ", " + E.b + ",.7); color: rgb(" + C.r + "," + C.g + ", " + C.b + '); } .jgallery.jgallery-slider[data-jgallery-id="' + this.intId + '"] .zoom-container .nav-bottom .jgallery-btn { background: rgba(' + E.r + "," + E.g + ", " + E.b + ",.8); color: rgb(" + C.r + "," + C.g + ", " + C.b + "); } " |
| - | var | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
| - | }; | + | }; |
| - | + | g.fn.jGallery = function(B) { | |
| - | + | return this.each(function() { | |
| - | return this.each( function() { | + | var C = g(this); |
| - | var | + | g(function() { |
| - | + | var D = false; | |
| - | + | if (typeof B !== "undefined") { | |
| - | var | + | if (typeof B.mode !== "undefined") { |
| - | + | D = true; | |
| - | + | } | |
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
| - | if ( | + | var E = m; |
| - | + | if (failand(C.is("[data-jgallery-id]"), D)) { | |
| + | delete B.mode; | ||
| + | D = false | ||
} | } | ||
| - | if ( | + | if (C.is("[data-jgallery-id]")) { |
| - | + | E = b[C.attr("data-jgallery-id")] | |
} | } | ||
| - | + | if (failand(D, B.mode === "standard")) { | |
| - | + | E = g.extend({}, E, j, B, f) | |
| - | } | + | } else { |
| - | + | if (failand(D, B.mode === "slider")) { | |
| - | + | E = g.extend({}, E, A, B, a) | |
| - | + | } else { | |
| - | + | E = g.extend({}, E, B) | |
| - | + | } | |
| - | + | ||
} | } | ||
| - | else { | + | if (!C.is("[data-jgallery-id]")) { |
| - | + | b[++c] = E; | |
| - | + | y[c] = new p(C) | |
| + | } else { | ||
| + | y[C.attr("data-jgallery-id")].update(E); | ||
| + | b[C.attr("data-jgallery-id")] = E | ||
} | } | ||
| - | } ) | + | }) |
| - | } ) | + | }) |
}; | }; | ||
| - | + | g.jGalleryOptions = function() { | |
| - | + | return b | |
| - | return | + | |
}; | }; | ||
| - | + | g.jGalleryTransitions = function() { | |
| - | + | return w | |
| - | return | + | |
}; | }; | ||
| - | + | var t = 0; | |
| - | + | var d = function(B) { | |
| - | + | if (B.is("[data-advanced-animation-id]")) { | |
| - | var | + | return |
| - | + | ||
| - | var | + | |
| - | if ( | + | |
| - | return | + | |
} | } | ||
this.cols = 1; | this.cols = 1; | ||
this.rows = 1; | this.rows = 1; | ||
| - | this.direction = | + | this.direction = "forward"; |
this.animation = true; | this.animation = true; | ||
| - | this.$element = | + | this.$element = B; |
| - | this.$element.filter( | + | this.$element.filter(":not( [data-advanced-animation-id] )").attr("data-advanced-animation-id", ++t); |
| - | this.$element.find( | + | this.$element.find(".pt-item").wrap('<div class="pt-page" />'); |
| - | this.$element.wrapInner( '<div class="pt-part" />' ); | + | this.$element.wrapInner('<div class="pt-part" />'); |
this.generateHtml(); | this.generateHtml(); | ||
| - | this._showParts( this.$element.find( | + | this._showParts(this.$element.find(".pt-part"), 1) |
}; | }; | ||
| - | + | d.prototype = { | |
| - | + | ||
next: function() { | next: function() { | ||
| - | var | + | var B = this.$element.find(".pt-part").eq(this.direction === "backward" ? -1 : 0).find(".pt-page-current:not(.pt-page-prev)").next(); |
| - | + | if (B.length) { | |
| - | if ( | + | this.show(B) |
| - | this.show( | + | } else { |
| - | } | + | this.show(this.$element.find(".pt-part").eq(this.direction === "backward" ? -1 : 0).find(".pt-page").eq(0)) |
| - | + | ||
| - | this.show( this.$element.find( | + | |
} | } | ||
}, | }, | ||
| - | + | show: function(C, B) { | |
| - | show: function( | + | var D = C.prevAll().length + 1; |
| - | var | + | if (C.is(".pt-page-current:not(.pt-page-prev)")) { |
| - | + | return | |
| - | if ( | + | |
| - | return | + | |
} | } | ||
| - | + | B = g.extend({}, { | |
animation: true | animation: true | ||
| - | }, | + | }, B); |
| - | this.animation = | + | this.animation = B.animation; |
this._waveJumpToEnd(); | this._waveJumpToEnd(); | ||
| - | if ( this.animation ) { | + | if (this.animation) { |
| - | this._runWave( | + | this._runWave(D) |
} else { | } else { | ||
| - | this._showParts( this.$element.find( | + | this._showParts(this.$element.find(".pt-part"), D) |
} | } | ||
| - | this.intPrevPtPageNumber = | + | this.intPrevPtPageNumber = D |
}, | }, | ||
| - | + | setQuantityParts: function(C, B) { | |
| - | setQuantityParts: function( | + | this.cols = C; |
| - | this.cols = | + | this.rows = B; |
| - | this.rows = | + | this.generateHtml() |
| - | this.generateHtml() | + | |
}, | }, | ||
| - | + | setDuration: function(D) { | |
| - | setDuration: function( | + | var C = this.$element.attr("data-advanced-animation-id"); |
| - | var | + | var B = n.find('style[data-advanced-animation-id="' + C + '"]'); |
| - | var | + | this.duration = D; |
| - | + | if (v()) { | |
| - | this.duration = | + | return |
| - | if ( | + | |
| - | return | + | |
} | } | ||
| - | if ( | + | if (B.length === 0) { |
| - | + | B = n.append('<style type="text/css" data-advanced-animation-id="' + C + '" />').children(":last-child") | |
} | } | ||
| - | + | B.html(' [data-advanced-animation-id="' + C + '"] .pt-page { -webkit-animation-duration: ' + D + "; -moz-animation-duration: " + D + "; animation-duration: " + D + "; } ") | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
}, | }, | ||
| - | + | setHideEffect: function(B) { | |
| - | setHideEffect: function( | + | |
this.prevHideEffect = this.hideEffect; | this.prevHideEffect = this.hideEffect; | ||
| - | this.hideEffect = | + | this.hideEffect = B; |
| - | if ( /moveTo|rotateRoom|rotateCarousel|rotateSlideOut/.test( | + | if (/moveTo|rotateRoom|rotateCarousel|rotateSlideOut/.test(B)) { |
| - | this.$element.find( | + | this.$element.find(".pt-part").addClass("hide-overflow") |
| - | } | + | } else { |
| - | + | this.$element.find(".pt-part").removeClass("hide-overflow") | |
| - | this.$element.find( | + | |
} | } | ||
}, | }, | ||
| - | + | setShowEffect: function(B) { | |
| - | setShowEffect: function( | + | |
this.prevShowEffect = this.showEffect; | this.prevShowEffect = this.showEffect; | ||
| - | this.showEffect = | + | this.showEffect = B |
}, | }, | ||
| - | + | setDirection: function(B) { | |
| - | setDirection: function( | + | this.direction = B |
| - | this.direction = | + | |
}, | }, | ||
| - | + | _runWave: function(B) { | |
| - | _runWave: function( | + | this.$element.find(".pt-part").addClass("in-queue"); |
| - | this.$element.find( | + | this._showNextPart(B) |
| - | this._showNextPart( | + | |
}, | }, | ||
| - | |||
_waveJumpToEnd: function() { | _waveJumpToEnd: function() { | ||
| - | clearTimeout( this.showPartsTimeout ); | + | clearTimeout(this.showPartsTimeout); |
| - | if ( typeof this.intPrevPtPageNumber !== | + | if (typeof this.intPrevPtPageNumber !== "undefined") { |
| - | this._showParts( this.$element.find( | + | this._showParts(this.$element.find(".pt-part.in-queue").removeClass("in-queue"), this.intPrevPtPageNumber) |
} | } | ||
}, | }, | ||
| - | + | _showNextPart: function(C) { | |
| - | _showNextPart: function( | + | var B = this; |
| - | var | + | var D = this.$element.find(".pt-part.in-queue").eq(this.direction === "backward" ? -1 : 0); |
| - | var | + | if (D.length === 0) { |
| - | + | return | |
| - | if ( | + | |
| - | return | + | |
} | } | ||
| - | this._showParts( | + | this._showParts(D.removeClass("in-queue"), C); |
| - | if ( | + | if (D.length === 0) { |
| - | return | + | return |
} | } | ||
| - | clearTimeout( this.showPartsTimeout ); | + | clearTimeout(this.showPartsTimeout); |
| - | this.showPartsTimeout = setTimeout( function() { | + | this.showPartsTimeout = setTimeout(function() { |
| - | + | B._showNextPart(C) | |
| - | }, parseFloat( this.duration ) * 1000 * 0.25 / Math.max( 1, this.$element.find( | + | }, parseFloat(this.duration) * 1000 * 0.25 / Math.max(1, this.$element.find(".pt-part").length - 1)) |
}, | }, | ||
| - | + | _showParts: function(C, B) { | |
| - | _showParts: function( | + | C.find(".pt-page-current.pt-page-prev").removeClass("pt-page-prev").removeClass("pt-page-current"); |
| - | + | C.find(".pt-page-current").addClass("pt-page-prev"); | |
| - | + | C.find(".pt-page:nth-child(" + B + ")").addClass("pt-page-current"); | |
| - | + | C.find(".pt-page").removeClass(this.hideEffect).removeClass(this.showEffect); | |
| - | + | if (typeof this.prevHideEffect !== "undefined") { | |
| - | if ( typeof this.prevHideEffect !== | + | C.find(".pt-page").removeClass(this.prevHideEffect) |
| - | + | ||
} | } | ||
| - | if ( typeof this.prevShowEffect !== | + | if (typeof this.prevShowEffect !== "undefined") { |
| - | + | C.find(".pt-page").removeClass(this.prevShowEffect) | |
} | } | ||
| - | if ( this.animation ) { | + | if (this.animation) { |
| - | + | C.find(".pt-page-prev").addClass(this.hideEffect); | |
| - | + | C.find(".pt-page-current:not(.pt-page-prev)").addClass(this.showEffect) | |
} | } | ||
}, | }, | ||
| - | |||
hideActive: function() { | hideActive: function() { | ||
| - | this.$element.find( | + | this.$element.find(".pt-page-current").addClass("pt-page-prev").addClass(this.hideEffect) |
}, | }, | ||
| - | |||
generateHtml: function() { | generateHtml: function() { | ||
| - | var | + | var D; |
| - | var | + | var C; |
| - | var | + | var B; |
| - | + | this.$element.html(this.$element.find(".pt-part").eq(0).html()); | |
| - | this.$element.html( this.$element.find( | + | B = this.$element.html(); |
| - | + | this.$element.children(".pt-part").remove(); | |
| - | this.$element.children( | + | for (C = 0; C < this.rows; C++) { |
| - | for ( | + | for (D = 0; D < this.cols; D++) { |
| - | for ( | + | this.$element.append('<div class="pt-part pt-perspective" data-col-no="' + D + '" data-row-no="' + C + '" style="position: absolute;"></div>').children(":last-child").html(B).find(".pt-item") |
| - | this.$element | + | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
} | } | ||
} | } | ||
this.setPositionParts(); | this.setPositionParts(); | ||
| - | this.$element.children( | + | this.$element.children(":not(.pt-part)").remove() |
}, | }, | ||
| - | |||
setPositionParts: function() { | setPositionParts: function() { | ||
| - | var | + | var C = this; |
| - | var | + | var E = this.$element.outerWidth(); |
| - | var | + | var D = this.$element.outerHeight(); |
| - | var | + | var F = E / this.cols; |
| - | var | + | var B = D / this.rows; |
| - | + | this.$element.find(".pt-part").each(function() { | |
| - | this.$element.find( | + | var I = g(this); |
| - | var | + | var H = I.attr("data-col-no"); |
| - | var | + | var G = I.attr("data-row-no"); |
| - | var | + | I.css({ |
| - | + | left: C.$element.outerWidth() * (100 / C.cols * H) / 100 + "px", | |
| - | + | top: C.$element.outerHeight() * (100 / C.rows * G) / 100 + "px", | |
| - | + | width: C.$element.outerWidth() * (100 / C.cols) / 100 + 1 + "px", | |
| - | left: | + | height: C.$element.outerHeight() * (100 / C.rows) / 100 + 1 + "px" |
| - | top: | + | }).find(".pt-item").css({ |
| - | width: | + | width: E, |
| - | height: | + | height: D, |
| - | } ) | + | left: -F * H, |
| - | + | top: -B * G | |
| - | + | }) | |
| - | width: | + | }) |
| - | height: | + | |
| - | left: - | + | |
| - | top: - | + | |
| - | } ) | + | |
| - | } ) | + | |
} | } | ||
}; | }; | ||
| - | + | g.fn.overlay = function(B) { | |
| - | + | var C = { | |
| - | + | show: false, | |
| - | + | hide: false, | |
| - | var | + | showLoader: false, |
| - | + | hideLoader: false, | |
| - | + | fadeIn: true, | |
| - | + | fadeOut: true, | |
| - | + | fadeInLoader: true, | |
| - | + | fadeOutLoader: true, | |
| - | + | afterInit: function() {} | |
| - | + | ||
| - | + | ||
| - | + | ||
}; | }; | ||
| - | + | B = g.extend({}, C, B); | |
| - | this.each( function() { | + | this.each(function() { |
| - | var | + | var K = g(this), |
| - | + | L, J, I = K.is(".overlayContainer:has(.overlay)"), | |
| - | + | H = function() { | |
| - | + | var P = Math.max(K.offset().top, g("body, html").scrollTop()), | |
| - | + | O = Math.min(K.offset().top + K.outerHeight(), g("body, html").scrollTop() + g(window).height()), | |
| - | + | N = P + (O - P) / 2 - K.offset().top; | |
| - | var | + | J.css({ |
| - | + | top: N + "px" | |
| - | + | }) | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | } ) | + | |
}, | }, | ||
| - | + | F = function() { | |
| - | + | K.children(".overlay").css({ | |
| - | width: | + | width: K.outerWidth(), |
| - | height: | + | height: K.is("body") ? g("html").outerHeight() : K.outerHeight() |
| - | } ) | + | }) |
}, | }, | ||
| - | + | G = function() { | |
| - | + | B.fadeIn ? L.fadeIn(500) : L.show() | |
}, | }, | ||
| - | + | E = function() { | |
| - | + | B.fadeOut ? L.fadeOut(500) : L.hide() | |
}, | }, | ||
| - | + | M = function() { | |
| - | + | B.fadeInLoader ? J.not(":visible").fadeIn(500) : J.not(":visible").show() | |
}, | }, | ||
| - | + | D = function() { | |
| - | + | B.fadeOutLoader ? J.filter(":visible").fadeOut(500) : J.filter(":visible").hide() | |
}; | }; | ||
| - | + | g(window).scroll(function() { | |
| - | + | H() | |
| - | + | }); | |
| - | } ); | + | g(window).resize(function() { |
| - | + | H(); | |
| - | + | F() | |
| - | + | }); | |
| - | + | if (K.is("table")) { | |
| - | } ); | + | if (K.parent().is(".overlayContainer")) { |
| - | + | K = K.parent() | |
| - | + | ||
| - | if ( | + | |
| - | if ( | + | |
| - | + | ||
} | } | ||
} | } | ||
| - | + | if (!I) { | |
| - | if ( ! | + | if (K.is("table")) { |
| - | if ( | + | K.wrap("<div></div>"); |
| - | + | K = K.parent() | |
| - | + | ||
} | } | ||
| - | + | K.addClass("overlayContainer"); | |
| - | + | K.append('<div class="overlay" style="display: none;"><div class="imageLoaderPositionAbsolute" style="display: none;"></div></div>'); | |
| - | + | B.afterInit() | |
} | } | ||
| - | + | L = K.children(".overlay"); | |
| - | + | J = K.find(".imageLoaderPositionAbsolute"); | |
| - | + | L.stop(false, true); | |
| - | + | J.stop(false, true); | |
| - | + | if (B.show) { | |
| - | + | G() | |
| - | if ( | + | } else { |
| - | + | if (B.hide) { | |
| + | E() | ||
| + | } | ||
} | } | ||
| - | + | if (B.showLoader) { | |
| - | + | M() | |
| + | } else { | ||
| + | if (B.hideLoader) { | ||
| + | D() | ||
| + | } | ||
} | } | ||
| - | + | H(); | |
| - | + | F() | |
| - | + | }) | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | } ) | + | |
}; | }; | ||
| - | + | g.fn.jLoader = function(B) { | |
| - | + | B = g.extend({ | |
| - | + | ||
interval: 1000, | interval: 1000, | ||
| - | skip: | + | skip: ":not(*)", |
start: function() { | start: function() { | ||
| - | + | g("body").overlay({ | |
| - | + | fadeIn: false, | |
| - | + | fadeOut: false, | |
| - | + | show: true, | |
| - | + | showLoader: true | |
| - | } ); | + | }); |
| - | + | g("body").show() | |
}, | }, | ||
success: function() { | success: function() { | ||
| - | + | g("body").overlay({ | |
| - | + | hide: true | |
| - | } ) | + | }) |
}, | }, | ||
| - | progress: function() { | + | progress: function() {} |
| - | + | }, B); | |
| - | + | this.each(function() { | |
| - | + | var H = g(this); | |
| - | + | var F = g(); | |
| - | + | var D = g(); | |
| - | + | var G; | |
| - | + | var E = 0; | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | function C() { | |
| - | + | var J = true; | |
| - | if ( | + | var L = 0; |
| - | + | var I = 0; | |
| + | var K; | ||
| + | D.each(function() { | ||
| + | L++; | ||
| + | if (g(this)[0].complete) { | ||
| + | I++ | ||
| + | } else { | ||
| + | J = false | ||
} | } | ||
| - | + | if (L === E) { | |
| - | + | K = parseInt(I * 100 / E); | |
| - | + | B.progress({ | |
| - | if ( | + | percent: K |
| - | + | }); | |
| - | + | if (J) { | |
| - | percent: | + | clearTimeout(G); |
| - | } ); | + | F.remove(); |
| - | if ( | + | B.success() |
| - | clearTimeout( | + | } else { |
| - | + | G = setTimeout(C, B.interval) | |
| - | + | ||
| - | } | + | |
| - | + | ||
| - | + | ||
} | } | ||
} | } | ||
| - | + | }) | |
| - | + | } | |
| - | + | H.append('<div class="jLoaderTmp" style="position: absolute; width: 0; height: 0; line-height: 0; font-size: 0; visibility: hidden; overflow: hidden; z-index: -1;"></div>'); | |
| - | + | F = H.children(".jLoaderTmp:last-child"); | |
| - | + | g(H).add(H.find("*")).not(B.skip).each(function() { | |
| - | + | var I; | |
| - | + | if (g(this).css("background-image") !== "none") { | |
| - | + | I = g(this).css("background-image"); | |
| - | + | if (/url/.exec(I)) { | |
| - | + | I = I.replace('"', "").replace("'", "").replace(" ", "").replace("url(", "").replace(")", ""); | |
| - | + | F.append('<img src="' + I + '">') | |
| - | if ( /url/.exec( | + | |
| - | + | ||
| - | + | ||
} | } | ||
| - | + | } | |
| - | + | }); | |
| - | + | D = H.find("img:not( " + B.skip + ")"); | |
| - | + | if (H.is("img")) { | |
| - | + | if (!H.is(B.skip)) { | |
| - | + | D = D.add(H) | |
| - | + | } | |
| - | + | } | |
| - | + | E = parseInt(D.length); | |
| - | + | B.start(); | |
| - | + | C() | |
| - | + | }) | |
| - | + | }; | |
| - | + | g.fn.outerHtml = function() { | |
| - | + | return (!this.length) ? this : (this[0].outerHTML || (function(B) { | |
| - | return (!this.length) ? this : (this[0].outerHTML || ( | + | var D = document.createElement("div"); |
| - | + | D.appendChild(B.cloneNode(true)); | |
| - | + | var C = D.innerHTML; | |
| - | + | D = null; | |
| - | + | return C | |
| - | + | })(this[0])) | |
| - | + | ||
| - | })(this[0])) | + | |
}; | }; | ||
| - | + | ||
| - | function | + | function u(B) { |
| - | + | B = g.extend({}, { | |
stateObj: {}, | stateObj: {}, | ||
| - | title: | + | title: r.html(), |
| - | path: | + | path: "" |
| - | }, | + | }, B); |
| - | console.log( document.location.href.split( | + | console.log(document.location.href.split("#")[0] + "#" + B.path); |
| - | window.history.pushState( | + | window.history.pushState(B.stateObj, B.title, document.location.href.split("#")[0] + "#" + B.path) |
} | } | ||
| - | + | ||
| - | function | + | function k() { |
| - | var | + | var D = false; |
| - | + | if (navigator.appName === "Microsoft Internet Explorer") { | |
| - | if ( navigator.appName === | + | var B = navigator.userAgent; |
| - | var | + | var C = new RegExp("MSIE ([0-9]{1,}[.0-9]{0,})"); |
| - | var | + | if (C.exec(B) !== null) { |
| - | if ( | + | D = true |
| - | + | ||
} | } | ||
} | } | ||
| - | return | + | return D |
} | } | ||
| - | + | ||
| - | function | + | function z() { |
| - | var | + | var D = false; |
| - | + | if (navigator.appName === "Microsoft Internet Explorer") { | |
| - | if ( navigator.appName === | + | var B = navigator.userAgent; |
| - | var | + | var C = new RegExp("MSIE ([0-9]{1,}[.0-9]{0,})"); |
| - | var | + | if (C.exec(B) !== null) { |
| - | if ( | + | D = parseFloat(RegExp.$1); |
| - | + | D = D < 8 | |
| - | + | ||
} | } | ||
} | } | ||
| - | return | + | return D |
} | } | ||
| - | + | ||
| - | function | + | function v() { |
| - | var | + | var D = false; |
| - | + | if (navigator.appName === "Microsoft Internet Explorer") { | |
| - | if ( navigator.appName === | + | var B = navigator.userAgent; |
| - | var | + | var C = new RegExp("MSIE ([0-9]{1,}[.0-9]{0,})"); |
| - | var | + | if (C.exec(B) !== null) { |
| - | if ( | + | D = parseFloat(RegExp.$1); |
| - | + | D = D < 9 | |
| - | + | ||
} | } | ||
} | } | ||
| - | return | + | return D |
} | } | ||
| - | } ) ( jQuery ); | + | })(jQuery); |
| + | |||
</script> | </script> | ||
| + | --> | ||
| + | |||
</html> | </html> | ||
Latest revision as of 09:54, 17 October 2014
