cms.debug =
{
    containerElement : undefined,

    show : function(message)
    {
        if (this.containerElement == undefined)
        {
            this.containerElement = document.createElement('div');
            this.containerElement.id = "LogWindow";
            this.containerElement.style.position = "absolute"
            this.containerElement.style.top = "45px";
            this.containerElement.style.left = "100%";
            this.containerElement.style.marginLeft = "-315px";
            this.containerElement.style.backgroundColor = "#F7F7F7";
            this.containerElement.style.border = "1px solid #DDDDDD";
            this.containerElement.style.width = "300px";
            this.containerElement.style.padding = "5px";

            cms.loader.enqueue(function()
            {
                document.body.appendChild(this.containerElement);
            }, this);

            var headerElement = document.createElement("h3");
            headerElement.style.margin = "5px 0px";
            headerElement.style.fontSize = "16px";
            headerElement.appendChild(document.createTextNode("Debug"));

            this.containerElement.appendChild(headerElement);
        }

        // TODO: Element.style.top op scrollheight zetten zodat altijd in beeld is

        var messageElement = document.createElement("div");
        messageElement.appendChild(document.createTextNode(message));

        this.containerElement.appendChild(messageElement);
    }
}