'),
17 | overlayVisible = false;
18 |
19 |
20 | /* Creating the plugin */
21 |
22 | $.fn.touchTouch = function(){
23 |
24 | var placeholders = $([]),
25 | index = 0,
26 | items = this;
27 |
28 | // Appending the markup to the page
29 | overlay.hide().appendTo('body');
30 | slider.appendTo(overlay);
31 |
32 | // Creating a placeholder for each image
33 | items.each(function(){
34 | placeholders = placeholders.add($('
'));
35 | });
36 |
37 | // Hide the gallery if the background is touched / clicked
38 | slider.append(placeholders).on('click',function(e){
39 | if(!$(e.target).is('img')){
40 | hideOverlay();
41 | }
42 | });
43 |
44 | // Listen for touch events on the body and check if they
45 | // originated in #gallerySlider img - the images in the slider.
46 | $('body').on('touchstart', '#gallerySlider img', function(e){
47 |
48 | var touch = e.originalEvent,
49 | startX = touch.changedTouches[0].pageX;
50 |
51 | slider.on('touchmove',function(e){
52 |
53 | e.preventDefault();
54 |
55 | touch = e.originalEvent.touches[0] ||
56 | e.originalEvent.changedTouches[0];
57 |
58 | if(touch.pageX - startX > 10){
59 | slider.off('touchmove');
60 | showPrevious();
61 | }
62 | else if (touch.pageX - startX < -10){
63 | slider.off('touchmove');
64 | showNext();
65 | }
66 | });
67 |
68 | // Return false to prevent image
69 | // highlighting on Android
70 | return false;
71 |
72 | }).on('touchend',function(){
73 | slider.off('touchmove');
74 | });
75 |
76 | // Listening for clicks on the thumbnails
77 |
78 | items.on('click', function(e){
79 | e.preventDefault();
80 |
81 | // Find the position of this image
82 | // in the collection
83 |
84 | index = items.index(this);
85 | showOverlay(index);
86 | showImage(index);
87 |
88 | // Preload the next image
89 | preload(index+1);
90 |
91 | // Preload the previous
92 | preload(index-1);
93 |
94 | });
95 |
96 | // If the browser does not have support
97 | // for touch, display the arrows
98 | if ( !("ontouchstart" in window) ){
99 | overlay.append(prevArrow).append(nextArrow);
100 |
101 | prevArrow.click(function(e){
102 | e.preventDefault();
103 | showPrevious();
104 | });
105 |
106 | nextArrow.click(function(e){
107 | e.preventDefault();
108 | showNext();
109 | });
110 | }
111 |
112 | // Listen for arrow keys
113 | $(window).bind('keydown', function(e){
114 |
115 | if (e.keyCode == 37){
116 | showPrevious();
117 | }
118 | else if (e.keyCode==39){
119 | showNext();
120 | }
121 |
122 | });
123 |
124 |
125 | /* Private functions */
126 |
127 |
128 | function showOverlay(index){
129 |
130 | // If the overlay is already shown, exit
131 | if (overlayVisible){
132 | return false;
133 | }
134 |
135 | // Show the overlay
136 | overlay.show();
137 |
138 | setTimeout(function(){
139 | // Trigger the opacity CSS transition
140 | overlay.addClass('visible');
141 | }, 100);
142 |
143 | // Move the slider to the correct image
144 | offsetSlider(index);
145 |
146 | // Raise the visible flag
147 | overlayVisible = true;
148 | }
149 |
150 | function hideOverlay(){
151 | // If the overlay is not shown, exit
152 | if(!overlayVisible){
153 | return false;
154 | }
155 |
156 | // Hide the overlay
157 | overlay.hide().removeClass('visible');
158 | overlayVisible = false;
159 | }
160 |
161 | function offsetSlider(index){
162 | // This will trigger a smooth css transition
163 | slider.css('left',(-index*100)+'%');
164 | }
165 |
166 | // Preload an image by its index in the items array
167 | function preload(index){
168 | setTimeout(function(){
169 | showImage(index);
170 | }, 1000);
171 | }
172 |
173 | // Show image in the slider
174 | function showImage(index){
175 |
176 | // If the index is outside the bonds of the array
177 | if(index < 0 || index >= items.length){
178 | return false;
179 | }
180 |
181 | // Call the load function with the href attribute of the item
182 | loadImage(items.eq(index).attr('href'), function(){
183 | placeholders.eq(index).html(this);
184 | });
185 | }
186 |
187 | // Load the image and execute a callback function.
188 | // Returns a jQuery object
189 |
190 | function loadImage(src, callback){
191 | var img = $('
![]()
').on('load', function(){
192 | callback.call(img);
193 | });
194 |
195 | img.attr('src',src);
196 | }
197 |
198 | function showNext(){
199 |
200 | // If this is not the last image
201 | if(index+1 < items.length){
202 | index++;
203 | offsetSlider(index);
204 | preload(index+1);
205 | }
206 | else{
207 | // Trigger the spring animation
208 |
209 | slider.addClass('rightSpring');
210 | setTimeout(function(){
211 | slider.removeClass('rightSpring');
212 | },500);
213 | }
214 | }
215 |
216 | function showPrevious(){
217 |
218 | // If this is not the first image
219 | if(index>0){
220 | index--;
221 | offsetSlider(index);
222 | preload(index-1);
223 | }
224 | else{
225 | // Trigger the spring animation
226 |
227 | slider.addClass('leftSpring');
228 | setTimeout(function(){
229 | slider.removeClass('leftSpring');
230 | },500);
231 | }
232 | }
233 | };
234 |
235 | })(jQuery);
--------------------------------------------------------------------------------
/vendor/assets/javascripts/jquery/jquery.easing-1.3.js:
--------------------------------------------------------------------------------
1 | /*
2 | * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
3 | *
4 | * Uses the built in easing capabilities added In jQuery 1.1
5 | * to offer multiple easing options
6 | *
7 | * TERMS OF USE - jQuery Easing
8 | *
9 | * Open source under the BSD License.
10 | *
11 | * Copyright © 2008 George McGinley Smith
12 | * All rights reserved.
13 | *
14 | * Redistribution and use in source and binary forms, with or without modification,
15 | * are permitted provided that the following conditions are met:
16 | *
17 | * Redistributions of source code must retain the above copyright notice, this list of
18 | * conditions and the following disclaimer.
19 | * Redistributions in binary form must reproduce the above copyright notice, this list
20 | * of conditions and the following disclaimer in the documentation and/or other materials
21 | * provided with the distribution.
22 | *
23 | * Neither the name of the author nor the names of contributors may be used to endorse
24 | * or promote products derived from this software without specific prior written permission.
25 | *
26 | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
27 | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
28 | * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
29 | * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
30 | * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
31 | * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
32 | * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
33 | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
34 | * OF THE POSSIBILITY OF SUCH DAMAGE.
35 | *
36 | */
37 |
38 | // t: current time, b: begInnIng value, c: change In value, d: duration
39 | jQuery.easing['jswing'] = jQuery.easing['swing'];
40 |
41 | jQuery.extend( jQuery.easing,
42 | {
43 | def: 'easeOutQuad',
44 | swing: function (x, t, b, c, d) {
45 | //alert(jQuery.easing.default);
46 | return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
47 | },
48 | easeInQuad: function (x, t, b, c, d) {
49 | return c*(t/=d)*t + b;
50 | },
51 | easeOutQuad: function (x, t, b, c, d) {
52 | return -c *(t/=d)*(t-2) + b;
53 | },
54 | easeInOutQuad: function (x, t, b, c, d) {
55 | if ((t/=d/2) < 1) return c/2*t*t + b;
56 | return -c/2 * ((--t)*(t-2) - 1) + b;
57 | },
58 | easeInCubic: function (x, t, b, c, d) {
59 | return c*(t/=d)*t*t + b;
60 | },
61 | easeOutCubic: function (x, t, b, c, d) {
62 | return c*((t=t/d-1)*t*t + 1) + b;
63 | },
64 | easeInOutCubic: function (x, t, b, c, d) {
65 | if ((t/=d/2) < 1) return c/2*t*t*t + b;
66 | return c/2*((t-=2)*t*t + 2) + b;
67 | },
68 | easeInQuart: function (x, t, b, c, d) {
69 | return c*(t/=d)*t*t*t + b;
70 | },
71 | easeOutQuart: function (x, t, b, c, d) {
72 | return -c * ((t=t/d-1)*t*t*t - 1) + b;
73 | },
74 | easeInOutQuart: function (x, t, b, c, d) {
75 | if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
76 | return -c/2 * ((t-=2)*t*t*t - 2) + b;
77 | },
78 | easeInQuint: function (x, t, b, c, d) {
79 | return c*(t/=d)*t*t*t*t + b;
80 | },
81 | easeOutQuint: function (x, t, b, c, d) {
82 | return c*((t=t/d-1)*t*t*t*t + 1) + b;
83 | },
84 | easeInOutQuint: function (x, t, b, c, d) {
85 | if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
86 | return c/2*((t-=2)*t*t*t*t + 2) + b;
87 | },
88 | easeInSine: function (x, t, b, c, d) {
89 | return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
90 | },
91 | easeOutSine: function (x, t, b, c, d) {
92 | return c * Math.sin(t/d * (Math.PI/2)) + b;
93 | },
94 | easeInOutSine: function (x, t, b, c, d) {
95 | return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
96 | },
97 | easeInExpo: function (x, t, b, c, d) {
98 | return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
99 | },
100 | easeOutExpo: function (x, t, b, c, d) {
101 | return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
102 | },
103 | easeInOutExpo: function (x, t, b, c, d) {
104 | if (t==0) return b;
105 | if (t==d) return b+c;
106 | if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
107 | return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
108 | },
109 | easeInCirc: function (x, t, b, c, d) {
110 | return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
111 | },
112 | easeOutCirc: function (x, t, b, c, d) {
113 | return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
114 | },
115 | easeInOutCirc: function (x, t, b, c, d) {
116 | if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
117 | return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
118 | },
119 | easeInElastic: function (x, t, b, c, d) {
120 | var s=1.70158;var p=0;var a=c;
121 | if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
122 | if (a < Math.abs(c)) { a=c; var s=p/4; }
123 | else var s = p/(2*Math.PI) * Math.asin (c/a);
124 | return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
125 | },
126 | easeOutElastic: function (x, t, b, c, d) {
127 | var s=1.70158;var p=0;var a=c;
128 | if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
129 | if (a < Math.abs(c)) { a=c; var s=p/4; }
130 | else var s = p/(2*Math.PI) * Math.asin (c/a);
131 | return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
132 | },
133 | easeInOutElastic: function (x, t, b, c, d) {
134 | var s=1.70158;var p=0;var a=c;
135 | if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
136 | if (a < Math.abs(c)) { a=c; var s=p/4; }
137 | else var s = p/(2*Math.PI) * Math.asin (c/a);
138 | if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
139 | return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
140 | },
141 | easeInBack: function (x, t, b, c, d, s) {
142 | if (s == undefined) s = 1.70158;
143 | return c*(t/=d)*t*((s+1)*t - s) + b;
144 | },
145 | easeOutBack: function (x, t, b, c, d, s) {
146 | if (s == undefined) s = 1.70158;
147 | return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
148 | },
149 | easeInOutBack: function (x, t, b, c, d, s) {
150 | if (s == undefined) s = 1.70158;
151 | if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
152 | return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
153 | },
154 | easeInBounce: function (x, t, b, c, d) {
155 | return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
156 | },
157 | easeOutBounce: function (x, t, b, c, d) {
158 | if ((t/=d) < (1/2.75)) {
159 | return c*(7.5625*t*t) + b;
160 | } else if (t < (2/2.75)) {
161 | return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
162 | } else if (t < (2.5/2.75)) {
163 | return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
164 | } else {
165 | return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
166 | }
167 | },
168 | easeInOutBounce: function (x, t, b, c, d) {
169 | if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
170 | return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
171 | }
172 | });
173 |
174 | /*
175 | *
176 | * TERMS OF USE - EASING EQUATIONS
177 | *
178 | * Open source under the BSD License.
179 | *
180 | * Copyright © 2001 Robert Penner
181 | * All rights reserved.
182 | *
183 | * Redistribution and use in source and binary forms, with or without modification,
184 | * are permitted provided that the following conditions are met:
185 | *
186 | * Redistributions of source code must retain the above copyright notice, this list of
187 | * conditions and the following disclaimer.
188 | * Redistributions in binary form must reproduce the above copyright notice, this list
189 | * of conditions and the following disclaimer in the documentation and/or other materials
190 | * provided with the distribution.
191 | *
192 | * Neither the name of the author nor the names of contributors may be used to endorse
193 | * or promote products derived from this software without specific prior written permission.
194 | *
195 | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
196 | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
197 | * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
198 | * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
199 | * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
200 | * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
201 | * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
202 | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
203 | * OF THE POSSIBILITY OF SUCH DAMAGE.
204 | *
205 | */
--------------------------------------------------------------------------------
/vendor/assets/javascripts/jquery/jquery.elastislide.js:
--------------------------------------------------------------------------------
1 | (function( window, $, undefined ) {
2 |
3 | // http://www.netcu.de/jquery-touchwipe-iphone-ipad-library
4 | $.fn.touchwipe = function(settings) {
5 |
6 | var config = {
7 | min_move_x: 20,
8 | min_move_y: 20,
9 | wipeLeft: function() { },
10 | wipeRight: function() { },
11 | wipeUp: function() { },
12 | wipeDown: function() { },
13 | preventDefaultEvents: true
14 | };
15 |
16 | if (settings) $.extend(config, settings);
17 |
18 | this.each(function() {
19 | var startX;
20 | var startY;
21 | var isMoving = false;
22 |
23 | function cancelTouch() {
24 | this.removeEventListener('touchmove', onTouchMove);
25 | startX = null;
26 | isMoving = false;
27 | }
28 |
29 | function onTouchMove(e) {
30 | if(config.preventDefaultEvents) {
31 | e.preventDefault();
32 | }
33 | if(isMoving) {
34 | var x = e.touches[0].pageX;
35 | var y = e.touches[0].pageY;
36 | var dx = startX - x;
37 | var dy = startY - y;
38 | if(Math.abs(dx) >= config.min_move_x) {
39 | cancelTouch();
40 | if(dx > 0) {
41 | config.wipeLeft();
42 | }
43 | else {
44 | config.wipeRight();
45 | }
46 | }
47 | else if(Math.abs(dy) >= config.min_move_y) {
48 | cancelTouch();
49 | if(dy > 0) {
50 | config.wipeDown();
51 | }
52 | else {
53 | config.wipeUp();
54 | }
55 | }
56 | }
57 | }
58 |
59 | function onTouchStart(e)
60 | {
61 | if (e.touches.length == 1) {
62 | startX = e.touches[0].pageX;
63 | startY = e.touches[0].pageY;
64 | isMoving = true;
65 | this.addEventListener('touchmove', onTouchMove, false);
66 | }
67 | }
68 | if ('ontouchstart' in document.documentElement) {
69 | this.addEventListener('touchstart', onTouchStart, false);
70 | }
71 | });
72 |
73 | return this;
74 | };
75 |
76 | $.elastislide = function( options, element ) {
77 | this.$el = $( element );
78 | this._init( options );
79 | };
80 |
81 | $.elastislide.defaults = {
82 | speed : 450, // animation speed
83 | easing : '', // animation easing effect
84 | imageW : 190, // the images width
85 | margin : 3, // image margin right
86 | border : 2, // image border
87 | minItems : 1, // the minimum number of items to show.
88 | // when we resize the window, this will make sure minItems are always shown
89 | // (unless of course minItems is higher than the total number of elements)
90 | current : 0, // index of the current item
91 | // when we resize the window, the carousel will make sure this item is visible
92 | onClick : function() { return false; } // click item callback
93 | };
94 |
95 | $.elastislide.prototype = {
96 | _init : function( options ) {
97 |
98 | this.options = $.extend( true, {}, $.elastislide.defaults, options );
99 |
100 | //
101 | this.$slider = this.$el.find('ul');
102 |
103 | // -
104 | this.$items = this.$slider.children('li');
105 |
106 | // total number of elements / images
107 | this.itemsCount = this.$items.length;
108 |
109 | // cache the
's parent, since we will eventually need to recalculate its width on window resize
110 | this.$esCarousel = this.$slider.parent();
111 |
112 | // validate options
113 | this._validateOptions();
114 |
115 | // set sizes and initialize some vars...
116 | this._configure();
117 |
118 | // add navigation buttons
119 | this._addControls();
120 |
121 | // initialize the events
122 | this._initEvents();
123 |
124 | // show the
125 | this.$slider.show();
126 |
127 | // slide to current's position
128 | this._slideToCurrent( false );
129 |
130 | },
131 | _validateOptions : function() {
132 |
133 | if( this.options.speed < 0 )
134 | this.options.speed = 450;
135 | if( this.options.margin < 0 )
136 | this.options.margin = 4;
137 | if( this.options.border < 0 )
138 | this.options.border = 1;
139 | if( this.options.minItems < 1 || this.options.minItems > this.itemsCount )
140 | this.options.minItems = 1;
141 | if( this.options.current > this.itemsCount - 1 )
142 | this.options.current = 0;
143 |
144 | },
145 | _configure : function() {
146 |
147 | // current item's index
148 | this.current = this.options.current;
149 |
150 | // the ul's parent's (div.es-carousel) width is the "visible" width
151 | this.visibleWidth = this.$esCarousel.width();
152 |
153 | // test to see if we need to initially resize the items
154 | if( this.visibleWidth < this.options.minItems * ( this.options.imageW + 2 * this.options.border ) + ( this.options.minItems - 1 ) * this.options.margin ) {
155 | this._setDim( ( this.visibleWidth - ( this.options.minItems - 1 ) * this.options.margin ) / this.options.minItems );
156 | this._setCurrentValues();
157 | // how many items fit with the current width
158 | this.fitCount = this.options.minItems;
159 | }
160 | else {
161 | this._setDim();
162 | this._setCurrentValues();
163 | }
164 |
165 | // set the width
166 | this.$slider.css({
167 | width : this.sliderW
168 | });
169 |
170 | },
171 | _setDim : function( elW ) {
172 |
173 | // - style
174 | this.$items.css({
175 | marginRight : this.options.margin,
176 | width : ( elW ) ? elW : this.options.imageW + 2 * this.options.border
177 | }).children('a').css({ // style
178 | borderWidth : this.options.border
179 | });
180 |
181 | },
182 | _setCurrentValues : function() {
183 |
184 | // the total space occupied by one item
185 | this.itemW = this.$items.outerWidth(true);
186 |
187 | // total width of the slider /
188 | // this will eventually change on window resize
189 | this.sliderW = this.itemW * this.itemsCount;
190 |
191 | // the ul parent's (div.es-carousel) width is the "visible" width
192 | this.visibleWidth = this.$esCarousel.width();
193 |
194 | // how many items fit with the current width
195 | this.fitCount = Math.floor( this.visibleWidth / this.itemW );
196 |
197 | },
198 | _addControls : function() {
199 |
200 | this.$navNext = $('Next');
201 | this.$navPrev = $('Previous');
202 | $('')
203 | .append( this.$navPrev )
204 | .append( this.$navNext )
205 | .appendTo( this.$el );
206 |
207 | //this._toggleControls();
208 |
209 | },
210 | _toggleControls : function( dir, status ) {
211 |
212 | // show / hide navigation buttons
213 | if( dir && status ) {
214 | if( status === 1 )
215 | ( dir === 'right' ) ? this.$navNext.show() : this.$navPrev.show();
216 | else
217 | ( dir === 'right' ) ? this.$navNext.hide() : this.$navPrev.hide();
218 | }
219 | else if( this.current === this.itemsCount - 1 || this.fitCount >= this.itemsCount )
220 | this.$navNext.hide();
221 |
222 | },
223 | _initEvents : function() {
224 |
225 | var instance = this;
226 |
227 | // window resize
228 | $(window).on('resize.elastislide', function( event ) {
229 |
230 | instance._reload();
231 |
232 | // slide to the current element
233 | clearTimeout( instance.resetTimeout );
234 | instance.resetTimeout = setTimeout(function() {
235 | instance._slideToCurrent();
236 | }, 200);
237 |
238 | });
239 |
240 | // navigation buttons events
241 | this.$navNext.on('click.elastislide', function( event ) {
242 | instance._slide('right');
243 | });
244 |
245 | this.$navPrev.on('click.elastislide', function( event ) {
246 | instance._slide('left');
247 | });
248 |
249 | // item click event
250 | this.$slider.on('click.elastislide', 'li', function( event ) {
251 | instance.options.onClick( $(this) );
252 | return false;
253 | });
254 |
255 | // touch events
256 | instance.$slider.touchwipe({
257 | wipeLeft : function() {
258 | instance._slide('right');
259 | },
260 | wipeRight : function() {
261 | instance._slide('left');
262 | }
263 | });
264 |
265 | },
266 | reload : function( callback ) {
267 | this._reload();
268 | if ( callback ) callback.call();
269 |
270 | },
271 | _reload : function() {
272 |
273 | var instance = this;
274 |
275 | // set values again
276 | instance._setCurrentValues();
277 |
278 | // need to resize items
279 | if( instance.visibleWidth < instance.options.minItems * ( instance.options.imageW + 2 * instance.options.border ) + ( instance.options.minItems - 1 ) * instance.options.margin ) {
280 | instance._setDim( ( instance.visibleWidth - ( instance.options.minItems - 1 ) * instance.options.margin ) / instance.options.minItems );
281 | instance._setCurrentValues();
282 | instance.fitCount = instance.options.minItems;
283 | }
284 | else{
285 | instance._setDim();
286 | instance._setCurrentValues();
287 | }
288 |
289 | instance.$slider.css({
290 | width : instance.sliderW + 10 // TODO: +10px seems to solve a firefox "bug" :S
291 | });
292 |
293 | },
294 | _slide : function( dir, val, anim, callback ) {
295 |
296 | // if animating return
297 | //if( this.$slider.is(':animated') )
298 | //return false;
299 |
300 | // current margin left
301 | var ml = parseFloat( this.$slider.css('margin-left') );
302 |
303 | // val is just passed when we want an exact value for the margin left (used in the _slideToCurrent function)
304 | if( val === undefined ) {
305 |
306 | // how much to slide?
307 | var amount = this.fitCount * this.itemW, val;
308 |
309 | if( amount < 0 ) return false;
310 |
311 | // make sure not to leave a space between the last item / first item and the end / beggining of the slider available width
312 | if( dir === 'right' && this.sliderW - ( Math.abs( ml ) + amount ) < this.visibleWidth ) {
313 | amount = this.sliderW - ( Math.abs( ml ) + this.visibleWidth ) - this.options.margin; // decrease the margin left
314 | // show / hide navigation buttons
315 | this._toggleControls( 'right', -1 );
316 | this._toggleControls( 'left', 1 );
317 | }
318 | else if( dir === 'left' && Math.abs( ml ) - amount < 0 ) {
319 | amount = Math.abs( ml );
320 | // show / hide navigation buttons
321 | this._toggleControls( 'left', -1 );
322 | this._toggleControls( 'right', 1 );
323 | }
324 | else {
325 | var fml; // future margin left
326 | ( dir === 'right' )
327 | ? fml = Math.abs( ml ) + this.options.margin + Math.abs( amount )
328 | : fml = Math.abs( ml ) - this.options.margin - Math.abs( amount );
329 |
330 | // show / hide navigation buttons
331 | if( fml > 0 )
332 | this._toggleControls( 'left', 1 );
333 | else
334 | this._toggleControls( 'left', -1 );
335 |
336 | if( fml < this.sliderW - this.visibleWidth )
337 | this._toggleControls( 'right', 1 );
338 | else
339 | this._toggleControls( 'right', -1 );
340 |
341 | }
342 |
343 | ( dir === 'right' ) ? val = '-=' + amount : val = '+=' + amount
344 |
345 | }
346 | else {
347 | var fml = Math.abs( val ); // future margin left
348 |
349 | if( Math.max( this.sliderW, this.visibleWidth ) - fml < this.visibleWidth ) {
350 | val = - ( Math.max( this.sliderW, this.visibleWidth ) - this.visibleWidth );
351 | if( val !== 0 )
352 | val += this.options.margin; // decrease the margin left if not on the first position
353 |
354 | // show / hide navigation buttons
355 | this._toggleControls( 'right', -1 );
356 | fml = Math.abs( val );
357 | }
358 |
359 | // show / hide navigation buttons
360 | if( fml > 0 )
361 | this._toggleControls( 'left', 1 );
362 | else
363 | this._toggleControls( 'left', -1 );
364 |
365 | if( Math.max( this.sliderW, this.visibleWidth ) - this.visibleWidth > fml + this.options.margin )
366 | this._toggleControls( 'right', 1 );
367 | else
368 | this._toggleControls( 'right', -1 );
369 |
370 | }
371 |
372 | $.fn.applyStyle = ( anim === undefined ) ? $.fn.animate : $.fn.css;
373 |
374 | var sliderCSS = { marginLeft : val };
375 |
376 | var instance = this;
377 |
378 | this.$slider.stop().applyStyle( sliderCSS, $.extend( true, [], { duration : this.options.speed, easing : this.options.easing, complete : function() {
379 | if( callback ) callback.call();
380 | } } ) );
381 |
382 | },
383 | _slideToCurrent : function( anim ) {
384 |
385 | // how much to slide?
386 | var amount = this.current * this.itemW;
387 | this._slide('', -amount, anim );
388 |
389 | },
390 | add : function( $newelems, callback ) {
391 |
392 | // adds new items to the carousel
393 | this.$items = this.$items.add( $newelems );
394 | this.itemsCount = this.$items.length;
395 | this._setDim();
396 | this._setCurrentValues();
397 | this.$slider.css({
398 | width : this.sliderW
399 | });
400 | this._slideToCurrent();
401 |
402 | if ( callback ) callback.call( $newelems );
403 |
404 | },
405 | setCurrent : function( idx, callback ) {
406 |
407 | this.current = idx;
408 |
409 | var ml = Math.abs( parseFloat( this.$slider.css('margin-left') ) ),
410 | posR = ml + this.visibleWidth,
411 | fml = Math.abs( this.current * this.itemW );
412 |
413 | if( fml + this.itemW > posR || fml < ml ) {
414 | this._slideToCurrent();
415 | }
416 |
417 | if ( callback ) callback.call();
418 |
419 | },
420 | destroy : function( callback ) {
421 |
422 | this._destroy( callback );
423 |
424 | },
425 | _destroy : function( callback ) {
426 | this.$el.off('.elastislide').removeData('elastislide');
427 | $(window).off('.elastislide');
428 | if ( callback ) callback.call();
429 | }
430 | };
431 |
432 | var logError = function( message ) {
433 | if ( this.console ) {
434 | console.error( message );
435 | }
436 | };
437 |
438 | $.fn.elastislide = function( options ) {
439 | if ( typeof options === 'string' ) {
440 | var args = Array.prototype.slice.call( arguments, 1 );
441 |
442 | this.each(function() {
443 | var instance = $.data( this, 'elastislide' );
444 | if ( !instance ) {
445 | logError( "cannot call methods on elastislide prior to initialization; " +
446 | "attempted to call method '" + options + "'" );
447 | return;
448 | }
449 | if ( !$.isFunction( instance[options] ) || options.charAt(0) === "_" ) {
450 | logError( "no such method '" + options + "' for elastislide instance" );
451 | return;
452 | }
453 | instance[ options ].apply( instance, args );
454 | });
455 | }
456 | else {
457 | this.each(function() {
458 | var instance = $.data( this, 'elastislide' );
459 | if ( !instance ) {
460 | $.data( this, 'elastislide', new $.elastislide( options, this ) );
461 | }
462 | });
463 | }
464 | return this;
465 | };
466 |
467 | })( window, jQuery );
--------------------------------------------------------------------------------
/vendor/assets/javascripts/jquery/jquery.tmpl.min.js:
--------------------------------------------------------------------------------
1 | (function(a){var r=a.fn.domManip,d="_tmplitem",q=/^[^<]*(<[\w\W]+>)[^>]*$|\{\{\! /,b={},f={},e,p={key:0,data:{}},h=0,c=0,l=[];function g(e,d,g,i){var c={data:i||(d?d.data:{}),_wrap:d?d._wrap:null,tmpl:null,parent:d||null,nodes:[],calls:u,nest:w,wrap:x,html:v,update:t};e&&a.extend(c,e,{nodes:[],parent:d});if(g){c.tmpl=g;c._ctnt=c._ctnt||c.tmpl(a,c);c.key=++h;(l.length?f:b)[h]=c}return c}a.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(f,d){a.fn[f]=function(n){var g=[],i=a(n),k,h,m,l,j=this.length===1&&this[0].parentNode;e=b||{};if(j&&j.nodeType===11&&j.childNodes.length===1&&i.length===1){i[d](this[0]);g=this}else{for(h=0,m=i.length;h0?this.clone(true):this).get();a.fn[d].apply(a(i[h]),k);g=g.concat(k)}c=0;g=this.pushStack(g,f,i.selector)}l=e;e=null;a.tmpl.complete(l);return g}});a.fn.extend({tmpl:function(d,c,b){return a.tmpl(this[0],d,c,b)},tmplItem:function(){return a.tmplItem(this[0])},template:function(b){return a.template(b,this[0])},domManip:function(d,l,j){if(d[0]&&d[0].nodeType){var f=a.makeArray(arguments),g=d.length,i=0,h;while(i1)f[0]=[a.makeArray(d)];if(h&&c)f[2]=function(b){a.tmpl.afterManip(this,b,j)};r.apply(this,f)}else r.apply(this,arguments);c=0;!e&&a.tmpl.complete(b);return this}});a.extend({tmpl:function(d,h,e,c){var j,k=!c;if(k){c=p;d=a.template[d]||a.template(null,d);f={}}else if(!d){d=c.tmpl;b[c.key]=c;c.nodes=[];c.wrapped&&n(c,c.wrapped);return a(i(c,null,c.tmpl(a,c)))}if(!d)return[];if(typeof h==="function")h=h.call(c||{});e&&e.wrapped&&n(e,e.wrapped);j=a.isArray(h)?a.map(h,function(a){return a?g(e,c,d,a):null}):[g(e,c,d,h)];return k?a(i(c,null,j)):j},tmplItem:function(b){var c;if(b instanceof a)b=b[0];while(b&&b.nodeType===1&&!(c=a.data(b,"tmplItem"))&&(b=b.parentNode));return c||p},template:function(c,b){if(b){if(typeof b==="string")b=o(b);else if(b instanceof a)b=b[0]||{};if(b.nodeType)b=a.data(b,"tmpl")||a.data(b,"tmpl",o(b.innerHTML));return typeof c==="string"?(a.template[c]=b):b}return c?typeof c!=="string"?a.template(null,c):a.template[c]||a.template(null,q.test(c)?c:a(c)):null},encode:function(a){return(""+a).split("<").join("<").split(">").join(">").split('"').join(""").split("'").join("'")}});a.extend(a.tmpl,{tag:{tmpl:{_default:{$2:"null"},open:"if($notnull_1){_=_.concat($item.nest($1,$2));}"},wrap:{_default:{$2:"null"},open:"$item.calls(_,$1,$2);_=[];",close:"call=$item.calls();_=call._.concat($item.wrap(call,_));"},each:{_default:{$2:"$index, $value"},open:"if($notnull_1){$.each($1a,function($2){with(this){",close:"}});}"},"if":{open:"if(($notnull_1) && $1a){",close:"}"},"else":{_default:{$1:"true"},open:"}else if(($notnull_1) && $1a){"},html:{open:"if($notnull_1){_.push($1a);}"},"=":{_default:{$1:"$data"},open:"if($notnull_1){_.push($.encode($1a));}"},"!":{open:""}},complete:function(){b={}},afterManip:function(f,b,d){var e=b.nodeType===11?a.makeArray(b.childNodes):b.nodeType===1?[b]:[];d.call(f,b);m(e);c++}});function i(e,g,f){var b,c=f?a.map(f,function(a){return typeof a==="string"?e.key?a.replace(/(<\w+)(?=[\s>])(?![^>]*_tmplitem)([^>]*)/g,"$1 "+d+'="'+e.key+'" $2'):a:i(a,e,a._ctnt)}):e;if(g)return c;c=c.join("");c.replace(/^\s*([^<\s][^<]*)?(<[\w\W]+>)([^>]*[^>\s])?\s*$/,function(f,c,e,d){b=a(e).get();m(b);if(c)b=j(c).concat(b);if(d)b=b.concat(j(d))});return b?b:j(c)}function j(c){var b=document.createElement("div");b.innerHTML=c;return a.makeArray(b.childNodes)}function o(b){return new Function("jQuery","$item","var $=jQuery,call,_=[],$data=$item.data;with($data){_.push('"+a.trim(b).replace(/([\\'])/g,"\\$1").replace(/[\r\t\n]/g," ").replace(/\$\{([^\}]*)\}/g,"{{= $1}}").replace(/\{\{(\/?)(\w+|.)(?:\(((?:[^\}]|\}(?!\}))*?)?\))?(?:\s+(.*?)?)?(\(((?:[^\}]|\}(?!\}))*?)\))?\s*\}\}/g,function(m,l,j,d,b,c,e){var i=a.tmpl.tag[j],h,f,g;if(!i)throw"Template command not found: "+j;h=i._default||[];if(c&&!/\w$/.test(b)){b+=c;c=""}if(b){b=k(b);e=e?","+k(e)+")":c?")":"";f=c?b.indexOf(".")>-1?b+c:"("+b+").call($item"+e:b;g=c?f:"(typeof("+b+")==='function'?("+b+").call($item):("+b+"))"}else g=f=h.$1||"null";d=k(d);return"');"+i[l?"close":"open"].split("$notnull_1").join(b?"typeof("+b+")!=='undefined' && ("+b+")!=null":"true").split("$1a").join(g).split("$1").join(f).split("$2").join(d?d.replace(/\s*([^\(]+)\s*(\((.*?)\))?/g,function(d,c,b,a){a=a?","+a+")":b?")":"";return a?"("+c+").call($item"+a:d}):h.$2||"")+"_.push('"})+"');}return _;")}function n(c,b){c._wrap=i(c,true,a.isArray(b)?b:[q.test(b)?b:a(b).html()]).join("")}function k(a){return a?a.replace(/\\'/g,"'").replace(/\\\\/g,"\\"):null}function s(b){var a=document.createElement("div");a.appendChild(b.cloneNode(true));return a.innerHTML}function m(o){var n="_"+c,k,j,l={},e,p,i;for(e=0,p=o.length;e=0;i--)m(j[i]);m(k)}function m(j){var p,i=j,k,e,m;if(m=j.getAttribute(d)){while(i.parentNode&&(i=i.parentNode).nodeType===1&&!(p=i.getAttribute(d)));if(p!==m){i=i.parentNode?i.nodeType===11?0:i.getAttribute(d)||0:0;if(!(e=b[m])){e=f[m];e=g(e,b[i]||f[i],null,true);e.key=++h;b[h]=e}c&&o(m)}j.removeAttribute(d)}else if(c&&(e=a.data(j,"tmplItem"))){o(e.key);b[e.key]=e;i=a.data(j.parentNode,"tmplItem");i=i?i.key:0}if(e){k=e;while(k&&k.key!=i){k.nodes.push(j);k=k.parent}delete e._ctnt;delete e._wrap;a.data(j,"tmplItem",e)}function o(a){a=a+n;e=l[a]=l[a]||g(e,b[e.parent.key+n]||e.parent,null,true)}}}function u(a,d,c,b){if(!a)return l.pop();l.push({_:a,tmpl:d,item:this,data:c,options:b})}function w(d,c,b){return a.tmpl(a.template(d),c,b,this)}function x(b,d){var c=b.options||{};c.wrapped=d;return a.tmpl(a.template(b.tmpl),b.data,c,b.item)}function v(d,c){var b=this._wrap;return a.map(a(a.isArray(b)?b.join(""):b).filter(d||"*"),function(a){return c?a.innerText||a.textContent:a.outerHTML||s(a)})}function t(){var b=this.nodes;a.tmpl(null,null,null,this).insertBefore(b[0]);a(b).remove()}})(jQuery)
--------------------------------------------------------------------------------
/vendor/assets/stylesheets/gallery/galleria/classic.css:
--------------------------------------------------------------------------------
1 | /* Galleria Classic Theme 2012-08-07 | https://raw.github.com/aino/galleria/master/LICENSE | (c) Aino */
2 |
3 | #galleria-loader{height:1px!important}
4 |
5 | .galleria-container {
6 | position: relative;
7 | overflow: hidden;
8 | background: #000;
9 | }
10 | .galleria-container img {
11 | -moz-user-select: none;
12 | -webkit-user-select: none;
13 | -o-user-select: none;
14 | }
15 | .galleria-stage {
16 | position: absolute;
17 | top: 10px;
18 | bottom: 60px;
19 | left: 10px;
20 | right: 10px;
21 | overflow:hidden;
22 | }
23 | .galleria-thumbnails-container {
24 | height: 50px;
25 | bottom: 0;
26 | position: absolute;
27 | left: 10px;
28 | right: 10px;
29 | z-index: 2;
30 | }
31 | .galleria-carousel .galleria-thumbnails-list {
32 | margin-left: 30px;
33 | margin-right: 30px;
34 | }
35 | .galleria-thumbnails .galleria-image {
36 | height: 40px;
37 | width: 60px;
38 | background: #000;
39 | margin: 0 5px 0 0;
40 | border: 1px solid #000;
41 | float: left;
42 | cursor: pointer;
43 | }
44 | .galleria-counter {
45 | position: absolute;
46 | bottom: 10px;
47 | left: 10px;
48 | text-align: right;
49 | color: #fff;
50 | font: normal 11px/1 arial,sans-serif;
51 | z-index: 1;
52 | }
53 | .galleria-loader {
54 | background: #000;
55 | width: 20px;
56 | height: 20px;
57 | position: absolute;
58 | top: 10px;
59 | right: 10px;
60 | z-index: 2;
61 | display: none;
62 | background: url(/assets/gallery/galleria/classic/loader.gif) no-repeat 2px 2px;
63 | }
64 | .galleria-info {
65 | width: 50%;
66 | top: 15px;
67 | left: 15px;
68 | z-index: 2;
69 | position: absolute;
70 | }
71 | .galleria-info-text {
72 | background-color: #000;
73 | padding: 12px;
74 | display: none;
75 | /* IE7 */ zoom:1;
76 | }
77 | .galleria-info-title {
78 | font: bold 12px/1.1 arial,sans-serif;
79 | margin: 0;
80 | color: #fff;
81 | margin-bottom: 7px;
82 | }
83 | .galleria-info-description {
84 | font: italic 12px/1.4 georgia,serif;
85 | margin: 0;
86 | color: #bbb;
87 | }
88 | .galleria-info-close {
89 | width: 9px;
90 | height: 9px;
91 | position: absolute;
92 | top: 5px;
93 | right: 5px;
94 | background-position: -753px -11px;
95 | opacity: .5;
96 | filter: alpha(opacity=50);
97 | cursor: pointer;
98 | display: none;
99 | }
100 | .notouch .galleria-info-close:hover{
101 | opacity:1;
102 | filter: alpha(opacity=100);
103 | }
104 | .touch .galleria-info-close:active{
105 | opacity:1;
106 | filter: alpha(opacity=100);
107 | }
108 | .galleria-info-link {
109 | background-position: -669px -5px;
110 | opacity: .7;
111 | filter: alpha(opacity=70);
112 | position: absolute;
113 | width: 20px;
114 | height: 20px;
115 | cursor: pointer;
116 | background-color: #000;
117 | }
118 | .notouch .galleria-info-link:hover {
119 | opacity: 1;
120 | filter: alpha(opacity=100);
121 | }
122 | .touch .galleria-info-link:active {
123 | opacity: 1;
124 | filter: alpha(opacity=100);
125 | }
126 | .galleria-image-nav {
127 | position: absolute;
128 | top: 50%;
129 | margin-top: -62px;
130 | width: 100%;
131 | height: 62px;
132 | left: 0;
133 | }
134 | .galleria-image-nav-left,
135 | .galleria-image-nav-right {
136 | opacity: .3;
137 | filter: alpha(opacity=30);
138 | cursor: pointer;
139 | width: 62px;
140 | height: 124px;
141 | position: absolute;
142 | left: 10px;
143 | z-index: 2;
144 | background-position: 0 46px;
145 | }
146 | .galleria-image-nav-right {
147 | left: auto;
148 | right: 10px;
149 | background-position: -254px 46px;
150 | z-index: 2;
151 | }
152 | .notouch .galleria-image-nav-left:hover,
153 | .notouch .galleria-image-nav-right:hover {
154 | opacity: 1;
155 | filter: alpha(opacity=100);
156 | }
157 | .touch .galleria-image-nav-left:active,
158 | .touch .galleria-image-nav-right:active {
159 | opacity: 1;
160 | filter: alpha(opacity=100);
161 | }
162 | .galleria-thumb-nav-left,
163 | .galleria-thumb-nav-right {
164 | cursor: pointer;
165 | display: none;
166 | background-position: -495px 5px;
167 | position: absolute;
168 | left: 0;
169 | top: 0;
170 | height: 40px;
171 | width: 23px;
172 | z-index: 3;
173 | opacity: .8;
174 | filter: alpha(opacity=80);
175 | }
176 | .galleria-thumb-nav-right {
177 | background-position: -578px 5px;
178 | border-right: none;
179 | right: 0;
180 | left: auto;
181 | }
182 | .galleria-thumbnails-container .disabled {
183 | opacity: .2;
184 | filter: alpha(opacity=20);
185 | cursor: default;
186 | }
187 | .notouch .galleria-thumb-nav-left:hover,
188 | .notouch .galleria-thumb-nav-right:hover {
189 | opacity: 1;
190 | filter: alpha(opacity=100);
191 | background-color: #111;
192 | }
193 | .touch .galleria-thumb-nav-left:active,
194 | .touch .galleria-thumb-nav-right:active {
195 | opacity: 1;
196 | filter: alpha(opacity=100);
197 | background-color: #111;
198 | }
199 | .notouch .galleria-thumbnails-container .disabled:hover {
200 | opacity: .2;
201 | filter: alpha(opacity=20);
202 | background-color: transparent;
203 | }
204 |
205 | .galleria-carousel .galleria-thumb-nav-left,
206 | .galleria-carousel .galleria-thumb-nav-right {
207 | display: block;
208 | }
209 | .galleria-thumb-nav-left,
210 | .galleria-thumb-nav-right,
211 | .galleria-info-link,
212 | .galleria-info-close,
213 | .galleria-image-nav-left,
214 | .galleria-image-nav-right {
215 | background-image: url(/assets/gallery/galleria/classic/map.png);
216 | background-repeat: no-repeat;
217 | }
218 |
--------------------------------------------------------------------------------
/vendor/assets/stylesheets/gallery/responsive.css:
--------------------------------------------------------------------------------
1 | .rg-view{
2 | display: none;
3 | }
4 |
5 | .rg-thumbs {
6 | padding-top: 10px;
7 | }
8 |
9 | .rg-image-wrapper{
10 | position:relative;
11 | padding:20px 30px;
12 | background:transparent url(/assets/gallery/responsive/icons/black.png) repeat top left;
13 | -moz-border-radius: 10px;
14 | -webkit-border-radius: 10px;
15 | border-radius: 10px;
16 | min-height:20px;
17 | }
18 | .rg-image{
19 | position:relative;
20 | text-align:center;
21 | line-height:0px;
22 | }
23 | .rg-image img{
24 | max-height:100%;
25 | max-width:100%;
26 | }
27 | .rg-image-nav a{
28 | position:absolute;
29 | top:0px;
30 | left:0px;
31 | background:#000 url(/assets/gallery/responsive/icons/nav.png) no-repeat -20% 50%;
32 | width:28px;
33 | height:100%;
34 | text-indent:-9000px;
35 | cursor:pointer;
36 | opacity:0.3;
37 | outline:none;
38 | -moz-border-radius: 10px 0px 0px 10px;
39 | -webkit-border-radius: 10px 0px 0px 10px;
40 | border-radius: 10px 0px 0px 10px;
41 | }
42 | .rg-image-nav a.rg-image-nav-next{
43 | right:0px;
44 | left:auto;
45 | background-position:115% 50%;
46 | -moz-border-radius: 0px 10px 10px 0px;
47 | -webkit-border-radius: 0px 10px 10px 0px;
48 | border-radius: 0px 10px 10px 0px;
49 | }
50 | .rg-image-nav a:hover{
51 | opacity:0.8;
52 | }
53 | .rg-caption {
54 | text-align:center;
55 | margin-top:15px;
56 | position:relative;
57 | }
58 | .rg-caption p{
59 | font-size:11px;
60 | letter-spacing:2px;
61 | font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
62 | line-height:16px;
63 | padding:0 15px;
64 | text-transform:uppercase;
65 | }
66 | .rg-view{
67 | height:30px;
68 | }
69 | .rg-view a{
70 | display:block;
71 | float:right;
72 | width:16px;
73 | height:16px;
74 | margin-right:3px;
75 | background:#464646 url(/assets/gallery/responsive/icons/views.png) no-repeat top left;
76 | border:3px solid #464646;
77 | opacity:0.8;
78 | }
79 | .rg-view a:hover{
80 | opacity:1.0;
81 | }
82 | .rg-view a.rg-view-full{
83 | background-position:0px 0px;
84 | }
85 | .rg-view a.rg-view-selected{
86 | background-color:#6f6f6f;
87 | border-color:#6f6f6f;
88 | }
89 | .rg-view a.rg-view-thumbs{
90 | background-position:0px -16px;
91 | }
92 | .rg-loading{
93 | width:46px;
94 | height:46px;
95 | position:absolute;
96 | top:50%;
97 | left:50%;
98 | background:#000 url(/assets/gallery/responsive/icons/ajax-loader.gif) no-repeat center center;
99 | margin:-23px 0px 0px -23px;
100 | z-index:100;
101 | -moz-border-radius: 10px;
102 | -webkit-border-radius: 10px;
103 | border-radius: 10px;
104 | opacity:0.7;
105 | }
--------------------------------------------------------------------------------
/vendor/assets/stylesheets/gallery/responsive/elastislide.css:
--------------------------------------------------------------------------------
1 | /* Elastislide Style */
2 | .es-carousel-wrapper{
3 | background: #101010;
4 | padding:10px 27px;
5 | -moz-border-radius: 10px;
6 | -webkit-border-radius: 10px;
7 | border-radius: 10px;
8 | position:relative;
9 | -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
10 | -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
11 | box-shadow:0px 1px 3px rgba(0, 0, 0, 0.9);
12 | position:relative;
13 | margin-bottom:20px;
14 | }
15 | .es-carousel{
16 | overflow:hidden;
17 | background:#000;
18 | }
19 | .es-carousel ul{
20 | display:none;
21 | }
22 | .es-carousel ul li{
23 | height:100%;
24 | float:left;
25 | display:block;
26 | }
27 | .es-carousel ul li a{
28 | display:block;
29 | border-style:solid;
30 | border-color:#222;
31 | opacity:0.8;
32 | -webkit-touch-callout:none;
33 | /* option */
34 | -webkit-transition: all 0.2s ease-in-out;
35 | -moz-transition: all 0.2s ease-in-out;
36 | -o-transition: all 0.2s ease-in-out;
37 | -ms-transition: all 0.2s ease-in-out;
38 | transition: all 0.2s ease-in-out;
39 | }
40 | .es-carousel ul li.selected a{
41 | border-color:#fff;
42 | opacity:1.0;
43 | }
44 | .es-carousel ul li a img{
45 | display:block;
46 | border:none;
47 | max-height:100%;
48 | max-width:100%;
49 | }
50 | .es-nav span{
51 | position:absolute;
52 | top:50%;
53 | left:8px;
54 | background:transparent url(/assets/gallery/responsive/icons/nav_thumbs.png) no-repeat top left;
55 | width:14px;
56 | height:26px;
57 | margin-top:-13px;
58 | text-indent:-9000px;
59 | cursor:pointer;
60 | opacity:0.8;
61 | }
62 | .es-nav span.es-nav-next{
63 | right:8px;
64 | left:auto;
65 | background-position:top right;
66 | }
67 | .es-nav span:hover{
68 | opacity:1.0;
69 | }
--------------------------------------------------------------------------------
/vendor/assets/stylesheets/gallery/slideshow.css:
--------------------------------------------------------------------------------
1 | .msg_slideshow{
2 | width:400px;
3 | height:400px;
4 | padding:10px;
5 | position:relative;
6 | overflow:hidden;
7 | background:#101010 url(/assets/gallery/slideshow/icons/loading.gif) no-repeat center center;
8 | -moz-border-radius:10px;
9 | -webkit-border-radius:10px;
10 | border-radius:10px;
11 | }
12 | .msg_slideshow a{
13 | outline:none;
14 | }
15 | .msg_slideshow a img{
16 | border:none;
17 | }
18 | .msg_wrapper{
19 | width:400px;
20 | height:400px;
21 | position:relative;
22 | margin:0;
23 | padding:0;
24 | display:table-cell;
25 | text-align:center;
26 | vertical-align:middle;
27 | }
28 | .msg_wrapper img{
29 | display: inline-block!important;
30 | vertical-align:middle;
31 | -moz-box-shadow:0px 0px 10px #000;
32 | -webkit-box-shadow:0px 0px 10px #000;
33 | box-shadow:0px 0px 10px #000;
34 | }
35 | .msg_controls{
36 | position:absolute;
37 | bottom:15px;
38 | right:-110px;
39 | width:104px;
40 | height:26px;
41 | z-index: 20;
42 | -moz-border-radius:5px;
43 | -webkit-border-radius:5px;
44 | border-radius:5px;
45 | background-color:#000;
46 | opacity:0.8;
47 | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
48 | }
49 | .msg_controls a{
50 | float:left;
51 | background-color:#000;
52 | width:20px;
53 | height:20px;
54 | margin:3px 3px;
55 | opacity:0.5;
56 | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
57 | background-repeat:no-repeat;
58 | background-position: center center;
59 | }
60 | .msg_controls a:hover{
61 | opacity:1.0;
62 | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
63 | }
64 | .msg_controls a.msg_grid{
65 | background-image:url(/assets/gallery/slideshow/icons/grid.png);
66 | }
67 | .msg_controls a.msg_prev{
68 | background-image:url(/assets/gallery/slideshow/icons/prev.png);
69 | }
70 | .msg_controls a.msg_next{
71 | background-image:url(/assets/gallery/slideshow/icons/next.png);
72 | }
73 | .msg_controls a.msg_pause{
74 | background-image:url(/assets/gallery/slideshow/icons/pause.png);
75 | }
76 | .msg_controls a.msg_play{
77 | background-image:url(/assets/gallery/slideshow/icons/play.png);
78 | }
79 | .msg_thumbs{
80 | background:#000;
81 | position:absolute;
82 | width:250px;
83 | height:166px;
84 | top:-230px;
85 | left:50%;
86 | padding:30px;
87 | margin:0 0 0 -155px;
88 | -moz-border-radius:0px 0px 10px 10px;
89 | -webkit-border-bottom-left-radius:10px;
90 | -webkit-border-bottom-right-radius:10px;
91 | border-bottom-left-radius:10px;
92 | border-bottom-right-radius:10px;
93 | -moz-box-shadow:1px 1px 5px #000;
94 | -webkit-box-shadow:1px 1px 5px #000;
95 | box-shadow:1px 1px 5px #000;
96 | opacity:0.9;
97 | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
98 | overflow:hidden;
99 | }
100 | .msg_thumb_wrapper{
101 | position:absolute;
102 | width:250px;
103 | height:166px;
104 | top:30px;
105 | left:30px;
106 | z-index:30;
107 | }
108 | .msg_thumb_wrapper a{
109 | display:block;
110 | width:75px;
111 | height:75px;
112 | float:left;
113 | margin:4px;
114 | opacity:0.5;
115 | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
116 | }
117 | .msg_thumbs a.msg_thumb_next,
118 | .msg_thumbs a.msg_thumb_prev{
119 | width:18px;
120 | height:20px;
121 | background-repeat:no-repeat;
122 | background-position: center center;
123 | position:absolute;
124 | top:50%;
125 | margin-top:-10px;
126 | opacity:0.5;
127 | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
128 | }
129 | .msg_thumbs a.msg_thumb_next:hover,
130 | .msg_thumbs a.msg_thumb_prev:hover{
131 | opacity:1.0;
132 | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
133 | }
134 | .msg_thumbs a.msg_thumb_next{
135 | background-image:url(/assets/gallery/slideshow/icons/next_thumb.png);
136 | right:5px;
137 | }
138 | .msg_thumbs a.msg_thumb_prev{
139 | background-image:url(/assets/gallery/slideshow/icons/prev_thumb.png);
140 | left:5px;
141 | }
142 | .msg_thumbs a.msg_thumb_close{
143 | position:absolute;
144 | bottom:0px;
145 | width:50px;
146 | left:50%;
147 | margin:0 0 0 -25px;
148 | background:#202020 url(/assets/gallery/slideshow/icons/up.png) no-repeat center center;
149 | height:16px;
150 | opacity:0.7;
151 | -moz-border-radius:5px 5px 0 0;
152 | -webkit-border-top-left-radius:5px;
153 | -webkit-border-top-right-radius:5px;
154 | border-top-left-radius:5px;
155 | border-top-right-radius:5px;
156 | }
157 | .msg_thumbs a.msg_thumb_close:hover{
158 | opacity:1.0;
159 | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
160 | }
161 | .msg_loading{
162 | position:absolute;
163 | background:transparent url(/assets/gallery/slideshow/icons/loading.gif) no-repeat center center;
164 | top:50%;
165 | left:50%;
166 | width:50px;
167 | height:50px;
168 | margin:-25px 0 0 -25px;
169 | z-index:25;
170 | display:none;
171 | }
--------------------------------------------------------------------------------
/vendor/assets/stylesheets/gallery/touch_touch.css:
--------------------------------------------------------------------------------
1 | /*----------------------------
2 | Thumbnails
3 | -----------------------------*/
4 |
5 | #thumbs{
6 | width:480px;
7 | margin:60px auto 35px;
8 | text-align:center;
9 | }
10 |
11 | #thumbs a{
12 | width:120px;
13 | height:120px;
14 | display:inline-block;
15 | border:7px solid #303030;
16 | box-shadow:0 1px 3px rgba(0,0,0,0.5);
17 | border-radius:4px;
18 | margin: 6px 6px 40px;
19 | position:relative;
20 | text-decoration:none;
21 |
22 | background-position:center center;
23 | background-repeat: no-repeat;
24 |
25 | background-size:cover;
26 | -moz-background-size:cover;
27 | -webkit-background-size:cover;
28 | }
29 |
30 | #thumbs a:after{
31 | background-color: #303030;
32 | border-radius: 7px;
33 | bottom: -136px;
34 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
35 | color: #FFFFFF;
36 | content: attr(title);
37 | display: inline-block;
38 | font-size: 10px;
39 | max-width: 90px;
40 | overflow: hidden;
41 | padding: 2px 10px;
42 | position: relative;
43 | text-align: center;
44 | white-space: nowrap;
45 | }
46 |
47 | /* The gallery overlay */
48 |
49 | #galleryOverlay{
50 | width:100%;
51 | height:100%;
52 | position:fixed;
53 | top:0;
54 | left:0;
55 | opacity:0;
56 | z-index:100000;
57 | background-color:#222;
58 | background-color:rgba(0,0,0,0.8);
59 | overflow:hidden;
60 | display:none;
61 |
62 | -moz-transition:opacity 1s ease;
63 | -webkit-transition:opacity 1s ease;
64 | transition:opacity 1s ease;
65 | }
66 |
67 | /* This class will trigger the animation */
68 |
69 | #galleryOverlay.visible{
70 | opacity:1;
71 | }
72 |
73 | #gallerySlider{
74 | height:100%;
75 |
76 | left:0;
77 | top:0;
78 |
79 | width:100%;
80 | white-space: nowrap;
81 | position:absolute;
82 |
83 | -moz-transition:left 0.4s ease;
84 | -webkit-transition:left 0.4s ease;
85 | transition:left 0.4s ease;
86 | }
87 |
88 | #gallerySlider .placeholder{
89 | background: url(/assets/gallery/touch_touch/preloader.gif) no-repeat center center;
90 | height: 100%;
91 | line-height: 1px;
92 | text-align: center;
93 | width:100%;
94 | display:inline-block;
95 | }
96 |
97 | /* The before element moves the
98 | * image halfway from the top */
99 |
100 | #gallerySlider .placeholder:before{
101 | content: "";
102 | display: inline-block;
103 | height: 50%;
104 | width: 1px;
105 | margin-right:-1px;
106 | }
107 |
108 | #gallerySlider .placeholder img{
109 | display: inline-block;
110 | max-height: 100%;
111 | max-width: 100%;
112 | vertical-align: middle;
113 | }
114 |
115 | #gallerySlider.rightSpring{
116 | -moz-animation: rightSpring 0.3s;
117 | -webkit-animation: rightSpring 0.3s;
118 | }
119 |
120 | #gallerySlider.leftSpring{
121 | -moz-animation: leftSpring 0.3s;
122 | -webkit-animation: leftSpring 0.3s;
123 | }
124 |
125 | /* Firefox Keyframe Animations */
126 |
127 | @-moz-keyframes rightSpring{
128 | 0%{ margin-left:0px;}
129 | 50%{ margin-left:-30px;}
130 | 100%{ margin-left:0px;}
131 | }
132 |
133 | @-moz-keyframes leftSpring{
134 | 0%{ margin-left:0px;}
135 | 50%{ margin-left:30px;}
136 | 100%{ margin-left:0px;}
137 | }
138 |
139 | /* Safari and Chrome Keyframe Animations */
140 |
141 | @-webkit-keyframes rightSpring{
142 | 0%{ margin-left:0px;}
143 | 50%{ margin-left:-30px;}
144 | 100%{ margin-left:0px;}
145 | }
146 |
147 | @-webkit-keyframes leftSpring{
148 | 0%{ margin-left:0px;}
149 | 50%{ margin-left:30px;}
150 | 100%{ margin-left:0px;}
151 | }
152 |
153 | /* Arrows */
154 |
155 | #prevArrow,#nextArrow{
156 | border:none;
157 | text-decoration:none;
158 | background:url(/assets/gallery/touch_touch/arrows.png) no-repeat;
159 | opacity:0.5;
160 | cursor:pointer;
161 | position:absolute;
162 | width:43px;
163 | height:58px;
164 |
165 | top:50%;
166 | margin-top:-29px;
167 |
168 | -moz-transition:opacity 0.2s ease;
169 | -webkit-transition:opacity 0.2s ease;
170 | transition:opacity 0.2s ease;
171 | }
172 |
173 | #prevArrow:hover, #nextArrow:hover{
174 | opacity:1;
175 | }
176 |
177 | #prevArrow{
178 | background-position:left top;
179 | left:40px;
180 | }
181 |
182 | #nextArrow{
183 | background-position:right top;
184 | right:40px;
185 | }
--------------------------------------------------------------------------------
8 |
9 |
10 | 
13 |
14 |
15 | 
17 |
18 |
19 | 
21 |
22 |
23 | 
26 |
27 |
28 | 
31 |
32 |
33 | 
35 |
36 |
37 | 
40 |
41 |
42 | 
43 |
44 | 
').imagesLoaded( function() {
70 | // add options
71 | _addViewModes();
72 |
73 | // add large image wrapper
74 | _addImageWrapper();
75 |
76 | // show first image
77 | _showImage( $items.eq( current ) );
78 |
79 | });
80 |
81 | // initialize the carousel
82 | if( mode === 'carousel' )
83 | _initCarousel();
84 |
85 | },
86 | _initCarousel = function() {
87 |
88 | // we are using the elastislide plugin:
89 | // http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/
90 | $esCarousel.show().elastislide({
91 | imageW : 65,
92 | onClick : function( $item ) {
93 | if( anim ) return false;
94 | anim = true;
95 | // on click show image
96 | _showImage($item);
97 | // change current
98 | current = $item.index();
99 | }
100 | });
101 |
102 | // set elastislide's current to current
103 | $esCarousel.elastislide( 'setCurrent', current );
104 |
105 | },
106 | _addViewModes = function() {
107 |
108 | // top right buttons: hide / show carousel
109 |
110 | var $viewfull = $(''),
111 | $viewthumbs = $('');
112 |
113 | $rgGallery.prepend( $('').append( $viewfull ).append( $viewthumbs ) );
114 |
115 | $viewfull.on('click.rgGallery', function( event ) {
116 | if( mode === 'carousel' )
117 | $esCarousel.elastislide( 'destroy' );
118 | $esCarousel.hide();
119 | $viewfull.addClass('rg-view-selected');
120 | $viewthumbs.removeClass('rg-view-selected');
121 | mode = 'fullview';
122 | return false;
123 | });
124 |
125 | $viewthumbs.on('click.rgGallery', function( event ) {
126 | _initCarousel();
127 | $viewthumbs.addClass('rg-view-selected');
128 | $viewfull.removeClass('rg-view-selected');
129 | mode = 'carousel';
130 | return false;
131 | });
132 |
133 | if( mode === 'fullview' )
134 | $viewfull.trigger('click');
135 |
136 | },
137 | _addImageWrapper= function() {
138 |
139 | try {
140 | // adds the structure for the large image and the navigation buttons (if total items > 1)
141 | // also initializes the navigation events
142 | $('#img-wrapper-tmpl').tmpl( {itemsCount : itemsCount} ).prependTo( $rgGallery );
143 | } catch(e) {
144 | return;
145 | }
146 |
147 | // $('#img-wrapper-tmpl').tmpl( {itemsCount : itemsCount} ).appendTo( $rgGallery );
148 |
149 | if( itemsCount > 1 ) {
150 | // addNavigation
151 | var $navPrev = $rgGallery.find('a.rg-image-nav-prev'),
152 | $navNext = $rgGallery.find('a.rg-image-nav-next'),
153 | $imgWrapper = $rgGallery.find('div.rg-image');
154 |
155 | $navPrev.on('click.rgGallery', function( event ) {
156 | _navigate( 'left' );
157 | return false;
158 | });
159 |
160 | $navNext.on('click.rgGallery', function( event ) {
161 | _navigate( 'right' );
162 | return false;
163 | });
164 |
165 | // add touchwipe events on the large image wrapper
166 | $imgWrapper.touchwipe({
167 | wipeLeft : function() {
168 | _navigate( 'right' );
169 | },
170 | wipeRight : function() {
171 | _navigate( 'left' );
172 | },
173 | preventDefaultEvents: false
174 | });
175 |
176 | $(document).on('keyup.rgGallery', function( event ) {
177 | if (event.keyCode == 39)
178 | _navigate( 'right' );
179 | else if (event.keyCode == 37)
180 | _navigate( 'left' );
181 | });
182 |
183 | }
184 |
185 | },
186 | _navigate = function( dir ) {
187 |
188 | // navigate through the large images
189 |
190 | if( anim ) return false;
191 | anim = true;
192 |
193 | if( dir === 'right' ) {
194 | if( current + 1 >= itemsCount )
195 | current = 0;
196 | else
197 | ++current;
198 | }
199 | else if( dir === 'left' ) {
200 | if( current - 1 < 0 )
201 | current = itemsCount - 1;
202 | else
203 | --current;
204 | }
205 |
206 | _showImage( $items.eq( current ) );
207 |
208 | },
209 | _showImage = function( $item ) {
210 |
211 | // shows the large image that is associated to the $item
212 |
213 | var $loader = $rgGallery.find('div.rg-loading').show();
214 |
215 | $items.removeClass('selected');
216 | $item.addClass('selected');
217 |
218 | var $thumb = $item.find('img'),
219 | largesrc = $thumb.data('large'),
220 | title = $thumb.data('description');
221 |
222 | $('