/*! Lity - v1.1.1 - 2015-04-02
* http://sorgalla.com/lity/
* Copyright (c) 2015 Jan Sorgalla; Licensed MIT */
(function(window, factory) {
    if (typeof define === 'function' && define.amd) {
        define(['jquery'], function($) {
            return factory(window, $);
        });
    } else if (typeof module === 'object' && typeof module.exports === 'object') {
        module.exports = factory(window, require('jquery'));
    } else {
        window.lity = factory(window, window.jQuery || window.Zepto);
    }
}(window, function(window, $) {
    'use strict';

    var document = window.document;

    var _win = $(window);

    var _imageRegexp = /\.(png|jpg|jpeg|gif|tiff|bmp)(\?\S*)?$/i;
    var _iframeRegexp = /^([a-z]+:)?\/\//i;
    var _youtubeIdRegex = /v=([^&]+)/;
    var _vimeoIdRegex = /\/([^\?&]+)$/;

    var _defaultHandlers = {
        image: imageHandler,
        iframe: iframeHandler,
        inline: inlineHandler
    };

    var _defaultOptions = {
        esc: true
    };

    var transitionEndEvent = (function() {
        var el = document.createElement('div');

        var transEndEventNames = {
            WebkitTransition : 'webkitTransitionEnd',
            MozTransition : 'transitionend',
            OTransition : 'oTransitionEnd otransitionend',
            transition : 'transitionend'
        };

        for (var name in transEndEventNames) {
            if (el.style[name] !== undefined) {
                return transEndEventNames[name];
            }
        }

        return false;
    })();

    function transitionEnd(element) {
        var deferred = $.Deferred();

        if (!transitionEndEvent) {
            deferred.resolve();
        } else {
            element.one(transitionEndEvent, deferred.resolve);
            setTimeout(deferred.reject, 500);
        }

        return deferred.promise();
    }

    var _html = '\
<div class="lity lity-loading" tabindex="-1">\
    <div class="lity-wrap" data-lity-close>\
        <div class="lity-loader">Loading...</div>\
        <div class="lity-container">\
            <div class="lity-content"></div>\
            <button class="lity-close" type="button" title="Close (Esc)" data-lity-close>�~</button>\
        </div>\
    </div>\
</div>';

    function settings(settings, key, value) {
        if (arguments.length === 1) {
            return $.extend({}, settings);
        }

        if (typeof key === 'string') {
            if (typeof value === 'undefined') {
                return typeof settings[key] === 'undefined' ?
                    null :
                    settings[key];
            }
            settings[key] = value;
        } else {
            $.extend(settings, key);
        }

        return this;
    }

    function protocol() {
        return 'file:' === window.location.protocol ? 'http:' : '';
    }

    function error(msg) {
        return $('<span class="lity-error"/>').append(msg);
    }

    function imageHandler(target) {
        if (!_imageRegexp.test(target)) {
            return false;
        }

        var img = $('<img src="' + target + '">');
        var deferred = $.Deferred();
        var failed = function() {
            deferred.reject(error('Failed loading image'));
        };

        img
            .on('load', function() {
                if (this.naturalWidth === 0) {
                    return failed();
                }

                deferred.resolve(img);
            })
            .on('error', failed)
        ;

        return deferred.promise();
    }

    function iframeHandler(target) {
        if (!_iframeRegexp.test(target)) {
            return false;
        }

        var id;

        if (target.indexOf('youtube.') > -1 && target.indexOf('/embed') < 0) {
            id = _youtubeIdRegex.exec(target)[1];
            target = protocol() + '//www.youtube.com/embed/' + id + '?autoplay=1';
        }

        if (target.indexOf('vimeo.') > -1 && target.indexOf('player.vimeo.') < 0) {
            id = _vimeoIdRegex.exec(target.split('//')[1])[1];
            target = protocol() + '//player.vimeo.com/video/' + id + '?autoplay=1';
        }

        if (target.indexOf('//maps.google.') > -1 && target.indexOf('output=embed') < 0) {
            target += '&output=embed';
        }

        return '<div class="lity-iframe-container"><iframe frameborder="0" allowfullscreen src="'+target+'"></iframe></div>';
    }

    function inlineHandler(target) {
        try {
            var el = $(target);
        } catch (e) {
            return false;
        }

        var placeholder = $('<span style="display:none !important" class="lity-inline-placeholder"/>');

        return el
            .after(placeholder)
            .on('lity:ready', function(e, instance) {
                instance.one('lity:close', function() {
                    placeholder
                        .before(el.addClass('lity-hide'))
                        .remove()
                    ;
                });
            })
        ;
    }

    function lity(options) {
        var _options = $.extend({}, _defaultOptions),
            _handlers = $.extend({}, _defaultHandlers),
            _currentOptions,
            _instance,
            _content,
            _ready = $.Deferred().resolve();

        function keyup(e) {
            if (!!_currentOptions.esc && e.keyCode === 27) {
                close()
            }
        }

        function resize() {
            var height = document.documentElement.clientHeight ? document.documentElement.clientHeight : Math.round(_win.height());

            _content
                .css('max-height', Math.floor(height) + 'px')
                .trigger('lity:resize', [_instance, popup])
            ;
        }

        function ready(content) {
            if (!_instance) {
                return;
            }

            _content = $(content);

            _win.on('resize', resize);
            resize();

            _instance
                .find('.lity-loader')
                .each(function() {
                    var el = $(this);
                    transitionEnd(el).always(function() {
                        el.remove();
                    });
                })
            ;

            _instance
                .removeClass('lity-loading')
                .find('.lity-content')
                .empty()
                .append(_content)
            ;

            _content
                .removeClass('lity-hide')
                .trigger('lity:ready', [_instance, popup])
            ;

            _ready.resolve();
        }

        function init(handler, content) {
            _instance = $(_html).appendTo('body');

            _win.one('keyup', keyup);

            setTimeout(function() {
                _instance
                    .addClass('lity-opened lity-' + handler)
                    .on('click', '[data-lity-close]', function(e) {
                        $(e.target).is('[data-lity-close]') && close();
                    })
                    .trigger('lity:open', [_instance, popup])
                ;

                $.when(content).always(ready);
            }, 0);
        }

        function open(target) {
            var handler, content;

            if (_currentOptions.handler && _handlers[_currentOptions.handler]) {
                content = _handlers[_currentOptions.handler](target, instance, popup);
                handler = _currentOptions.handler;
            } else {
                var handlers = $.extend({}, _handlers), lateHandlers = {};

                // Run iframe and inline handlers after all other handlers
                $.each(['iframe', 'inline'], function(i, name) {
                    if (handlers[name]) {
                        lateHandlers[name] = handlers[name];
                    }

                    delete handlers[name];
                });

                var call = function(name, callback) {
                    // Handler might be "removed" by setting callback to null
                    if (!callback) {
                        return true;
                    }

                    content = callback(target, popup);

                    if (!!content) {
                        handler = name;
                        return false;
                    }
                };

                $.each(handlers, call);
                !handler && $.each(lateHandlers, call);
            }

            if (content) {
                _ready = $.Deferred();
                $.when(close()).done($.proxy(init, null, handler, content));
            }

            return !!content;
        }

        function close() {
            if (!_instance) {
                return;
            }

            var deferred = $.Deferred();

            _ready.done(function() {
                _win
                    .off('resize', resize)
                    .off('keyup', keyup)
                ;

                _content && _content
                    .trigger('lity:close', [_instance, popup])
                ;

                _instance
                    .removeClass('lity-opened')
                    .addClass('lity-closed')
                ;

                var instance = _instance;
                _instance = null;
                _content = null;

                transitionEnd(instance).always(function() {
                    instance.remove();
                    deferred.resolve();
                });
            });

            return deferred.promise();
        }

        function popup(eventOrTarget) {
            var target, isEvent = eventOrTarget && !!eventOrTarget.preventDefault, opts;

            if (!isEvent) {
                target = eventOrTarget;
            }

            if (!target) {
                var el = $(this);
                target = el.attr('data-lity-target') || el.attr('href') || el.attr('src');
                opts = el.data('lity-options') || el.data('lity') || {};
            }

            if (!target) {
                return;
            }

            _currentOptions = $.extend({}, _options, opts);

            if (open(target)) {
                if (isEvent) {
                    eventOrTarget.preventDefault();
                }
            }

            return popup;
        }

        popup.handlers = $.proxy(settings, popup, _handlers);
        popup.options = $.proxy(settings, popup, _options);

        popup.open = function(target) {
            open(target);
            return popup;
        };

        popup.close = function() {
            close();
            return popup;
        };

        return popup.options(options);
    }

    lity.version = '1.1.1';
    lity.handlers = $.proxy(settings, lity, _defaultHandlers);
    lity.options = $.proxy(settings, lity, _defaultOptions);

    $(document).on('click', '[data-lity]', lity());

    return lity;
}));