/*
   * 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 ( document.addEventListener ) {
   document.addEventListener("DOMContentLoaded", 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;
      }
  
      canvas = document.getElementsById("canvas");
      if ( canvas ) {
       Processing(canvas, scripts[i].textContent);
      }
     }
    }
   }, false);
  }