/*
 * nivo lightbox v1.3.1
 * http://dev7studios.com/nivo-lightbox
 *
 * copyright 2013, dev7studios
 * free to use and abuse under the mit license.
 * http://www.opensource.org/licenses/mit-license.php
 */

;(function($, window, document, undefined){

    var pluginname = 'nivolightbox',
        defaults = {
            effect: 'fade',
            theme: 'default',
            keyboardnav: true,
            clickimgtoclose: false,
            clickoverlaytoclose: true,
            oninit: function(){},
            beforeshowlightbox: function(){},
            aftershowlightbox: function(lightbox){},
            beforehidelightbox: function(){},
            afterhidelightbox: function(){},
            beforeprev: function(element){},
            onprev: function(element){},
            beforenext: function(element){},
            onnext: function(element){},
            errormessage: 'the requested content cannot be loaded. please try again later.'
        };

    function nivolightbox(element, options){
        this.el = element;
        this.$el = $(this.el);

        this.options = $.extend({}, defaults, options);

        this._defaults = defaults;
        this._name = pluginname;

        this.init();
    }

    nivolightbox.prototype = {

        init: function(){
			var $this = this;

			// need this so we don't use css transitions in mobile
			if(!$('html').hasclass('nivo-lightbox-notouch')) $('html').addclass('nivo-lightbox-notouch');
			if('ontouchstart' in document) $('html').removeclass('nivo-lightbox-notouch');

			// setup the click
            this.$el.on('click', function(e){
                $this.showlightbox(e);
            });

            // keyboardnav
            if(this.options.keyboardnav){
                $('body').off('keyup').on('keyup', function(e){
                    var code = (e.keycode ? e.keycode : e.which);
                    // escape
                    if(code == 27) $this.destructlightbox();
                    // left
                    if(code == 37) $('.nivo-lightbox-prev').trigger('click');
                    // right
                    if(code == 39) $('.nivo-lightbox-next').trigger('click');
				});
			}

			this.options.oninit.call(this);

        },

        showlightbox: function(e){
            var $this = this,
                currentlink = this.$el;

			// check content
			var check = this.checkcontent(currentlink);
			if(!check) return;

			e.preventdefault();
            this.options.beforeshowlightbox.call(this);
            var lightbox = this.constructlightbox();
            if(!lightbox) return;
            var content = lightbox.find('.nivo-lightbox-content');
            if(!content) return;

            $('body').addclass('nivo-lightbox-body-effect-'+ this.options.effect);

			this.processcontent( content, currentlink );

            // nav
            if(this.$el.attr('data-lightbox-gallery')){
                var galleryitems = $('[data-lightbox-gallery="'+ this.$el.attr('data-lightbox-gallery') +'"]');

                $('.nivo-lightbox-nav').show();

				// prev
                $('.nivo-lightbox-prev').off('click').on('click', function(e){
                    e.preventdefault();
                    var index = galleryitems.index(currentlink);
                    currentlink = galleryitems.eq(index - 1);
                    if(!$(currentlink).length) currentlink = galleryitems.last();
                    $.when($this.options.beforeprev.call(this, [ currentlink ])).done(function(){
                        $this.processcontent(content, currentlink);
                        $this.options.onprev.call(this, [ currentlink ]);
                    });
                });

                // next
                $('.nivo-lightbox-next').off('click').on('click', function(e){
                    e.preventdefault();
                    var index = galleryitems.index(currentlink);
                    currentlink = galleryitems.eq(index + 1);
                    if(!$(currentlink).length) currentlink = galleryitems.first();
                    $.when($this.options.beforenext.call(this, [ currentlink ])).done(function(){
                        $this.processcontent(content, currentlink);
                        $this.options.onnext.call(this, [ currentlink ]);
                    });
                });
            }

            settimeout(function(){
                lightbox.addclass('nivo-lightbox-open');
                $this.options.aftershowlightbox.call(this, [ lightbox ]);
            }, 1); // for css transitions
        },

		checkcontent: function( link ) {
			var $this = this,
                href = link.attr('href'),
                video = href.match(/(youtube|youtube-nocookie|youtu|vimeo)\.(com|be)\/(watch\?v=([\w-]+)|([\w-]+))/);

            if(href.match(/\.(jpeg|jpg|gif|png)$/i) !== null){
				return true;
			}
			// video (youtube/vimeo)
            else if(video){
				return true;
			}
			// ajax
			else if(link.attr('data-lightbox-type') == 'ajax'){
				return true;
			}
			// inline html
			else if(href.substring(0, 1) == '#' && link.attr('data-lightbox-type') == 'inline'){
				return true;
			}
			// iframe (default)
			else if(link.attr('data-lightbox-type') == 'iframe'){
				return true;
			}

			return false;
		},

        processcontent: function(content, link){
            var $this = this,
                href = link.attr('href'),
                video = href.match(/(youtube|youtube-nocookie|youtu|vimeo)\.(com|be)\/(watch\?v=([\w-]+)|([\w-]+))/);

            content.html('').addclass('nivo-lightbox-loading');

            // is hidpi?
            if(this.ishidpi() && link.attr('data-lightbox-hidpi')){
                href = link.attr('data-lightbox-hidpi');
            }

            // image
            if(href.match(/\.(jpeg|jpg|gif|png)$/i) !== null){
                var img = $('<img>', { src: href, 'class': 'nivo-lightbox-image-display' });
                img.one('load', function() {
					var wrap = $('<div class="nivo-lightbox-image" />');
                    wrap.append(img);
					content.html(wrap).removeclass('nivo-lightbox-loading');

					// vertically center images
					wrap.css({
						'line-height': $('.nivo-lightbox-content').height() +'px',
						'height': $('.nivo-lightbox-content').height() +'px' // for firefox
					});
					$(window).resize(function() {
						wrap.css({
							'line-height': $('.nivo-lightbox-content').height() +'px',
							'height': $('.nivo-lightbox-content').height() +'px' // for firefox
						});
					});
				}).each(function() {
					if(this.complete) $(this).load();
				});

				img.error(function() {
					var wrap = $('<div class="nivo-lightbox-error"><p>'+ $this.options.errormessage +'</p></div>');
                    content.html(wrap).removeclass('nivo-lightbox-loading');
				});
            }
            // video (youtube/vimeo)
            else if(video){
                var src = '',
                    classterm = 'nivo-lightbox-video';

                if(video[1] == 'youtube'){
                    src = '//www.youtube.com/embed/'+ video[4];
                    classterm = 'nivo-lightbox-youtube';
                }
                if(video[1] == 'youtube-nocookie'){
                    src = href; //https://www.youtube-nocookie.com/embed/...
                    classterm = 'nivo-lightbox-youtube';
                }
                if(video[1] == 'youtu'){
                    src = '//www.youtube.com/embed/'+ video[3];
                    classterm = 'nivo-lightbox-youtube';
                }
                if(video[1] == 'vimeo'){
                    src = '//player.vimeo.com/video/'+ video[3];
                    classterm = 'nivo-lightbox-vimeo';
                }

                if(src){
                    var iframevideo = $('<iframe>', {
                        src: src,
                        'class': classterm,
                        frameborder: 0,
                        vspace: 0,
                        hspace: 0,
                        scrolling: 'auto'
                    });
                    content.html(iframevideo);
                    iframevideo.load(function(){ content.removeclass('nivo-lightbox-loading'); });
                }
            }
            // ajax
            else if(link.attr('data-lightbox-type') == 'ajax'){
				$.ajax({
					url: href,
					cache: false,
					success: function(data) {
						var wrap = $('<div class="nivo-lightbox-ajax" />');
						wrap.append(data);
						content.html(wrap).removeclass('nivo-lightbox-loading');

						// vertically center html
						if(wrap.outerheight() < content.height()){
							wrap.css({
								'position': 'relative',
								'top': '50%',
								'margin-top': -(wrap.outerheight()/2) +'px'
							});
						}
						$(window).resize(function() {
							if(wrap.outerheight() < content.height()){
								wrap.css({
									'position': 'relative',
									'top': '50%',
									'margin-top': -(wrap.outerheight()/2) +'px'
								});
							}
						});
					},
					error: function(){
						var wrap = $('<div class="nivo-lightbox-error"><p>'+ $this.options.errormessage +'</p></div>');
                        content.html(wrap).removeclass('nivo-lightbox-loading');
					}
				});
            }
            // inline html
            else if(href.substring(0, 1) == '#' && link.attr('data-lightbox-type') == 'inline'){
                if($(href).length){
                    var wrap = $('<div class="nivo-lightbox-inline" />');
					wrap.append($(href).clone().show());
                    content.html(wrap).removeclass('nivo-lightbox-loading');

                    // vertically center html
					if(wrap.outerheight() < content.height()){
						wrap.css({
							'position': 'relative',
							'top': '50%',
							'margin-top': -(wrap.outerheight()/2) +'px'
						});
					}
					$(window).resize(function() {
						if(wrap.outerheight() < content.height()){
							wrap.css({
								'position': 'relative',
								'top': '50%',
								'margin-top': -(wrap.outerheight()/2) +'px'
							});
						}
					});
				} else {
					var wraperror = $('<div class="nivo-lightbox-error"><p>'+ $this.options.errormessage +'</p></div>');
                    content.html(wraperror).removeclass('nivo-lightbox-loading');
				}
            }
            // iframe (default)
            else if(link.attr('data-lightbox-type') == 'iframe'){
                var iframe = $('<iframe>', {
                    src: href,
                    'class': 'nivo-lightbox-item',
                    frameborder: 0,
                    vspace: 0,
                    hspace: 0,
                    scrolling: 'auto'
                });
                content.html(iframe);
                iframe.load(function(){ content.removeclass('nivo-lightbox-loading'); });
            } else {
				return false;
			}

            // set the title
            if(link.attr('title')){
                var titlewrap = $('<span>', { 'class': 'nivo-lightbox-title' });
                titlewrap.text(link.attr('title'));
                $('.nivo-lightbox-title-wrap').html(titlewrap);
            } else {
                $('.nivo-lightbox-title-wrap').html('');
            }
        },

        constructlightbox: function(){
            if($('.nivo-lightbox-overlay').length) return $('.nivo-lightbox-overlay');

            var overlay = $('<div>', { 'class': 'nivo-lightbox-overlay nivo-lightbox-theme-'+ this.options.theme +' nivo-lightbox-effect-'+ this.options.effect });
            var wrap = $('<div>', { 'class': 'nivo-lightbox-wrap' });
            var content = $('<div>', { 'class': 'nivo-lightbox-content' });
            var nav = $('<a href="#" class="nivo-lightbox-nav nivo-lightbox-prev">previous</a><a href="#" class="nivo-lightbox-nav nivo-lightbox-next">next</a>');
            var close = $('<a href="#" class="nivo-lightbox-close" title="close"><i class="bi-x"></i></a>');
            var title = $('<div>', { 'class': 'nivo-lightbox-title-wrap' });

            var ismsie = /*@cc_on!@*/0;
            if(ismsie) overlay.addclass('nivo-lightbox-ie');

            wrap.append(content);
            wrap.append(title);
            overlay.append(wrap);
            overlay.append(nav);
            overlay.append(close);
            $('body').append(overlay);

            var $this = this;
            if($this.options.clickoverlaytoclose){
                overlay.on('click', function(e){
                    if(e.target === this || $(e.target).hasclass('nivo-lightbox-content') || $(e.target).hasclass('nivo-lightbox-image')){
                        $this.destructlightbox();
                    }
                });
            }
            if($this.options.clickimgtoclose){
                overlay.on('click', function(e){
                    if(e.target === this || $(e.target).hasclass('nivo-lightbox-image-display')){
                        $this.destructlightbox();
                    }
                });
            }

            close.on('click', function(e){
                e.preventdefault();
                $this.destructlightbox();
            });

            return overlay;
        },

        destructlightbox: function(){
            var $this = this;
            this.options.beforehidelightbox.call(this);

            $('.nivo-lightbox-overlay').removeclass('nivo-lightbox-open');
            $('.nivo-lightbox-nav').hide();
            $('body').removeclass('nivo-lightbox-body-effect-'+ $this.options.effect);

            // for ie
            var ismsie = /*@cc_on!@*/0;
            if(ismsie){
                $('.nivo-lightbox-overlay iframe').attr("src", " ");
                $('.nivo-lightbox-overlay iframe').remove();
            }

            // remove click handlers
            $('.nivo-lightbox-prev').off('click');
            $('.nivo-lightbox-next').off('click');

            // empty content (for videos)
            $('.nivo-lightbox-content').empty();

            this.options.afterhidelightbox.call(this);
        },

        ishidpi: function(){
			var mediaquery = "(-webkit-min-device-pixel-ratio: 1.5),\
                              (min--moz-device-pixel-ratio: 1.5),\
                              (-o-min-device-pixel-ratio: 3/2),\
                              (min-resolution: 1.5dppx)";
			if(window.devicepixelratio > 1) return true;
			if(window.matchmedia && window.matchmedia(mediaquery).matches) return true;
			return false;
		}

    };

    $.fn[pluginname] = function(options){
        return this.each(function(){
            if(!$.data(this, pluginname)){
                $.data(this, pluginname, new nivolightbox(this, options));
            }
        });
    };

})(jquery, window, document);