<html>
<title>EvoLisa (GenArt) Silverlight animated viewer</title>
<head>
    <script type="text/javascript" src="Silverlight.js"></script>
    <script type="text/javascript" src="Scene.xaml.js"></script>
    <style type="text/css">
        .silverlightHost {
            height:600px;
            width:800px;
        }
    </style>
<script type="text/javascript" language="javascript">
function createSilverlight()
{
    var scene = new Blend1.Scene();
    
    Silverlight.createObjectEx({
        source: 'operahouse_day.xaml',
        parentElement: document.getElementById('SilverlightControlHost'),
        id: 'SilverlightControl',
        properties: {
            width:  '100%',
            height: '100%',
            inplaceInstallPrompt: false,
            background: '#00000000',
            isWindowless: 'true',
            version: '1.0',
            framerate:'24',
            enableFramerateCounter:false
        },
        events: { onError: null, onLoad: pluginLoaded, onResize: null },
        context:null
    });
}
 
var canvas = null;
var max = 0;
var cur = 0;
var millisecs = 200;
function pluginLoaded(sender) {
    var ctrl = sender;
    canvas = ctrl.content.findName("canvas");
 
    // turn all the polygons off
    var childrenCount = canvas.children.count;
    for (var i = 0; i < childrenCount; i++) {
        var child = canvas.children.getItem(i);
        child.opacity = 0;
    }
 
    max = childrenCount;
    // now start showing them one by one
    setTimeout("showNext()", millisecs);
}
 
function showNext() {
    var child = canvas.children.getItem(cur);
    child.opacity = 1;
    cur++;
    if (cur < max)
        setTimeout("showNext()", millisecs);
    else
        alert('Done!');
}
 
</script>
</head>
<body>
    <table>
        <tr>
            <td>
                <div id="SilverlightControlHost" class="silverlightHost">
                    <script type="text/javascript">
                        createSilverlight();
                    </script>
                </div>
            </td>
        </tr>
    </table>
</body>
</html>