$(document).ready(
    function () {
        var boxii;
        var boxmi;

        boxii = document.getElementById("boxii");
        boxmi = document.getElementById("boxmi");

        boxii.addEventListener("dragenter", OnDragEnterII, false);
        boxii.addEventListener("dragover", OnDragOverII, false);
        boxii.addEventListener("drop", OnDropII, false);

        boxmi.addEventListener("dragenter", OnDragEnterMI, false);
        boxmi.addEventListener("dragover", OnDragOverMI, false);
        boxmi.addEventListener("drop", OnDropMI, false);
    }
);

function OnDragEnterII(e) {
    e.stopPropagation();
    e.preventDefault();
}

function OnDragOverII(e) {
    e.stopPropagation();
    e.preventDefault();
}

function OnDropII(e) {
    e.stopPropagation();
    e.preventDefault();
    selectedFiles = e.dataTransfer.files;
    var data = new FormData();
    for (var i = 0; i < selectedFiles.length; i++) {
        data.append(selectedFiles[i].name, selectedFiles[i]);
    }
    $.ajax({
        type: "POST",
        url: "FileHandler.ashx",
        contentType: false,
        processData: false,
        data: data,
        success: function (result) {
            openModal();
        },
        error: function () {
            alert("There was error uploading files!");
        }
    });
}

function OnDragEnterMI(e) {
    e.stopPropagation();
    e.preventDefault();
}

function OnDragOverMI(e) {
    e.stopPropagation();
    e.preventDefault();
}

function OnDropMI(e) {
    e.stopPropagation();
    e.preventDefault();
    selectedFiles = e.dataTransfer.files;
    var data = new FormData();
    for (var i = 0; i < selectedFiles.length; i++) {
        data.append(selectedFiles[i].name, selectedFiles[i]);
    }
    $.ajax({
        type: "POST",
        url: "FileHandler.ashx",
        contentType: false,
        processData: false,
        data: data,
        success: function (result) {
            document.location = "ManualInvoice.aspx?companyId=" + getQueryVariable("companyId") + "&customerId=" + getQueryVariable("customerId") + "&enterpriseIndex=" + getQueryVariable("enterpriseIndex") + "&propertyId=" + getQueryVariable("propertyId") + "&propertyName=" + getQueryVariable("propertyName") + "&customerName=" + getQueryVariable("customerName") + "&companyName=" + getQueryVariable("companyName");
        },
        error: function () {
            alert("There was error uploading files!");
        }
    });
}


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 (decodeURIComponent(pair[0]) == variable) {
            return decodeURIComponent(pair[1]);
        }
    }
    console.log('Query variable %s not found', variable);
}

function uuidv4() {
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
        var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
        return v.toString(16);
    });
}