function add_text(p, id, top, left, width, height, classes, default_text) {
    //debugger;
    var s = $("<div id='" + id + "'></div>");
    s.attr('id', id);
    s.addClass('text_parent');
    //s.css('display', 'block'); // TD is block
    s.css('position', 'absolute');
    s.css('width', width + '%').css('height', height + '%');
    s.css('top', top + '%').css('left', left + '%');
    var t = $("<div></div>");
    t.text(default_text);
    classes.map(function (e) {
        t.addClass(e);
    });
    t.addClass('text_child')
    //t.addClass('blue')
    s.append(t);

    p.append(s);
    return s;
}
/*===========RESIZEABLE TEXT*===========*/

/* FUNCTION TO RESIZE */
let resize_queue = [];
let resize_ids = {};

// resize all now
function resize_now() {
    resize_text();
    while (resize_queue.length > 0)  resize_timer();
}

function resize_timer() {
    if (resize_queue.length == 0) {
        return;
    }
    var element = resize_queue.shift();
    var size = $(element).data('font-size'); // | '96px';
    $(element).css('font-size', size);
    var startsize = size,
        steps = 0,
        newFontSize = size;

    while (element.scrollWidth > element.offsetWidth || element.scrollHeight > element.offsetHeight) {
        steps++;
        newFontSize = (parseFloat($(element).css('font-size').slice(0, -2)) * 0.85) + 'px';
        $(element).css('font-size', newFontSize);
    }
    delete resize_ids[element.id];
}

// var timer = setInterval(resize_timer, 20);

function resize_reset() {
    throw "resize_reset() do not call me!";
    resize_queue = [];
    resize_ids = {};
}

global.resize_reset = resize_reset;

function resize_text() {
    //get elements
    const elements = $('.resize');
    if (elements.length < 0)  return;

    //for each element that's not yet in the queue (no duplicate resizes)
    elements.each((i, element) => {
        if (resize_ids[element.id] === undefined) {
            resize_queue.push(element);
            resize_ids[element.id] = true;
        }
    });
}

/* Decimal Number Div */

function responsive_text(p, id, top, left, width, height, classes, default_text) {
    //debugger;
    var s = $("<div id='" + id + "'></div>");
    s.attr('id', id);
    s.css('display', 'block'); // TD is block
    s.css('position', 'absolute');
    s.css('width', width + '%').css('height', height + '%');
    s.css('top', top + '%').css('left', left + '%');
    classes.map(function (e) {
        s.addClass(e);
    });
    p.append(s);
    return s;
}


function _keno_addbtntext(btnclass, top, left) {
    const btn = $(`<div class='${btnclass}'></div>`);
    btn.css({
        position: "absolute",
        display: "table",
        top: top,
        left: left,
    });
    return btn;
}


/** Calculate Time elapsed */
function calcTimeElapsed() {
    state.bp_expiry = actions.data.n.greeno.h[0].bp_expiry; // test,
    state.bp_time = actions.data.n.greeno.h[0].bp_time;

    const dateTime = new Date();
    try {
        var test = ((state.bp_expiry | 0) - (dateTime.getTimezoneOffset() * 60));
    } catch (e) {
        console.log("OOPS: " + e);
    }
    let local = ((dateTime.getTime() / 1000) | 0) - (dateTime.getTimezoneOffset() * 60);

    state.bp_elapsed = state.bp_time - (test - local);
}

export {
    add_text,
    resize_text,
    resize_reset,
    responsive_text,
    _keno_addbtntext,
    // _keno_addceneredtext,
    resize_now,
}