vegas/dist/vegas.js

/*!-----------------------------------------------------------------------------
 * Vegas - Fullscreen Backgrounds and Slideshows.
 * v2.5.4 - built 2021-01-30
 * Licensed under the MIT License.
 * http://vegas.jaysalvat.com/
 * ----------------------------------------------------------------------------
 * Copyright (C) 2010-2021 Jay Salvat
 * http://jaysalvat.com/
 * --------------------------------------------------------------------------*/
/* Customize By Hugh
 * version 1.0.2 - 20201221
 * Simple use by just div[type=vegas] image ...
 */
(function($) {
    'use strict';
  
    var defaults = {
        slide: 0,
        delay: 5000,
        loop: true,
        preload: false,
        preloadImage: false,
        preloadVideo: false,
        timer: true,
        overlay: false,
        autoplay: true,
        shuffle: false,
        cover: true,
        color: null,
        align: 'center',
        valign: 'center',
        firstTransition: null,
        firstTransitionDuration: null,
        transition: 'fade',
        transitionDuration: 1000,
        transitionRegister: [],
        animation: null,
        animationDuration: 'auto',
        animationRegister: [],
        slidesToKeep: 1,
        "arrow-status": 'none',     // none|disabled|hide|show
        "arrow-hookStatus": 'hide', // none|disabled|hide|show
        "arrow-prevHook": null,
        "arrow-nextHook": null,
        "dot-status": 'none',      //none|show
        "dot-hook": null,
        "dot-hookStatus": 'clone', // none|clone|clone-id
        prevTransparent: true,
        init: function() {},
        play: function() {},
        pause: function() {},
        walk: function() {},
        slides: [// {
        //  src:                null,
        //  color:              null,
        //  delay:              null,
        //  align:              null,
        //  valign:             null,
        //  transition:         null,
        //  transitionDuration: null,
        //  animation:          null,
        //  animationDuration:  null,
        //  cover:              true,
        //  video: {
        //      src: [],
        //      mute: true,
        //      loop: true
        // }
        // ...
        ]
    };
  
    var videoCache = {};
  
    var Vegas = function(elmt, options) {
        this.elmt = elmt;
        this.$elmt = $(elmt);
        this.settings = $.extend({}, defaults, $.vegas.defaults, options);
        this._init_settings();
        this.slide = this.settings.slide;
        this.total = this.settings.slides.length;
        this.noshow = this.total < 2;
        this.paused = !this.settings.autoplay || this.noshow;
        this.ended = false;
        this.$timer = null;
        this.$overlay = null;
        this.$slide = null;
        this.timeout = null;
        this.first = true;
        this.transitions = ['fade', 'fade2', 'blur', 'blur2', 'flash', 'flash2', 'negative', 'negative2', 'burn', 'burn2', 'slideLeft', 'slideLeft2', 'slideRight', 'slideRight2', 'slideUp', 'slideUp2', 'slideDown', 'slideDown2', 'zoomIn', 'zoomIn2', 'zoomOut', 'zoomOut2', 'swirlLeft', 'swirlLeft2', 'swirlRight', 'swirlRight2'];
  
        this.animations = ['kenburns', 'kenburnsLeft', 'kenburnsRight', 'kenburnsUp', 'kenburnsUpLeft', 'kenburnsUpRight', 'kenburnsDown', 'kenburnsDownLeft', 'kenburnsDownRight'];
        if (!(this.settings.transitionRegister instanceof Array)) {
            this.settings.transitionRegister = [this.settings.transitionRegister];
        }
  
        if (!(this.settings.animationRegister instanceof Array)) {
            this.settings.animationRegister = [this.settings.animationRegister];
        }
  
        this.transitions = this.transitions.concat(this.settings.transitionRegister);
        this.animations = this.animations.concat(this.settings.animationRegister);
  
        this.support = {
            objectFit: 'objectFit'in document.body.style,
            transition: 'transition'in document.body.style || 'WebkitTransition'in document.body.style,
            video: $.vegas.isVideoCompatible()
        };
  
        if (this.settings.shuffle === true) {
            this.shuffle();
        }
  
        this._init();
        this._arrows();
        this._dots();
    };
  
    Vegas.prototype = {
        _init_settings: function(options) {
            var attributes = this.elmt.attributes;
            var settings = this.settings;
            window.attr_merge(attributes, settings);
            this.slide = settings.slide;
            var slides = [];
            this.$elmt.children().each(function() {
                var $this = $(this);
                if ($this.is('img')) {
                    slides.push({
                        src: $this.attr('src'),
                    });
                    if ($this.attr('data-transition') != undefined && $this.attr('data-transition') != settings['transition']) {
                        slides[slides.length - 1].transition = $this.attr('data-transition');
                    }
                    if ($this.attr('data-animation') != undefined && $this.attr('data-animation') != settings['animation']) {
                        slides[slides.length - 1].transition = $this.attr('data-animation');
                    }
                }
                if ($this.is('video')) {
                    if ($this.children().length > 0) {
                        slides.push({
                            video: {
                                src: [],
                                loop: eval($this.attr('data-loop') || false),
                                mute: eval($this.attr('data-mute') || true),
                            }
                        });
                        var video_srces = [];
                        $this.children().each(function() {
                            video_srces.push($(this).attr('src'))
                        });
                        slides[slides.length - 1].video.src = video_srces;
                    } else {
                        slides.push({
                            video: {
                                src: [$this.attr('src')],
                                loop: eval($this.attr('data-loop') || false),
                                mute: eval($this.attr('data-mute') || true),
                            }
                        });
                    }
                }
            });
            this.settings.slides = slides;
  
        },
        _arrows: function(){
            let settings = window.attr_prefix(this.settings, 'arrow');
            let this_prev = this.$elmt.find('.vegas-prev');
            let this_next = this.$elmt.find('.vegas-next');
  
            if (settings.prevHook != null) {
                $("body").on("click", settings.prevHook, function() {
                    $('[data-arrow-prevHook="' + settings.prevHook + '"] .vegas-prev').click();
                });
            }
            if (settings.nextHook != null) {
                $("body").on("click", settings.nextHook, function() {
                    $('[data-arrow-nextHook="' + settings.nextHook + '"] .vegas-next').click();
                });
            }
  
            if (settings.status == 'none') {
                this_prev.hide();
                this_next.hide();
            } else if (settings.status == 'hide') {
                if (this.slide == 0) {
                    this.$elmt.find('.vegas-prev').hide();
                }
                this.$elmt.on('vegaschange', function() {
                    if ($(this).vegas('current') <= 0) {
                        $(this).find('.vegas-prev').hide();
                    } else {
                        $(this).find('.vegas-prev').show();
                    }
                    if ($(this).vegas('current') >= ($(this).vegas('__total') - 1)) {
                        $(this).find('.vegas-next').hide();
                    } else {
                        $(this).find('.vegas-next').show();
                    }
                });
            } else if (settings.status == 'disabled') {
                if (this.slide == 0) {
                    this.$elmt.find('.vegas-prev').addClass('vegas-disabled');
                }
                this.$elmt.on('vegaschange', function() {
                    if ($(this).vegas('current') <= 0) {
                        $(this).find('.vegas-prev').addClass('vegas-disabled');
                    } else {
                        $(this).find('.vegas-prev').removeClass('vegas-disabled');
                    }
                    if ($(this).vegas('current') >= ($(this).vegas('__total') - 1)) {
                        $(this).find('.vegas-next').addClass('vegas-disabled');
                    } else {
                        $(this).find('.vegas-next').removeClass('vegas-disabled');
                    }
                });
            }
            if (settings.hookStatus == 'none') {
                $(settings.prevHook).hide();
                $(settings.nextHook).hide();
            } else if (settings.hookStatus == 'hide') {
                if (this.slide == 0) {
                    $(settings.prevHook).hide();
                }
                this.$elmt.on('vegaschange', function() {
                    if ($(this).vegas('current') <= 0) {
                        $(settings.prevHook).hide();
                    } else {
                        $(settings.prevHook).show();
                    }
                    if ($(this).vegas('current') >= ($(this).vegas('__total') - 1)) {
                        $(settings.nextHook).hide();
                    } else {
                        $(settings.nextHook).show();
                    }
                });
            } else if (settings.hookStatus == 'disabled') {
                if (this.slide == 0) {
                    $(settings.prevHook).addClass('vegas-disabled');
                }
                this.$elmt.on('vegaschange', function() {
                    if ($(this).vegas('current') <= 0) {
                        $(settings.prevHook).addClass('vegas-disabled');
                    } else {
                        $(settings.prevHook).removeClass('vegas-disabled');
                    }
                    if ($(this).vegas('current') >= ($(this).vegas('__total') - 1)) {
                        $(settings.nextHook).addClass('vegas-disabled');
                    } else {
                        $(settings.nextHook).removeClass('vegas-disabled');
                    }
                });
            } 
        },
        _dots: function() {
            let settings = window.attr_prefix(this.settings, 'dot');
            let dots = this.$elmt.find('.vegas-dots .vegas-dot').eq(0);
            let dataHook = $(settings.hook);
            let dataHookChild = $(settings.hook).children().eq(0);
            
            for (var i = 1; i < this.settings.slides.length; i++) {
                dots.clone(true).appendTo(this.$elmt.find('.vegas-dots'));
                if (settings.hookStatus == "clone") {
                    dataHookChild.clone(true).appendTo(dataHook);
                }
                if (settings.hookStatus == "clone-id") {
                    var vegas_dot = dataHookChild.clone(true);
  
                    vegas_dot.html(function(x, oldHTML) {
                        return oldHTML.replace(/\${i}/g, i + 1);
                    }).appendTo(dataHook);
                }
            }
            if (settings.hookStatus == "clone-id") {
                dataHookChild.html(function(x, oldHTML) {
                    return oldHTML.replace(/\${i}/g, 1);
                })
            }
            if (settings.status == "hide") {
                this.$elmt.find('.vegas-dots').hide();
            }
            this.$elmt.find('.vegas-dots .vegas-dot').eq(this.slide).addClass('vegas-dot-active');
            $(settings.hook).children().eq(this.slide).addClass('vegas-dot-active');
  
            this.$elmt.on('vegaschange', function() {
                $(this).find('.vegas-dots .vegas-dot.vegas-dot-active').removeClass('vegas-dot-active');
                $(settings.hook).children('.vegas-dot-active').removeClass('vegas-dot-active');
                var active_dot = $(this).vegas('current') > $(this).find('.vegas-dots .vegas-dot').length - 1 ? $(this).find('.vegas-dots .vegas-dot').length - 1 : $(this).vegas('current');
                var active_dot = $(this).vegas('current') < 0 ? 0 : active_dot;
                $(this).find('.vegas-dots .vegas-dot').eq(active_dot).addClass('vegas-dot-active');
                $(settings.hook).children().eq(active_dot).addClass('vegas-dot-active');
            });
            var dot_clone = settings.hook;
  
            $(settings.hook).children().on('click', function() {
                $('[data-dot-hook="' + dot_clone + '"] .vegas-dots').children('.vegas-dot').eq($(this).index()).click();
            });
        },
        _init: function() {
            var $content, $contentScroll, $overlay, $timer, isBody = this.elmt.tagName === 'BODY', timer = this.settings.timer, overlay = this.settings.overlay, self = this;
  
            // Preloading
            this._preload();
  
            // Div with scrollable content
            if (!isBody) {
                $contentScroll = $('<div class="vegas-content-scrollable">');
  
                $content = $('<div class="vegas-content">').css('overflow', this.$elmt.css('overflow')).css('padding', this.$elmt.css('padding'));
  
                // Some browsers don't compute padding shorthand
                if (!this.$elmt.css('padding')) {
                    $content.css('padding-top', this.$elmt.css('padding-top')).css('padding-bottom', this.$elmt.css('padding-bottom')).css('padding-left', this.$elmt.css('padding-left')).css('padding-right', this.$elmt.css('padding-right'));
                }
                this.$elmt.css('padding', 0);
                
                this.$elmt.clone(true).children().appendTo($content);
  
                $content.children().not('.vegas-dot-controls').wrapAll("<div class='contents'></div>");
                $content.append($('<div class="vegas-arrow-controls"></div>'));
                $content.find('.vegas-arrow-controls').append($('<div class="vegas-prev"></div>')).find('.vegas-prev').append($('<div class="vegas-prev-icon"></div>'));
                $content.find('.vegas-arrow-controls').append($('<div class="vegas-next"></div>')).find('.vegas-next').append($('<div class="vegas-next-icon"></div>'));
                $content.append($('<div class="vegas-dot-controls"></div>')).find('.vegas-dot-controls').append($('<div class="vegas-dots"></div>')).find('.vegas-dots').append($('<div class="vegas-dot"></div>'));
  
                this.elmt.innerHTML = '';
            }
  
            // Timer
            if (timer && this.support.transition) {
                $timer = $('<div class="vegas-timer"><div class="vegas-timer-progress">');
                this.$timer = $timer;
                this.$elmt.prepend($timer);
            }
  
            // Overlay
            if (overlay) {
                $overlay = $('<div class="vegas-overlay">');
  
                if (typeof overlay === 'string') {
                    $overlay.css('background-image', 'url(' + overlay + ')');
                }
  
                this.$overlay = $overlay;
                this.$elmt.prepend($overlay);
            }
  
            // Container
            this.$elmt.addClass('vegas-container');
  
            if (!isBody) {
                this.$elmt.append($contentScroll);
                $contentScroll.append($content);
            }
  
            this.$elmt.data('vegas', this);
  
            setTimeout(function() {
                self.trigger('init');
                self._goto(self.slide);
  
                if (self.settings.autoplay) {
                    self.trigger('play');
                }
            }, 1);
        },
  
        _preload: function() {
            var img, i;
  
            for (i = 0; i < this.settings.slides.length; i++) {
                if (this.settings.preload || this.settings.preloadImages) {
                    if (this.settings.slides[i].src) {
                        img = new Image();
                        img.src = this.settings.slides[i].src;
                    }
                }
  
                if (this.settings.preload || this.settings.preloadVideos) {
                    if (this.support.video && this.settings.slides[i].video) {
                        if (this.settings.slides[i].video instanceof Array) {
                            this._video(this.settings.slides[i].video);
                        } else {
                            this._video(this.settings.slides[i].video.src);
                        }
                    }
                }
            }
        },
  
        _random: function(array) {
            return array[Math.floor(Math.random() * array.length)];
        },
  
        _slideShow: function() {
            var self = this;
  
            if (this.total > 1 && !this.ended && !this.paused && !this.noshow) {
                this.timeout = setTimeout(function() {
                    self.next();
                }, this._options('delay'));
            }
        },
  
        _timer: function(state) {
            var self = this;
  
            clearTimeout(this.timeout);
  
            if (!this.$timer) {
                return;
            }
  
            this.$timer.removeClass('vegas-timer-running').find('div').css('transition-duration', '0ms');
  
            if (this.ended || this.paused || this.noshow) {
                return;
            }
  
            if (state) {
                setTimeout(function() {
                    self.$timer.addClass('vegas-timer-running').find('div').css('transition-duration', self._options('delay') - 100 + 'ms');
                }, 100);
            }
        },
  
        _video: function(srcs) {
            var video, source, cacheKey = srcs.toString();
  
            if (videoCache[cacheKey]) {
                return videoCache[cacheKey];
            }
  
            if (!(srcs instanceof Array)) {
                srcs = [srcs];
            }
  
            video = document.createElement('video');
            video.preload = true;
  
            srcs.forEach(function(src) {
                source = document.createElement('source');
                source.src = src;
                video.appendChild(source);
            });
  
            videoCache[cacheKey] = video;
  
            return video;
        },
  
        _fadeOutSound: function(video, duration) {
            var self = this
              , delay = duration / 10
              , volume = video.volume - 0.09;
  
            if (volume > 0) {
                video.volume = volume;
  
                setTimeout(function() {
                    self._fadeOutSound(video, duration);
                }, delay);
            } else {
                video.pause();
            }
        },
  
        _fadeInSound: function(video, duration) {
            var self = this
              , delay = duration / 10
              , volume = video.volume + 0.09;
  
            if (volume < 1) {
                video.volume = volume;
  
                setTimeout(function() {
                    self._fadeInSound(video, duration);
                }, delay);
            }
        },
  
        _options: function(key, i) {
            if (i === undefined) {
                i = this.slide;
            }
  
            if (this.settings.slides[i][key] !== undefined) {
                return this.settings.slides[i][key];
            }
  
            return this.settings[key];
        },
  
        _goto: function(nb) {
            if (typeof this.settings.slides[nb] === 'undefined') {
                nb = 0;
            }
  
            this.slide = nb;
  
            var $slide, $inner, $video, $slides = this.$elmt.children('.vegas-slide'), src = this.settings.slides[nb].src, videoSettings = this.settings.slides[nb].video, delay = this._options('delay'), align = this._options('align'), valign = this._options('valign'), cover = this._options('cover'), color = this._options('color') || this.$elmt.css('background-color'), self = this, total = $slides.length, video, img;
            var transition = this._options('transition')
              , transitionDuration = this._options('transitionDuration')
              , animation = this._options('animation')
              , animationDuration = this._options('animationDuration');
  
            if (this.settings.firstTransition && this.first) {
                transition = this.settings.firstTransition || transition;
            }
  
            if (this.settings.firstTransitionDuration && this.first) {
                transitionDuration = this.settings.firstTransitionDuration || transitionDuration;
            }
  
            if (this.first) {
                this.first = false;
            }
  
            if (cover !== 'repeat') {
                if (cover === true) {
                    cover = 'cover';
                } else if (cover === false) {
                    cover = 'contain';
                }
            }
  
            if (transition === 'random' || transition instanceof Array) {
                if (transition instanceof Array) {
                    transition = this._random(transition);
                } else {
                    transition = this._random(this.transitions);
                }
            }
  
            if (animation === 'random' || animation instanceof Array) {
                if (animation instanceof Array) {
                    animation = this._random(animation);
                } else {
                    animation = this._random(this.animations);
                }
            }
  
            if (transitionDuration === 'auto' || transitionDuration > delay) {
                transitionDuration = delay;
            }
  
            if (animationDuration === 'auto') {
                animationDuration = delay;
            }
  
            $slide = $('<div class="vegas-slide"></div>');
  
            if (this.support.transition && transition) {
                $slide.addClass('vegas-transition-' + transition);
            }
  
  
            if (this.support.video && videoSettings) {
                // Video
  
                if (videoSettings instanceof Array) {
                    video = this._video(videoSettings);
                } else {
                    video = this._video(videoSettings.src);
                }
  
                video.loop = videoSettings.loop !== undefined ? videoSettings.loop : true;
                video.muted = videoSettings.mute !== undefined ? videoSettings.mute : true;
  
                if (video.muted === false) {
                    video.volume = 0;
                    this._fadeInSound(video, transitionDuration);
                } else {
                    video.pause();
                }
  
                $video = $(video).addClass('vegas-video').css('background-color', color);
  
                if (this.support.objectFit) {
                    $video.css('object-position', align + ' ' + valign).css('object-fit', cover).css('width', '100%').css('height', '100%');
                } else if (cover === 'contain') {
                    $video.css('width', '100%').css('height', '100%');
                }
  
                $slide.append($video);
  
  
            } else {
                // Image
  
                img = new Image();
                $inner = $('<div class="vegas-slide-inner"></div>').css('background-image', 'url("' + src + '")').css('background-color', color).css('background-position', align + ' ' + valign);
  
                if (cover === 'repeat') {
                    $inner.css('background-repeat', 'repeat');
                } else {
                    $inner.css('background-size', cover);
                }
  
                if (this.support.transition && animation) {
                    $inner.addClass('vegas-animation-' + animation).css('animation-duration', animationDuration + 'ms');
                }
  
                $slide.append($inner);
            }
  
            if (!this.support.transition) {
                $slide.css('display', 'none');
            }
            if (total) {
                $slides.eq(total - 1).after($slide);
            } else {
                this.$elmt.prepend($slide);
            }
  
            $slides.css('transition', 'all 0ms').each(function() {
                this.className = 'vegas-slide';
  
                if (this.tagName === 'VIDEO') {
                    this.className += ' vegas-video';
                }
  
                if (transition) {
                    this.className += ' vegas-transition-' + transition;
                    this.className += ' vegas-transition-' + transition + '-in';
                }
            });
  
            self._timer(false);
  
            function go() {
                self._timer(true);
  
                setTimeout(function() {
                    if (transition) {
                        if (self.support.transition) {
                            $slides.css('transition', 'all ' + transitionDuration + 'ms').addClass('vegas-transition-' + transition + '-out').css('opacity', self.settings.prevTransparent ? 0 : 1);
  
                            $slides.each(function() {
                                var video = $slides.find('video').get(0);
  
                                if (video) {
                                    video.volume = 1;
                                    self._fadeOutSound(video, transitionDuration);
                                }
                            });
  
                            $slide.css('transition', 'all ' + transitionDuration + 'ms').addClass('vegas-transition-' + transition + '-in');
                        } else {
                            $slide.fadeIn(transitionDuration);
                        }
                    }
  
                    for (var i = 0; i < $slides.length - self.settings.slidesToKeep; i++) {
                        $slides.eq(i).remove();
                    }
  
                    self.trigger('walk');
                    self._slideShow();
                }, 100);
            }
            if (video) {
                if (video.readyState === 4) {
                    video.currentTime = 0;
                }
  
                video.play();
                go();
            } else {
                img.src = src;
  
                if (img.complete) {
                    go();
                } else {
                    img.onload = go;
                }
            }
        },
  
        _end: function() {
            this.ended = !this.settings.autoplay;
            this._timer(false);
            this.trigger('end');
        },
  
        shuffle: function() {
            var temp, rand;
  
            for (var i = this.total - 1; i > 0; i--) {
                rand = Math.floor(Math.random() * (i + 1));
                temp = this.settings.slides[i];
  
                this.settings.slides[i] = this.settings.slides[rand];
                this.settings.slides[rand] = temp;
            }
        },
  
        play: function() {
            if (this.paused) {
                this.paused = false;
                this.next();
                this.trigger('play');
            }
        },
  
        pause: function() {
            this._timer(false);
            this.paused = true;
            this.trigger('pause');
        },
  
        toggle: function() {
            if (this.paused) {
                this.play();
            } else {
                this.pause();
            }
        },
  
        playing: function() {
            return !this.paused && !this.noshow;
        },
  
        current: function(advanced) {
            if (advanced) {
                return {
                    slide: this.slide,
                    data: this.settings.slides[this.slide]
                };
            }
            return this.slide;
        },
  
        jump: function(nb) {
            if (nb < 0 || nb > this.total - 1 || nb === this.slide) {
                return;
            }
            this.trigger('jump');
            this.slide = nb;
            this.trigger('change');
            this._goto(this.slide);
        },
  
        next: function() {
            this.slide++;
            this.trigger('next');
            this.trigger('change');
            if (this.slide >= this.total) {
                this.slide--;
                if (!this.settings.loop) {
                    return this._end();
                }
  
                this.slide = 0;
            }
  
            this._goto(this.slide);
        },
  
        previous: function() {
            this.slide--;
            this.trigger('previous');
            this.trigger('change');
            if (this.slide < 0) {
                if (!this.settings.loop) {
                    this.slide++;
                    return;
                } else {
                    this.slide = this.total - 1;
                }
            }
  
            this._goto(this.slide);
        },
  
        trigger: function(fn) {
            var params = [];
  
            if (fn === 'init') {
                params = [this.settings];
            } else {
                params = [this.slide, this.settings.slides[this.slide]];
            }
  
            this.$elmt.trigger('vegas' + fn, params);
  
            if (typeof this.settings[fn] === 'function') {
                this.settings[fn].apply(this.$elmt, params);
            }
        },
  
        options: function(key, value) {
            var oldSlides = this.settings.slides.slice();
  
            if (typeof key === 'object') {
                this.settings = $.extend({}, defaults, $.vegas.defaults, key);
            } else if (typeof key === 'string') {
                if (value === undefined) {
                    return this.settings[key];
                }
                this.settings[key] = value;
            } else {
                return this.settings;
            }
  
            // In case slides have changed
            if (this.settings.slides !== oldSlides) {
                this.total = this.settings.slides.length;
                this.noshow = this.total < 2;
                this._preload();
            }
        },
  
        destroy: function() {
            clearTimeout(this.timeout);
  
            this.$elmt.removeClass('vegas-container');
            this.$elmt.find('> .vegas-slide').remove();
            this.$elmt.find('> .vegas-wrapper').clone(true).children().appendTo(this.$elmt);
            this.$elmt.find('> .vegas-wrapper').remove();
  
            if (this.settings.timer) {
                this.$timer.remove();
            }
  
            if (this.settings.overlay) {
                this.$overlay.remove();
            }
  
            this.elmt._vegas = null;
        }
    };
  
    $.fn.vegas = function(options) {
        var args = arguments, error = false, returns;
        if (options === undefined || typeof options === 'object') {
            return this.each(function() {
                if (!this._vegas) {
                    this._vegas = new Vegas(this,options);
                }
            });
        } else if (typeof options === 'string') {
            this.each(function() {
                var instance = this._vegas;
                if (!instance) {
                    throw new Error('No Vegas applied to this element.');
                }
                if (options[0] === '_' && options[1] === '_'){
                    returns = instance[options.substring(2)];
                } else {
                    if (typeof instance[options] === 'function' && options[0] !== '_') {
                        returns = instance[options].apply(instance, [].slice.call(args, 1));
                    } else {
                        error = true;
                    }
                }
                
            });
  
            if (error) {
                throw new Error('No method "' + options + '" in Vegas.');
            }
  
            return returns !== undefined ? returns : this;
        }
    }
    ;
  
    $.vegas = {};
    $.vegas.defaults = defaults;
  
    $.vegas.isVideoCompatible = function() {
        return !/(Android|webOS|Phone|iPad|iPod|BlackBerry|Windows Phone)/i.test(navigator.userAgent);
    }
    ;
  
  }
  )(window.jQuery || window.Zepto || window.m4q);
  $(document).ready(function() {
    if (typeof $.initialize == 'function'){
        $.initialize('[type=vegas]', function(event) {
            if (! window.delegate_vegas){
                window.delegate_vegas = true;
                delegate_function();
            }
            if ($(this).is(':not("[vegas]")')){
                $(this).vegas().attr('vegas', '');
            }
        });
    } else {
        window.init_vegas = function(){
            $('[type="vegas"]:not("[vegas]")').vegas().attr('vegas', '');
        }
        if ($('[type="vegas"]:not("[vegas]")').length > 0){
            window.init_vegas();
            window.delegate_vegas = true;
            delegate_function();
        }
    }
    
  });
  function delegate_function(){
    $("body").delegate("[type=vegas][vegas]", "mousedown", function() {
        var e = window.event;
        startX = e.clientX;
        window.sliding = true;
    });
    $("body").delegate("[type=vegas][vegas]", "mouseup", function() {
        var e = window.event;
        var endX = e.clientX;
        // 左滑
        if ((startX - endX) > 30) {
            $(this).vegas('next');
        }
        // 右滑
        if ((endX - startX) > 30) {
            $(this).vegas('previous');
        }
        window.sliding = false;
    });
    $("body").delegate("[type=vegas][vegas]", "mouseleave", function() {
        if (window.sliding) {
            var e = window.event;
            var endX = e.clientX;
            // 左滑
            if ((startX - endX) > 30) {
                $(this).vegas('next');
            }
            // 右滑
            if ((endX - startX) > 30) {
                $(this).vegas('previous');
            }
            window.sliding = false;
        }
    });
    $("body").delegate('[type=vegas][vegas] .vegas-prev', "click", function() {
        $(this).parents('[type=vegas]').vegas('previous');
    });
    $("body").delegate('[type=vegas][vegas] .vegas-next', "click", function() {
        $(this).parents('[type=vegas]').vegas('next');
    });
    $("body").delegate('[type=vegas][vegas] .vegas-dots .vegas-dot', "click", function() {
        $(this).parents('[type=vegas]').vegas('jump', $(this).index());
    });
  }