/*
* This code searches for all the <script type="application/processing" target="canvasid">
* in your page and loads each script in the target canvas with the proper id.
* It is useful to smooth the process of adding Processing code in your page and starting
* the Processing.js engine.
*/
 
if ( window.addEventListener ) {
  window.addEventListener("load", function() {
    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 ) {
          Processing(canvas, scripts[i].text);
        }
      }
    }
  }, false);
}