Attempts to add multi browser dragging to merzo.net

merzo_drag.user.js

// ==UserScript==
// @name           Merzo Drag
// @namespace      https://gist.github.com/raw/1988543/merzo_drag.user.js
// @include        http://merzo.net/*
// @include        http://*.merzo.net/*
// 
//
// ==/UserScript==
//



// borrowed some code from http://erikvold.com/blog/index.cfm/2010/6/14/using-jquery-with-a-user-script
// should now work in chrome
// a function that loads jQuery and calls a callback function when jQuery has finished loading
function addJQuery(callback) {
  var script = document.createElement("script");
  script.setAttribute("src", "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js");
  script.addEventListener('load', function() {
    //add jquery-ui
    var script = document.createElement("script");
    script.setAttribute("src", "https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js")
    script.addEventListener('load', function() {
        var script = document.createElement("script");
        script.textContent = "(" + callback.toString() + ")();";
        document.body.appendChild(script);
    }, false);
    document.body.appendChild(script);
  }, false);
  document.body.appendChild(script);
}

// the guts of this userscript
function main() {
    $('img.drag').draggable();
}

// load jQuery and execute the main function
addJQuery(main);