import keymage from "keymage";
import io from 'socket.io-client';
import whiteboard from "./whiteboard";
import keybinds from "./keybinds";
import Picker from "vanilla-picker";
import { dom } from "@fortawesome/fontawesome-svg-core";
import pdfjsLib from "pdfjs-dist/webpack";
import shortcutFunctions from "./shortcutFunctions";
import ReadOnlyService from "./services/ReadOnlyService";

function main() {

    var whiteboardId = getQueryVariable("whiteboardid");
    var randomid = getQueryVariable("randomid");
    if (randomid && !whiteboardId) { //set random whiteboard on empty whiteboardid
        whiteboardId = Array(2).fill(null).map(() => Math.random().toString(36).substr(2)).join('');
        const urlParams = new URLSearchParams(window.location.search);
        urlParams.set('whiteboardid', whiteboardId);
        window.location.search = urlParams;
    }

    whiteboardId = whiteboardId || "myNewWhiteboard";
    whiteboardId = unescape(encodeURIComponent(whiteboardId)).replace(/[^a-zA-Z0-9 ]/g, "");
    var myUsername = getQueryVariable("username");
    var accessToken = getQueryVariable("accesstoken");
    myUsername = myUsername || "unknown" + (Math.random() + "").substring(2, 6);
    accessToken = accessToken || "";
    var accessDenied = false;

    // Custom Html Title
    var title = getQueryVariable("title");
    if (!title === false) {
        document.title = decodeURIComponent(title);
    }

    var url = document.URL.substr(0, document.URL.lastIndexOf('/'));
    var signaling_socket = null;
    var urlSplit = url.split("/");
    var subdir = "";
    for (var i = 3; i < urlSplit.length; i++) {
        subdir = subdir + '/' + urlSplit[i];
    }
    signaling_socket = io("", { "path": subdir + "/ws-api" }); // Connect even if we are in a subdir behind a reverse proxy

    signaling_socket.on('connect', function () {
        console.log("Websocket connected!");

        let messageReceivedCount = 0;
        signaling_socket.on('drawToWhiteboard', function (content) {
            whiteboard.handleEventsAndData(content, true);
            $('#messageReceivedCount')[0].innerText = String(messageReceivedCount++);
        });

        signaling_socket.on('refreshUserBadges', function () {
            whiteboard.refreshUserBadges();
        });

        signaling_socket.on('wrongAccessToken', function () {
            if (!accessDenied) {
                accessDenied = true;
                showBasicAlert("Access denied! Wrong accessToken!")
            }
        });

        signaling_socket.on('updateSmallestScreenResolution', function (widthHeight) {
            whiteboard.updateSmallestScreenResolution(widthHeight["w"], widthHeight["h"]);
        });

        signaling_socket.emit('joinWhiteboard', { wid: whiteboardId, at: accessToken, windowWidthHeight: { w: $(window).width(), h: $(window).height() } });
    });

    $(document).ready(function () {
        // by default set in readOnly mode
        ReadOnlyService.activateReadOnlyMode();

        if (getQueryVariable("webdav") == "true") {
            $("#uploadWebDavBtn").show();
        }

        let messageSentCount = 0;
        whiteboard.loadWhiteboard("#whiteboardContainer", { //Load the whiteboard
            whiteboardId: whiteboardId,
            username: btoa(myUsername),
            sendFunction: function (content) {
                if (ReadOnlyService.readOnlyActive) return;
                //ADD IN LATER THROUGH CONFIG 
                // if (content.t === 'cursor') { 
                //     if (whiteboard.drawFlag) return;
                // }
                content["at"] = accessToken;
                signaling_socket.emit('drawToWhiteboard', content);
                $('#messageSentCount')[0].innerText = String(messageSentCount++);
            }
        });

        // request whiteboard from server
        $.get(subdir + "/api/loadwhiteboard", { wid: whiteboardId, at: accessToken }).done(function (data) {
            whiteboard.loadData(data)
        });

        $(window).resize(function () {
            signaling_socket.emit('updateScreenResolution', { at: accessToken, windowWidthHeight: { w: $(window).width(), h: $(window).height() } });
        })

        /*----------------/
        Whiteboard actions
        /----------------*/

        var tempLineTool = false;
        var strgPressed = false;
        //Handle key actions
        $(document).on("keydown", function (e) {
            if (e.which == 16) {
                if (whiteboard.tool == "pen" && !strgPressed) {
                    tempLineTool = true;
                    whiteboard.ownCursor.hide();
                    if (whiteboard.drawFlag) {
                        whiteboard.mouseup({ offsetX: whiteboard.prevPos.x, offsetY: whiteboard.prevPos.y })
                        shortcutFunctions.setTool_line();
                        whiteboard.mousedown({ offsetX: whiteboard.prevPos.x, offsetY: whiteboard.prevPos.y })
                    } else {
                        shortcutFunctions.setTool_line();
                    }    
                }
                whiteboard.pressedKeys["shift"] = true; //Used for straight lines...
            } else if (e.which == 17) {
                strgPressed = true;
            }
            //console.log(e.which);
        });
        $(document).on("keyup", function (e) {
            if (e.which == 16) {
                if (tempLineTool) {
                    tempLineTool = false;
                    shortcutFunctions.setTool_pen();
                    whiteboard.ownCursor.show();
                }
                whiteboard.pressedKeys["shift"] = false;
            } else if (e.which == 17) {
                strgPressed = false;
            }
        });

        //Load keybindings from keybinds.js to given functions
        Object.entries(keybinds).forEach(([key, functionName]) => {
            const associatedShortcutFunction = shortcutFunctions[functionName];
            if (associatedShortcutFunction) {
                keymage(key, associatedShortcutFunction, { preventDefault: true });
            } else {
                console.error("Function you want to keybind on key:", key, "named:", functionName, "is not available!")
            }
        })

        // whiteboard clear button
        $("#whiteboardTrashBtn").click(function () {
            $("#whiteboardTrashBtnConfirm").show().focus();
            $(this).css({ visibility: "hidden" });
        });

        $("#whiteboardTrashBtnConfirm").mouseout(function () {
            $(this).hide();
            $("#whiteboardTrashBtn").css({ visibility: "inherit" });
        });

        $("#whiteboardTrashBtnConfirm").click(function () {
            $(this).hide();
            $("#whiteboardTrashBtn").css({ visibility: "inherit" });
            whiteboard.clearWhiteboard();
        });

        // undo button
        $("#whiteboardUndoBtn").click(function () {
            whiteboard.undoWhiteboardClick();
        });

        // redo button
        $("#whiteboardRedoBtn").click(function () {
            whiteboard.redoWhiteboardClick();
        });

        // view only
        $("#whiteboardLockBtn").click(() => {
            ReadOnlyService.deactivateReadOnlyMode();
        });
        $("#whiteboardUnlockBtn").click(() => {
            ReadOnlyService.activateReadOnlyMode();
        });
        $("#whiteboardUnlockBtn").hide();
        $("#whiteboardLockBtn").show();

        // switch tool
        $(".whiteboard-tool").click(function () {
            $(".whiteboard-tool").removeClass("active");
            $(this).addClass("active");
            var activeTool = $(this).attr("tool");
            whiteboard.setTool(activeTool);
            if (activeTool == "mouse" || activeTool == "recSelect") {
                $(".activeToolIcon").empty();
            } else {
                $(".activeToolIcon").html($(this).html()); //Set Active icon the same as the button icon
            }
        });

        // upload image button
        $("#addImgToCanvasBtn").click(function () {
            if (ReadOnlyService.readOnlyActive) return;
            showBasicAlert("Please drag the image into the browser.");
        });

        // save image as png
        $("#saveAsImageBtn").click(function () {
            var imgData = whiteboard.getImageDataBase64();

            var w = window.open('about:blank'); //Firefox will not allow downloads without extra window
            setTimeout(function () { //FireFox seems to require a setTimeout for this to work.
                var a = document.createElement('a');
                a.href = imgData;
                a.download = 'whiteboard.png';
                w.document.body.appendChild(a);
                a.click();
                w.document.body.removeChild(a);
                setTimeout(function () { w.close(); }, 100);
            }, 0);
        });

        // save image to json containing steps
        $("#saveAsJSONBtn").click(function () {
            var imgData = whiteboard.getImageDataJson();

            var w = window.open('about:blank'); //Firefox will not allow downloads without extra window
            setTimeout(function () { //FireFox seems to require a setTimeout for this to work.
                var a = document.createElement('a');
                a.href = window.URL.createObjectURL(new Blob([imgData], { type: 'text/json' }));
                a.download = 'whiteboard.json';
                w.document.body.appendChild(a);
                a.click();
                w.document.body.removeChild(a);
                setTimeout(function () { w.close(); }, 100);
            }, 0);
        });

        $("#uploadWebDavBtn").click(function () {
            if ($(".webdavUploadBtn").length > 0) {
                return;
            }

            var webdavserver = localStorage.getItem('webdavserver') || ""
            var webdavpath = localStorage.getItem('webdavpath') || "/"
            var webdavusername = localStorage.getItem('webdavusername') || ""
            var webdavpassword = localStorage.getItem('webdavpassword') || ""
            var webDavHtml = $('<div>' +
                '<table>' +
                '<tr>' +
                '<td>Server URL:</td>' +
                '<td><input class="webdavserver" type="text" value="' + webdavserver + '" placeholder="https://yourserver.com/remote.php/webdav/"></td>' +
                '<td></td>' +
                '</tr>' +
                '<tr>' +
                '<td>Path:</td>' +
                '<td><input class="webdavpath" type="text" placeholder="folder" value="' + webdavpath + '"></td>' +
                '<td style="font-size: 0.7em;"><i>path always have to start & end with "/"</i></td>' +
                '</tr>' +
                '<tr>' +
                '<td>Username:</td>' +
                '<td><input class="webdavusername" type="text" value="' + webdavusername + '" placeholder="username"></td>' +
                '<td style="font-size: 0.7em;"></td>' +
                '</tr>' +
                '<tr>' +
                '<td>Password:</td>' +
                '<td><input class="webdavpassword" type="password" value="' + webdavpassword + '" placeholder="password"></td>' +
                '<td style="font-size: 0.7em;"></td>' +
                '</tr>' +
                '<tr>' +
                '<td style="font-size: 0.7em;" colspan="3">Note: You have to generate and use app credentials if you have 2 Factor Auth activated on your dav/nextcloud server!</td>' +
                '</tr>' +
                '<tr>' +
                '<td></td>' +
                '<td colspan="2"><span class="loadingWebdavText" style="display:none;">Saving to webdav, please wait...</span><button class="modalBtn webdavUploadBtn"><i class="fas fa-upload"></i> Start Upload</button></td>' +
                '</tr>' +
                '</table>' +
                '</div>');
            webDavHtml.find(".webdavUploadBtn").click(function () {
                var webdavserver = webDavHtml.find(".webdavserver").val();
                localStorage.setItem('webdavserver', webdavserver);
                var webdavpath = webDavHtml.find(".webdavpath").val();
                localStorage.setItem('webdavpath', webdavpath);
                var webdavusername = webDavHtml.find(".webdavusername").val();
                localStorage.setItem('webdavusername', webdavusername);
                var webdavpassword = webDavHtml.find(".webdavpassword").val();
                localStorage.setItem('webdavpassword', webdavpassword);
                var base64data = whiteboard.getImageDataBase64();
                var webdavaccess = {
                    webdavserver: webdavserver,
                    webdavpath: webdavpath,
                    webdavusername: webdavusername,
                    webdavpassword: webdavpassword
                }
                webDavHtml.find(".loadingWebdavText").show();
                webDavHtml.find(".webdavUploadBtn").hide();
                saveWhiteboardToWebdav(base64data, webdavaccess, function (err) {
                    if (err) {
                        webDavHtml.find(".loadingWebdavText").hide();
                        webDavHtml.find(".webdavUploadBtn").show();
                    } else {
                        webDavHtml.parents(".basicalert").remove();
                    }
                });
            })
            showBasicAlert(webDavHtml, {
                header: "Save to Webdav",
                okBtnText: "cancel",
                headercolor: "#0082c9"
            })
            // render newly added icons
            dom.i2svg();
        });

        // upload json containing steps
        $("#uploadJsonBtn").click(function () {
            $("#myFile").click();
        });

        $("#shareWhiteboardBtn").click(function () {
            var url = window.location.href;
            var s = url.indexOf("&username=") !== -1 ? "&username=" : "username="; //Remove username from url
            var urlSlpit = url.split(s);
            var urlStart = urlSlpit[0];
            if (urlSlpit.length > 1) {
                var endSplit = urlSlpit[1].split("&");
                endSplit = endSplit.splice(1, 1);
                urlStart += "&" + endSplit.join("&");
            }
            $("<textarea/>").appendTo("body").val(urlStart).select().each(function () {
                document.execCommand('copy');
            }).remove();
            showBasicAlert("Copied Whiteboard-URL to clipboard.", { hideAfter: 2 })
        });

        var btnsMini = false;
        $("#minMaxBtn").click(function () {
            if (!btnsMini) {
                $("#toolbar").find(".btn-group:not(.minGroup)").hide();
                $(this).find("#minBtn").hide();
                $(this).find("#maxBtn").show();
            } else {
                $("#toolbar").find(".btn-group").show();
                $(this).find("#minBtn").show();
                $(this).find("#maxBtn").hide();
            }
            btnsMini = !btnsMini;
        })

        // load json to whiteboard
        $("#myFile").on("change", function () {
            var file = document.getElementById("myFile").files[0];
            var reader = new FileReader();
            reader.onload = function (e) {
                try {
                    var j = JSON.parse(e.target.result);
                    whiteboard.loadJsonData(j);
                } catch (e) {
                    showBasicAlert("File was not a valid JSON!");
                }
            };
            reader.readAsText(file);
            $(this).val("");
        });

        // On thickness slider change
        $("#whiteboardThicknessSlider").on("input", function () {
            if (ReadOnlyService.readOnlyActive) return;
            whiteboard.setStrokeThickness($(this).val());
        });

        // handle drag&drop
        var dragCounter = 0;
        $('#whiteboardContainer').on("dragenter", function (e) {
            if (ReadOnlyService.readOnlyActive) return;
            e.preventDefault();
            e.stopPropagation();
            dragCounter++;
            whiteboard.dropIndicator.show();
        });

        $('#whiteboardContainer').on("dragleave", function (e) {
            if (ReadOnlyService.readOnlyActive) return;

            e.preventDefault();
            e.stopPropagation();
            dragCounter--;
            if (dragCounter === 0) {
                whiteboard.dropIndicator.hide();
            }
        });

        $('#whiteboardContainer').on('drop', function (e) { //Handle drop
            if (ReadOnlyService.readOnlyActive) return;

            if (e.originalEvent.dataTransfer) {
                if (e.originalEvent.dataTransfer.files.length) { //File from harddisc
                    e.preventDefault();
                    e.stopPropagation();
                    var filename = e.originalEvent.dataTransfer.files[0]["name"];
                    if (isImageFileName(filename)) {
                        var blob = e.originalEvent.dataTransfer.files[0];
                        var reader = new window.FileReader();
                        reader.readAsDataURL(blob);
                        reader.onloadend = function () {
                            const base64data = reader.result;
                            uploadImgAndAddToWhiteboard(base64data);
                        }
                    } else if (isPDFFileName(filename)) { //Handle PDF Files
                        var blob = e.originalEvent.dataTransfer.files[0];

                        var reader = new window.FileReader();
                        reader.onloadend = function () {
                            var pdfData = new Uint8Array(this.result);

                            var loadingTask = pdfjsLib.getDocument({ data: pdfData });
                            loadingTask.promise.then(function (pdf) {
                                console.log('PDF loaded');

                                var currentDataUrl = null;
                                var modalDiv = $('<div>' +
                                    'Page: <select></select> ' +
                                    '<button style="margin-bottom: 3px;" class="modalBtn"><i class="fas fa-upload"></i> Upload to Whiteboard</button>' +
                                    '<img style="width:100%;" src=""/>' +
                                    '</div>')

                                modalDiv.find("select").change(function () {
                                    showPDFPageAsImage(parseInt($(this).val()));
                                })

                                modalDiv.find("button").click(function () {
                                    if (currentDataUrl) {
                                        $(".basicalert").remove();
                                        uploadImgAndAddToWhiteboard(currentDataUrl);
                                    }
                                })

                                for (var i = 1; i < pdf.numPages + 1; i++) {
                                    modalDiv.find("select").append('<option value="' + i + '">' + i + '</option>')
                                }

                                showBasicAlert(modalDiv, {
                                    header: "Pdf to Image",
                                    okBtnText: "cancel",
                                    headercolor: "#0082c9"
                                })

                                showPDFPageAsImage(1);
                                function showPDFPageAsImage(pageNumber) {

                                    // Fetch the page
                                    pdf.getPage(pageNumber).then(function (page) {
                                        console.log('Page loaded');


                                        var scale = 1.5;
                                        var viewport = page.getViewport({ scale: scale });

                                        // Prepare canvas using PDF page dimensions
                                        var canvas = $("<canvas></canvas>")[0];
                                        var context = canvas.getContext('2d');
                                        canvas.height = viewport.height;
                                        canvas.width = viewport.width;

                                        // Render PDF page into canvas context
                                        var renderContext = {
                                            canvasContext: context,
                                            viewport: viewport
                                        };
                                        var renderTask = page.render(renderContext);
                                        renderTask.promise.then(function () {
                                            var dataUrl = canvas.toDataURL("image/jpeg", 1.0);
                                            currentDataUrl = dataUrl;
                                            modalDiv.find("img").attr("src", dataUrl);
                                            console.log('Page rendered');

                                        });
                                    });
                                }

                            }, function (reason) {
                                // PDF loading error

                                showBasicAlert("Error loading pdf as image! Check that this is a vaild pdf file!");
                                console.error(reason);
                            });

                        }
                        reader.readAsArrayBuffer(blob);
                    } else {
                        showBasicAlert("File must be an image!");
                    }
                } else { //File from other browser

                    var fileUrl = e.originalEvent.dataTransfer.getData('URL');
                    var imageUrl = e.originalEvent.dataTransfer.getData('text/html');
                    var rex = /src="?([^"\s]+)"?\s*/;
                    var url = rex.exec(imageUrl);
                    if (url && url.length > 1) {
                        url = url[1];
                    } else {
                        url = "";
                    }

                    isValidImageUrl(fileUrl, function (isImage) {
                        if (isImage && isImageFileName(url)) {
                            whiteboard.addImgToCanvasByUrl(fileUrl);
                        } else {
                            isValidImageUrl(url, function (isImage) {
                                if (isImage) {
                                    if (isImageFileName(url) || url.startsWith("http")) {
                                        whiteboard.addImgToCanvasByUrl(url);
                                    } else {
                                        uploadImgAndAddToWhiteboard(url); //Last option maybe its base64
                                    }
                                } else {
                                    showBasicAlert("Can only upload Imagedata!");
                                }
                            });
                        }
                    });
                }
            }
            dragCounter = 0;
            whiteboard.dropIndicator.hide();
        });

        new Picker({
            parent: $('#whiteboardColorpicker')[0],
            color: "#000000",
            onChange: function (color) {
                whiteboard.setDrawColor(color.rgbaString);
            }
        });

        // on startup select mouse
        shortcutFunctions.setTool_mouse();
        // fix bug cursor not showing up
        whiteboard.refreshCursorAppearance();

        if (process.env.NODE_ENV === "production") {
            ReadOnlyService.activateReadOnlyMode();
        } else {
            ReadOnlyService.deactivateReadOnlyMode();
        }
    });

    //Prevent site from changing tab on drag&drop
    window.addEventListener("dragover", function (e) {
        e = e || event;
        e.preventDefault();
    }, false);
    window.addEventListener("drop", function (e) {
        e = e || event;
        e.preventDefault();
    }, false);

    function uploadImgAndAddToWhiteboard(base64data) {
        var date = (+new Date());
        $.ajax({
            type: 'POST',
            url: document.URL.substr(0, document.URL.lastIndexOf('/')) + '/api/upload',
            data: {
                'imagedata': base64data,
                'whiteboardId': whiteboardId,
                'date': date,
                'at': accessToken
            },
            success: function (msg) {
                var filename = whiteboardId + "_" + date + ".png";
                whiteboard.addImgToCanvasByUrl(document.URL.substr(0, document.URL.lastIndexOf('/')) + "/uploads/" + filename); //Add image to canvas
                console.log("Image uploaded!");
            },
            error: function (err) {
                showBasicAlert("Failed to upload frame: " + JSON.stringify(err));
            }
        });
    }

    function saveWhiteboardToWebdav(base64data, webdavaccess, callback) {
        var date = (+new Date());
        $.ajax({
            type: 'POST',
            url: document.URL.substr(0, document.URL.lastIndexOf('/')) + 'api/upload',
            data: {
                'imagedata': base64data,
                'whiteboardId': whiteboardId,
                'date': date,
                'at': accessToken,
                'webdavaccess': JSON.stringify(webdavaccess)
            },
            success: function (msg) {
                showBasicAlert("Whiteboard was saved to Webdav!", {
                    headercolor: "#5c9e5c"
                });
                console.log("Image uploaded for webdav!");
                callback();
            },
            error: function (err) {
                if (err.status == 403) {
                    showBasicAlert("Could not connect to Webdav folder! Please check the credentials and paths and try again!");
                } else {
                    showBasicAlert("Unknown Webdav error! ", err);
                }
                callback(err);
            }
        });
    }

    // verify if filename refers to an image
    function isImageFileName(filename) {
        var extension = filename.split(".")[filename.split(".").length - 1];
        var known_extensions = ["png", "jpg", "jpeg", "gif", "tiff", "bmp", "webp"];
        return known_extensions.includes(extension.toLowerCase());
    }

    // verify if filename refers to an pdf
    function isPDFFileName(filename) {
        var extension = filename.split(".")[filename.split(".").length - 1];
        var known_extensions = ["pdf"];
        return known_extensions.includes(extension.toLowerCase());
    }

    // verify if given url is url to an image
    function isValidImageUrl(url, callback) {
        var img = new Image();
        var timer = null;
        img.onerror = img.onabort = function () {
            clearTimeout(timer);
            callback(false);
        };
        img.onload = function () {
            clearTimeout(timer);
            callback(true);
        };
        timer = setTimeout(function () {
            callback(false);
        }, 2000);
        img.src = url;
    }

    // handle pasting from clipboard
    window.addEventListener("paste", function (e) {
        if ($(".basicalert").length > 0) {
            return;
        }
        if (e.clipboardData) {
            var items = e.clipboardData.items;
            var imgItemFound = false;
            if (items) {
                // Loop through all items, looking for any kind of image
                for (var i = 0; i < items.length; i++) {
                    if (items[i].type.indexOf("image") !== -1) {
                        imgItemFound = true;
                        // We need to represent the image as a file,
                        var blob = items[i].getAsFile();

                        var reader = new window.FileReader();
                        reader.readAsDataURL(blob);
                        reader.onloadend = function () {
                            console.log("Uploading image!");
                            let base64data = reader.result;
                            uploadImgAndAddToWhiteboard(base64data);
                        }
                    }
                }
            }

            if (!imgItemFound && whiteboard.tool != "text") {
                showBasicAlert("Please Drag&Drop the image or pdf into the Whiteboard. (Browsers don't allow copy+past from the filesystem directly)");
            }
        }
    });

    function showBasicAlert(html, newOptions) {
        var options = {
            header: "INFO MESSAGE",
            okBtnText: "Ok",
            headercolor: "#d25d5d",
            hideAfter: false,
            onOkClick: false
        }
        if (newOptions) {
            for (var i in newOptions) {
                options[i] = newOptions[i];
            }
        }
        var alertHtml = $('<div class="basicalert" style="position:absolute; left:0px; width:100%; top:70px; font-family: monospace;">' +
            '<div style="width: 30%; margin: auto; background: #aaaaaa; border-radius: 5px; font-size: 1.2em; border: 1px solid gray;">' +
            '<div style="border-bottom: 1px solid #676767; background: ' + options["headercolor"] + '; padding-left: 5px; font-size: 0.8em;">' + options["header"] +
            '<div style="float: right; margin-right: 4px; color: #373737; cursor: pointer;" class="closeAlert">x</div></div>' +
            '<div style="padding: 10px;" class="htmlcontent"></div>' +
            '<div style="height: 20px; padding: 10px;"><button class="modalBtn okbtn" style="float: right;">' + options["okBtnText"] + '</button></div>' +
            '</div>' +
            '</div>');
        alertHtml.find(".htmlcontent").append(html);
        $("body").append(alertHtml);
        alertHtml.find(".okbtn").click(function () {
            if (options.onOkClick) {
                options.onOkClick();
            }
            alertHtml.remove();
        })
        alertHtml.find(".closeAlert").click(function () {
            alertHtml.remove();
        })

        if (options.hideAfter) {
            setTimeout(function () {
                alertHtml.find(".okbtn").click();
            }, 1000 * options.hideAfter)
        }
    }

    // get 'GET' parameter by variable name
    function getQueryVariable(variable) {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i = 0; i < vars.length; i++) {
            var pair = vars[i].split("=");
            if (pair[0] == variable) {
                return pair[1];
            }
        }
        return false;
    }
}

export default main;