if (typeof (window.dd) == "undefined")
    window.dd = new Object();

(function (dd) {

    dd.debug = function (html) {

        var $debug = $("#debug");

        if (!$debug.length) {

            $("body").append("<div id='debug' />");
            $debug = $("#debug");

        }

        $debug.show();

        if (!$debug.length) {

            $debug = $("<div id='debug' />");
            $("body").append($debug);

        }

        $debug.html($debug.html() + html + "<hr/>");

    };

    dd.debugEvent = function (evt) {

        var output = evt.type + "<br/><br/>";

        dd.debug(output);

        dd.debugObject(evt);

    };

    dd.debugObject = function (obj) {

        var output = "";

        for (var p in obj) {

            output += p + ":<br/>" + obj[p] + "<br/><br/>";

        }

        dd.debug(output);

    };

})(dd);