
function ToolBox() {

    var isLoadStarted = false;

    var getContent = function(response) {
        $('#toolbox-content').html(response.content);
    };
    var _lastChangedTimeout;

    if (window._ === undefined) {
        _ = function(text) { return text; };
    }
    $('body').append('<div id="toolbox-box" style="text-align: left; opacity: 0.8;  position: fixed; padding: 0px; top: 0px; left: 0px;"><div id="toolbox-button" style="padding: 6px;"></div><div id="toolbox-content" style="background-color: black; color: white; font-size: 12px; padding: 4px; display: none">'+_('Please wait...')+'</div></div>');

    var hideToolBox = function() {
        clearTimeout(_lastChangedTimeout);
        $('#toolbox-content').css('display','none');
        $('#toolbox-button').css('display','block');
        return false;
    };

    $('#toolbox-button').click(function() {
        $('#toolbox-button').css('display','none');
        $('#toolbox-content').css('display','block');
        if (!isLoadStarted) {
            var data = {
                url: window.location.pathname
            };
            jQuery.getJSON('/_ajax/ToolBox/getContent/', data, getContent);
            isLoadStarted = true;
        }

        _lastChangedTimeout = setTimeout(hideToolBox,10000);
        return false;
    });
};

$(document).ready(function() {new ToolBox();});

