ahwl CodeSnippet - Insert script for debug output

<CodeSnippet Format="1.1.0" xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
  <Header>
    <Title>ahwl</Title>
    <Author>Andrew Hodgson</Author>
    <Shortcut>ahwl</Shortcut>
    <Description>Insert script for debug output</Description>
    <SnippetTypes>
      <SnippetType>Expansion</SnippetType>
    </SnippetTypes>
  </Header>
  <Snippet>
    <Code Language="html"><![CDATA[

<script language="javascript" type="text/javascript">

    $$(function () {
        $("body").append("<button style='margin:15px; margin-bottom:0;' onclick='wclear()'>Clear Output</button>");
        $("body").append("<div id='tdebug' style='margin:15px;padding:10px; background-color:#fff;border:1px solid #a8acae;'></div>");

        wl("Loaded 'tdebug'");
    });
    function wl(html, prefix, suffix) {
        var begin = prefix || "";
        var end = suffix || "<br/>";
        var content = html || "";
        $("#tdebug").append(begin + content + end);
    }

    function wclear() {
        $("#tdebug").empty();
    }
    function wargs() {
        wl("");
        wl("arguments: " + arguments.caller);

        for (var i = 0; i < arguments.length; i++) {
            if (i >= arguments.length - 1)
                wl(arguments[i], "", "");
            else
                wl(arguments[i], "", ",");
        }
    }
</script>
$end$
    ]]></Code>
  </Snippet>
</CodeSnippet>