var template = {"url":"http://jsbin.com/alubi","html" : "<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\"\n  \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\">\n<html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\" xml:lang=\"en\" lang=\"en\">\n<head>\n   <title>Sandbox<\/title>      \n   <meta http-equiv=\"Content-type\" content=\"text\/html; charset=utf-8\" \/>\n   <link rel=\"stylesheet\" type=\"text\/css\" href=\"http:\/\/visapi-gadgets.googlecode.com\/svn\/trunk\/wordcloud\/wc.css\"\/>\n   <script type='text\/javascript' src='http:\/\/getfirebug.com\/releases\/lite\/1.2\/firebug-lite-compressed.js'><\/script>\n   <script type=\"text\/javascript\">\n   firebug.env.debug = false;   \/\/ open minimized\n   firebug.env.detectFirebug = true; \/\/ do not initialize if Firebug is active\n   <\/script>   \n   <script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/1.3.2\/jquery.min.js\"><\/script>\n   <script type=\"text\/javascript\" src=\"http:\/\/visapi-gadgets.googlecode.com\/svn\/trunk\/wordcloud\/wc.js\"><\/script>\n   <script type=\"text\/javascript\" src=\"http:\/\/www.google.com\/jsapi\"><\/script>\n   <script type=\"text\/javascript\">\n   $(function() {\n      $('#twitterCloud').click(function() {\n         draw($('#userName').val());\n      });\n   });\n   \n   google.load(\"visualization\", \"1\"); \n   function draw(userName) { \n      var url = 'http:\/\/twitter.com\/status\/user_timeline\/' + userName + '.json?count=20&callback=?'; \n      $.getJSON(url, function(data) { \n         console.log('data: %o', data);\n         var dataTable = new google.visualization.DataTable(); \n         dataTable.addColumn('string', 'Tweet'); \n         dataTable.addRows(20); \n         $.each(data, function(i, item) {   \n            console.log('i: ' + i);\n            console.log('item.Text: ' + item.text);           \n            dataTable.setCell(i, 0, item.text); \n         }); \n         var outputDiv = $('#wordCloud').css({\n            'border-width': '1px',\n            'border-color': '#cccccc',\n            'border-style': 'solid',\n            'margin': '10px',\n            'padding': '10px'\n         }); \n         var wc = new WordCloud(outputDiv.get(0)); \n         wc.draw(dataTable, null); \n      });   \n   }\n   <\/script>\n<\/head>\n<body>   \n   <div>Twitter Username: <input id=\"userName\" type=\"text\" \/> <button id=\"twitterCloud\">Twitter Cloud<\/button><\/div>\n   <div id=\"wordCloud\"><\/div>\n   <a href=\"http:\/\/jsbin.com\/omute\/edit\" target=\"_blank\">View, Run, & Edit Source Code<\/a>\n<\/body>\n<\/html>","javascript":"if (document.getElementById('hello')) {\n  document.getElementById('hello').innerHTML = 'Hello World - this was inserted using JavaScript';\n}\n"}
