Delayed Mouse Tracking

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="application/processing">
    void setup(){
      size(300, 300);
      background(0);  
    }
    void draw(){
      ellipse(window.passVar, 100, 20 , 20);
    }
 </script>
<canvas width="200px" height="200px"></canvas>

JavaScript

window.passVar = 0;
window.passVar1 = 0;
$(document).mousemove(function(e){
    passVar = e.pageX;
});
$(document).mousemove(function(e){
    passVar1 = e.pageY;
})



var scripts=document.getElementsByTagName("script");
for(var i=0;i<scripts.length;i++) {
    if(scripts[i].type=="application/processing"){
        var src=scripts[i].src,canvas=scripts[i].nextSibling;
        if(src&&src.indexOf("#")){
           canvas=document.getElementById(src.substr(src.indexOf("#")+1));
        }else{
            while(canvas&&canvas.nodeName.toUpperCase()!="CANVAS")
                canvas=canvas.nextSibling;
        }
        if(canvas){
            new Processing(canvas,scripts[i].text);
            
        }
    }
}