window.bioEp = {
    // Private variables
    bgEl: {},
    popupEl: {},
    closeBtnEl: {},
    shown: false,
    overflowDefault: "visible",
    transformDefault: false,

    // Popup options
    width: "600",
    html: "",
    css: "",
    fonts: [],
    delay: 1,
    showOnDelay: false,
    cookieExp: 30,
    showOncePerSession: false,
    onPopup: null,
    popup_id: null,
    cookie_lifetime: null,
    display_popup: null,
    enable_cookie_lifetime: null,

    // Object for handling cookies, taken from QuirksMode
    // http://www.quirksmode.org/js/cookies.html
    cookieManager: {
        // Create a cookie
        create: function (name, value, days, sessionOnly) {
            var expires = "";

            if (sessionOnly)
                expires = "; expires=0"
            else if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                expires = "; expires=" + date.toGMTString();
            }

            document.cookie = name + "=" + value + expires + "; path=/";
        },

        // Get the value of a cookie
        get: function (name) {
            var nameEQ = name + "=";
            var ca = document.cookie.split(";");

            for (var i = 0; i < ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == " ") c = c.substring(1, c.length);
                if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
            }

            return null;
        },

        // Delete a cookie
        erase: function (name) {
            this.create(name, "", -1);
        }
    },
    // Handle the bioep_shown cookie
    // If present and true, return true
    // If not present or false, create and return false
    checkCookie: function () {
        var cookies = this.cookieManager.get('magenest_cookie_popup'),
            flag = false;
        if (cookies != null && cookies != "") {
            var cookieArr = JSON.parse(cookies),
                id = this.popup_id * 1,
                lifetime = this.cookie_lifetime * 1000;
            if (typeof cookieArr[id] !== 'undefined' && cookieArr[id] != null) {
                var date = new Date(),
                    current_date = date.getTime();
                flag = current_date - cookieArr[id] > lifetime ? false : true;
            }
        }
        return flag;
    },
    // Add font stylesheets and CSS for the popup
    addCSS: function () {
        // Add font stylesheets
        for (var i = 0; i < this.fonts.length; i++) {
            var font = document.createElement("link");
            font.href = this.fonts[i];
            font.type = "text/css";
            font.rel = "stylesheet";
            document.head.appendChild(font);
        }

        // Base CSS styles for the popup
        var css = document.createTextNode(
            "#bio_ep { width: " + this.width + "px; height: " + this.height + "px; }" + "#bio_ep .magenest-popup-inner { height: " + this.height + "px; }" +
            this.css
        );

        // Create the style element
        var style = document.createElement("style");
        style.setAttribute("id", "style_head");
        style.type = "text/css";
        style.appendChild(css);

        // Insert it before other existing style
        // elements so user CSS isn't overwritten
        document.head.insertBefore(style, document.getElementById("style_head"));

    },

    // Add the popup to the page
    addPopup: function () {
        // Add the background div
        this.bgEl = document.createElement("div");
        this.bgEl.id = "bio_ep_bg";
        document.body.appendChild(this.bgEl);

        // Add the popup
        if (document.getElementById("bio_ep"))
            this.popupEl = document.getElementById("bio_ep");
        else {
            this.popupEl = document.createElement("div");
            this.popupEl.id = "bio_ep";
            this.popupEl.innerHTML = this.html;
            document.body.appendChild(this.popupEl);
        }

        // Add the close button
        if (document.getElementById("bio_ep_close"))
            this.closeBtnEl = document.getElementById("bio_ep_close");
        else {
            this.closeBtnEl = document.createElement("div");
            this.closeBtnEl.id = "bio_ep_close";
            this.closeBtnEl.appendChild(document.createTextNode(""));
            this.popupInnerEl = this.popupEl.firstChild;
            this.popupInnerEl.insertBefore(this.closeBtnEl, this.popupInnerEl.firstChild);
        }
    },

    // Show the popup
    showPopup: function () {
        if (this.shown) return;

        this.bgEl.style.display = "block";
        this.popupEl.style.display = "block";


        // Handle scaling
        this.scalePopup();

        // Save body overflow value and hide scrollbars
        this.overflowDefault = document.body.style.overflow;
        document.body.style.overflow = "hidden";

        this.shown = true;

        if (typeof this.onPopup === "function") {
            this.onPopup();
        }
    },

    // Hide the popup
    hidePopup: function () {
        this.bgEl.style.display = "none";
        this.popupEl.style.display = "none";
        // Set body overflow back to default to show scrollbars
        document.body.style.overflow = this.overflowDefault;
    },

    // Handle scaling the popup
    scalePopup: function () {
        var margins = {width: 40, height: 40};
        var popupSize = {width: bioEp.popupEl.offsetWidth, height: bioEp.popupEl.offsetHeight};
        var windowSize = {width: window.innerWidth, height: window.innerHeight};
        var newSize = {width: 0, height: 0};
        var aspectRatio = popupSize.width / popupSize.height;

        // First go by width, if the popup is larger than the window, scale it
        if (popupSize.width > (windowSize.width - margins.width)) {
            newSize.width = windowSize.width - margins.width;
            newSize.height = newSize.width / aspectRatio;

            // If the height is still too big, scale again
            if (newSize.height > (windowSize.height - margins.height)) {
                newSize.height = windowSize.height - margins.height;
                newSize.width = newSize.height * aspectRatio;
            }
        }

        // If width is fine, check for height
        if (newSize.height === 0) {
            if (popupSize.height > (windowSize.height - margins.height)) {
                newSize.height = windowSize.height - margins.height;
                newSize.width = newSize.height * aspectRatio;
            }
        }

        // Set the scale amount
        var scaleTo = newSize.width / popupSize.width;

        // If the scale ratio is 0 or is going to enlarge (over 1) set it to 1
        if (scaleTo <= 0 || scaleTo > 1) scaleTo = 1;

        // Save current transform style
        if (this.transformDefault === "")
            this.transformDefault = window.getComputedStyle(this.popupEl, null).getPropertyValue("transform");

        // Apply the scale transformation
        this.popupEl.style.transform = this.transformDefault + " scale(" + scaleTo + ")";
    },

    // Event listener initialisation for all browsers
    addEvent: function (obj, event, callback) {
        if (obj.addEventListener)
            obj.addEventListener(event, callback, false);
        else if (obj.attachEvent)
            obj.attachEvent("on" + event, callback);
    },

    // Load event listeners for the popup
    loadEvents: function () {
        // Track mouseout event on document
        this.addEvent(document, "mouseout", function (e) {
            e = e ? e : window.event;

            // If this is an autocomplete element.
            if (e.target.tagName.toLowerCase() == "input")
                return;

            // Get the current viewport width.
            var vpWidth = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);

            // If the current mouse X position is within 50px of the right edge
            // of the viewport, return.
            if (e.clientX >= (vpWidth - 50))
                return;

            // If the current mouse Y position is not within 50px of the top
            // edge of the viewport, return.
            if (e.clientY >= 50)
                return;

            // Reliable, works on mouse exiting window and
            // user switching active program
            var from = e.relatedTarget || e.toElement;
            if (!from)
                bioEp.showPopup();
        }.bind(this));

        // Handle the popup close button
        // this.addEvent(this.closeBtnEl, "click", function() {
        // 	bioEp.hidePopup();
        // });

        // Handle window resizing
        this.addEvent(window, "resize", function () {
            bioEp.scalePopup();
        });
    },

    // Set user defined options for the popup
    setOptions: function (opts) {
        this.width = (typeof opts.width === 'undefined') ? this.width : opts.width;
        this.height = (typeof opts.height === 'undefined') ? this.height : opts.height;
        this.html = (typeof opts.html === 'undefined') ? this.html : opts.html;
        this.css = (typeof opts.css === 'undefined') ? this.css : opts.css;
        this.fonts = (typeof opts.fonts === 'undefined') ? this.fonts : opts.fonts;
        this.delay = (typeof opts.delay === 'undefined') ? this.delay : opts.delay;
        this.showOnDelay = (typeof opts.showOnDelay === 'undefined') ? this.showOnDelay : opts.showOnDelay;
        this.cookieExp = (typeof opts.cookieExp === 'undefined') ? this.cookieExp : opts.cookieExp;
        this.showOncePerSession = (typeof opts.showOncePerSession === 'undefined') ? this.showOncePerSession : opts.showOncePerSession;
        this.onPopup = (typeof opts.onPopup === 'undefined') ? this.onPopup : opts.onPopup;
        this.popup_id = (typeof opts.popup_id === 'undefined') ? this.popup_id : opts.popup_id;
        this.display_popup = (typeof opts.display_popup === 'undefined') ? this.display_popup : opts.display_popup;
        this.cookie_lifetime = (typeof opts.cookie_lifetime === 'undefined') ? this.cookie_lifetime : opts.cookie_lifetime;
        this.enable_cookie_lifetime = (typeof opts.enable_cookie_lifetime === 'undefined') ? this.enable_cookie_lifetime : opts.enable_cookie_lifetime;
    },

    // Ensure the DOM has loaded
    domReady: function (callback) {
        (document.readyState === "interactive" || document.readyState === "complete") ? callback() : this.addEvent(document, "DOMContentLoaded", callback);
    },

    // Initialize
    init: function (opts) {
        // Handle options
        if (typeof opts !== 'undefined')
            this.setOptions(opts);

        // Add CSS here to make sure user HTML is hidden regardless of cookie
        this.addCSS();
        // Once the DOM has fully loaded
        this.domReady(function () {
            // Handle the cookie
            if (bioEp.checkCookie()) return;
            // Add the popup
            bioEp.addPopup();

            // Load events
            if (opts.display_popup != 1) {
                setTimeout(function () {
                    bioEp.loadEvents();
                    if (bioEp.showOnDelay)
                        bioEp.showPopup();
                }, bioEp.delay * 1000);

            }

        });
    }
}