document.write("<div class=\"pastie\">\n");
document.write("  <link href=\"http://pastie.org/stylesheets/embed.css\" media=\"screen\" rel=\"stylesheet\" type=\"text/css\" />\n");
document.write("  <link href=\"http://pastie.org/stylesheets/clean.css\" media=\"screen\" rel=\"stylesheet\" type=\"text/css\" />\n");
document.write("  \n");
document.write("\n");
document.write("  \n");
document.write("  \n");
document.write("\n");
document.write("\n");
document.write("\n");
document.write("\n");
document.write("\n");
document.write("\n");
document.write("\n");
document.write("	\n");
document.write("	<div class=\"allcode\">\n");
document.write("		<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n");
document.write("		<tr>\n");
document.write("			<td>\n");
document.write("				\n");
document.write("				<pre class=\"textmate-source-numbers\">1\n");
document.write("2\n");
document.write("3\n");
document.write("4\n");
document.write("5\n");
document.write("6\n");
document.write("7\n");
document.write("8\n");
document.write("9\n");
document.write("10\n");
document.write("11\n");
document.write("12\n");
document.write("13\n");
document.write("14\n");
document.write("15\n");
document.write("16\n");
document.write("17\n");
document.write("18\n");
document.write("19\n");
document.write("20\n");
document.write("21\n");
document.write("22\n");
document.write("23\n");
document.write("24\n");
document.write("25\n");
document.write("26\n");
document.write("27\n");
document.write("28\n");
document.write("<\/pre>\n");
document.write("			<\/td>\n");
document.write("		<td>\n");
document.write("		<pre class=\"textmate-source\"><pre class=\"sunburst\"><span class=\'keyword keyword_operator keyword_operator_comparison keyword_operator_comparison_ruby\'>&lt;<\/span>script type<span class=\'keyword keyword_operator keyword_operator_assignment keyword_operator_assignment_ruby\'>=<\/span><span class=\'string string_quoted string_quoted_double string_quoted_double_ruby\'>&quot;text/javascript&quot;<\/span><span class=\'keyword keyword_operator keyword_operator_comparison keyword_operator_comparison_ruby\'>&gt;<\/span>\n");
document.write("var <span class=\'variable variable_other variable_other_constant variable_other_constant_ruby\'>MyClass<\/span> <span class=\'keyword keyword_operator keyword_operator_assignment keyword_operator_assignment_ruby\'>=<\/span> <span class=\'support support_class support_class_ruby\'>Class<\/span>.create({<span class=\'meta meta_syntax meta_syntax_ruby meta_syntax_ruby_start-block\'><\/span>\n");
document.write("\n");
document.write("  <span class=\'keyword keyword_other keyword_other_special-method keyword_other_special-method_ruby\'>initialize<\/span> : function(button) {<span class=\'meta meta_syntax meta_syntax_ruby meta_syntax_ruby_start-block\'><\/span>\n");
document.write("\n");
document.write("    button <span class=\'keyword keyword_operator keyword_operator_assignment keyword_operator_assignment_ruby\'>=<\/span> $(button);\n");
document.write("      button.observe(<span class=\'string string_quoted string_quoted_single string_quoted_single_ruby\'>\'click\'<\/span>, this.buttonClick.bindAsEventListener(this));\n");
document.write("\n");
document.write("    },\n");
document.write("\n");
document.write("    getMessage : function() {<span class=\'meta meta_syntax meta_syntax_ruby meta_syntax_ruby_start-block\'><\/span>\n");
document.write("\n");
document.write("      <span class=\'keyword keyword_control keyword_control_pseudo-method keyword_control_pseudo-method_ruby\'>return<\/span> <span class=\'string string_quoted string_quoted_single string_quoted_single_ruby\'>\'This is a bindAsEventListener example\'<\/span>;\n");
document.write("\n");
document.write("    },\n");
document.write("\n");
document.write("    buttonClick : function(e) {<span class=\'meta meta_syntax meta_syntax_ruby meta_syntax_ruby_start-block\'><\/span>\n");
document.write("\n");
document.write("      var button <span class=\'keyword keyword_operator keyword_operator_assignment keyword_operator_assignment_ruby\'>=<\/span> <span class=\'support support_class support_class_ruby\'>Event<\/span>.element(e);\n");
document.write("        var message <span class=\'keyword keyword_operator keyword_operator_assignment keyword_operator_assignment_ruby\'>=<\/span> this.getMessage();\n");
document.write("    button.up().update(message);\n");
document.write("\n");
document.write("    }\n");
document.write("\n");
document.write("});\n");
document.write("\n");
document.write("<span class=\'keyword keyword_other keyword_other_special-method keyword_other_special-method_ruby\'>new<\/span> <span class=\'variable variable_other variable_other_constant variable_other_constant_ruby\'>MyClass<\/span>(<span class=\'string string_quoted string_quoted_single string_quoted_single_ruby\'>\'myButton\'<\/span>);\n");
document.write("<span class=\'keyword keyword_operator keyword_operator_comparison keyword_operator_comparison_ruby\'>&lt;<\/span><span class=\'keyword keyword_operator keyword_operator_arithmetic keyword_operator_arithmetic_ruby\'>/<\/span>script<span class=\'keyword keyword_operator keyword_operator_comparison keyword_operator_comparison_ruby\'>&gt;<\/span>\n");
document.write("<\/pre><\/pre>\n");
document.write("		<\/td>\n");
document.write("		<\/tr>\n");
document.write("		<\/table>\n");
document.write("	\n");
document.write("	<\/div>\n");
document.write("\n");
document.write("\n");
document.write("  \n");
document.write("  \n");
document.write("  <div class=\"credit\">\n");
document.write("    <div class=\"buttons\">\n");
document.write("      <a href=\"http://pastie.org/pastes/769489.txt\">\n");
document.write("      <img src=\"http://pastie.org/images/view.png\" height=\"20\" width=\"67\" /><\/a>\n");
document.write("    <\/div>\n");
document.write("  \n");
document.write("    <a href=\"http://pastie.org/769489\">Pastie #769489<\/a> linked directly from <a href=\"http://pastie.org/\">Pastie<\/a>.\n");
document.write("  <\/div><\/div>");