/*
 * 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);
}