?
Path : /home/admin/public_html/old/components/com_roksprocket/layouts/features/themes/showcase/ |
Current File : /home/admin/public_html/old/components/com_roksprocket/layouts/features/themes/showcase/showcase.js |
((function(){ if (typeof this.RokSprocket == 'undefined') this.RokSprocket = {}; else Object.merge(this.RokSprocket, {Showcase: null}); var Showcase = new Class({ Extends: this.RokSprocket.Features, options: { curve: 'cubic-bezier(0.37,0.61,0.59,0.87)', duration: '400ms', data: 'showcase', settings: { animation: 'crossfade', autoplay: false, delay: 5 } }, initialize: function(options){ this.parent(options); Object.merge(this.animations.crossfade, {top: 0, left: 0}); }, animate: function(container, from, to){ var panes = container.getElements('[data-' + this.data + '-pane]'), settings = this.getSettings(container), animation = this.animations[settings.animation] || this.animations.crossfade, current = panes[from], next = panes[to]; if (Browser.ie && Browser.version < 8){ contents.setStyle('zoom', 1); images.setStyle('zoom', 1); } var transition = settings.animation == 'random' ? this.getRandom() : animation, initialStyles = {display: 'block', 'z-index': 2, 'position': 'absolute', 'opacity': 0}; ['top', 'right', 'bottom', 'left'].each(function(dir){ next.style[dir] = ''; }, this); panes.styles(Object.merge({}, transition.from, {position: 'absolute'})); current.styles(Object.merge({}, transition.to, {'z-index': 1, position: 'relative'})); next.styles(Object.merge({}, transition.from, initialStyles)); if (Browser.ie && Browser.version < 9){ next.set('morph', { link: 'cancel', duration: this.options.duration.toInt(), transition: 'quad:in:out', onComplete: function(){ next.styles(Object.merge({}, transition.to, {position: 'relative'})); current.styles(Object.merge({}, transition.from, {position: 'absolute', display: 'none'})); next.get('morph').removeEvents('onComplete'); if (settings.autoplay && settings.autoplay.toInt()) this.startTimer(container); }.bind(this) }).morph(transition.to); current.set('morph', { link: 'cancel', duration: this.options.duration.toInt(), transition: 'quad:in:out' }).morph(transition.from); } else { next.moofx(transition.to, { duration: this.options.duration, equation: this.options.curve, callback: function(){ next.styles(Object.merge({}, transition.to, {position: 'relative'})); current.styles(Object.merge({}, transition.from, {position: 'absolute'})); if (settings.autoplay && settings.autoplay.toInt()) this.startTimer(container); }.bind(this) }); current.moofx(transition.from, { duration: this.options.duration, equation: this.options.curve }); } } }); this.RokSprocket.Showcase = Showcase; })());