Update of /cvsroot/dynapi/dynapi3x/examples
In directory sc8-pr-cvs1:/tmp/cvs-serv6593/examples
Modified Files:
dynapi.api.ext.inline.html dynapi.fx.pathanim.html
speedtest.dynlayer-basic.html
Added Files:
demo.oncontentchange.html demo.onlocationchange.html
demo.spaceship-circle.html demo.spaceship-path.html
dynapi.fx.swiper.html dynapi.gui.focusmanager.html
dynapi.util.cookie.html
speedtest.dynlayer.inline-basic-blueprint_def.js
speedtest.dynlayer.inline-basic-blueprint_ns4.js
speedtest.dynlayer.inline-basic-dom.html
speedtest.dynlayer.inline-basic.html
speedtest.dynlayer.inline-deep_nest-dom.html
Log Message:
updated/added by raymond
--- NEW FILE ---
<html>
<head>
<title>DynAPI Examples - On Content Change Event</title>
<script language="Javascript" src="../src/dynapi.js"></script>
<script language="Javascript">
<!--
dynapi.library.setPath('../src/');
dynapi.library.include('dynapi.api');
//-->
</script>
<script language="Javascript">
<!--
dynapi.onLoad(function() {
lyr = new DynLayer('Hello',300,50,100,100,'yellow');
lyr.addEventListener ({
oncontentchange : function(e) {
var me = e.getSource();
alert('Content Change to : "'+me.getHTML()+'"');
}
});
dynapi.document.addChild(lyr);
});
//-->
</script>
</head>
<body bgcolor="#FFFFFF">
<table bgcolor="#ffffff" border=0><tr><td>
<br>Conten #1: <a href="javascript:lyr.setHTML('Cool Layer')">Cool Layer</a>
<br>Conten #2: <a href="javascript:lyr.setHTML('Blueprint - Layers in overdrive!')">Blueprint - Layers in overdrive!</a>
<br>Conten #3: <a href="javascript:lyr.setHTML('DynAPI is ccool!')">DynAPI is ccool!</a>
</td></tr></table>
</body>
</html>
--- NEW FILE ---
<html>
<head>
<title>DynAPI Examples - On Location Change Event</title>
<script language="Javascript" src="../src/dynapi.js"></script>
<script language="Javascript">
<!--
dynapi.library.setPath('../src/');
dynapi.library.include('dynapi.api');
//-->
</script>
<script language="Javascript">
<!--
dynapi.onLoad(function() {
lyr = new DynLayer('Hello',300,50,100,100,'yellow');
lyr.addEventListener ({
onlocationchange : function(e) {
var me = e.getSource();
me.setHTML('Location Change to:<br> x='+me.getX()+', y='+me.getY());
}
});
dynapi.document.addChild(lyr);
});
//-->
</script>
</head>
<body bgcolor="#FFFFFF">
<table bgcolor="#ffffff" border=0><tr><td>
<br><a href="javascript:;" onclick="lyr.slideTo(parseInt(Math.random()*450),parseInt(Math.random()*200));return false;">Change Location</a>
</td></tr></table>
</body>
</html>
--- NEW FILE ---
<html>
<head>
<title>DynAPI Examples - Spaceship & CircleAnimation</title>
<script language="Javascript" src="../src/dynapi.js"></script>
<script language="Javascript">
<!--
dynapi.library.setPath('../src/');
dynapi.library.include('dynapi.api');
dynapi.library.include('dynapi.fx.MotionX');
dynapi.library.include('dynapi.gui.ImageClip');
dynapi.library.include('dynapi.fx.CircleAnimation');
//-->
</script>
<script language="Javascript">
<!--
dynapi.onLoad(function() {
block = new ImageClip({x:200,y:200,w:32,h:32,clipImage:"images/ship360.gif",cols:16,rows:1});
circle = new CircleAnimation(block);
circle.setRadius(50);
circle.setAngle(180);
circle.setAngleIncrement(10);
circle.sleep(20);
circle.playAnimation();
var listener = {
onmove : function(e) {
var me = e.getSource();
var a= me.getDirectionAngle();
me.setFrame(Math.floor(a/22))
}
}
block.addEventListener(listener);
block.makeSolid()
dynapi.document.addChild(block);
});
//-->
</script>
</head>
<body bgcolor="#000000" scroll=no>
<img src="images/ship360.gif" width="512" height="32">
<table bgcolor="#ffffff" border=0><tr><td>
<p>Circle
<br>radius: <a href="javascript:circle.setRadius(50)">50</a> | <a href="javascript:circle.setRadius(100)">100</a>
<br>H radius: <a href="javascript:circle.setHRadius(50)">50</a> | <a href="javascript:circle.setHRadius(100)">100</a>
<br>V radius: <a href="javascript:circle.setVRadius(50)">50</a> | <a href="javascript:circle.setVRadius(100)">100</a>
<br>angle increment: <a href="javascript:circle.setAngleIncrement(10)">10</a> | <a href="javascript:circle.setAngleIncrement(5)">5</a>
<br>sleep: <a href="javascript:circle.sleep(20)">20</a> | <a href="javascript:circle.sleep(40)">40</a>
</td></tr></table>
</body>
</html>
--- NEW FILE ---
<html>
<head>
<title>DynAPI Examples - Spaceship & PathAnimation</title>
<script language="Javascript" src="../src/dynapi.js"></script>
<script language="Javascript">
dynapi.library.setPath('../src/');
dynapi.library.include('dynapi.api');
dynapi.library.include('dynapi.fx.PathAnimation');
dynapi.library.include('dynapi.fx.SlideAnimation');
dynapi.library.include('dynapi.fx.MotionX');
dynapi.library.include('dynapi.gui.ImageClip');
dynapi.library.include('dynapi.fx.CircleAnimation');
</script>
<script language="Javascript">
dynapi.onLoad(function() {
block = new ImageClip({x:200,y:200,w:32,h:32,clipImage:"images/ship360.gif",cols:16,rows:1});
// path 0 straight line manually created
path = new PathAnimation(block);
linemanual = [100,100,110,110,120,120,130,130,140,140,150,150,160,160,170,170,180,180,190,190,200,200];
path.add( linemanual );
// path 1 straight line generated
linegenerated = SlideAnimation(100,100, 33,3, 20); // x1,y1,x2,y2,inc
path.add( linegenerated );
// path 2 squiggly line
var x = [90,92,94,97,100,103,107,111,116,120,125,130,135,140,146,151,156,161,167,172,177,183,189,196,203,210,218,227,235,244,252,260,267,273,279,284,288,291,293,294,295,294,293,291,288,285,282,278,274,270,266,263,260,257,254,252,251,251,251,253,255,257,261,266,271,277,284,292,300,310,320,332,344,357,371,385,398,412,424,435];
var y = [73,73,72,72,73,73,74,75,77,79,82,85,89,94,101,108,116,125,136,147,158,169,180,191,200,208,215,221,226,229,231,231,230,228,225,220,215,209,202,194,187,179,171,163,155,147,139,132,126,119,114,109,104,100,96,92,88,84,81,77,74,71,68,66,64,63,63,64,65,68,73,79,86,96,107,119,131,143,155,165];
linesquiggle = dynapi.functions.interlacePaths(x,y);
path.add( linesquiggle );
// path 3 generated circle path starting at 180degrees about point (250,250)
// note: circleanim is not required in order to use pathanim
circle = new CircleAnimation();
circle.setRadius(50);
circle.setAngle(180);
circle.setAngleIncrement(10);
circlepath = circle.generatePath(250,250);
path.add(circlepath);
// default interval
path.sleep(50);
var listener = {
onmove : function(e) {
var me = e.getSource();
var a= me.getDirectionAngle();
me.setFrame(Math.floor(a/22))
status=a
}
}
block.addEventListener(listener);
block.makeSolid()
dynapi.document.addChild(block);
});
</script>
</head>
<body bgcolor="#ffffff">
<p><b>Controls</b>:
<br>sleep : <a href="javascript:path.sleep(20)">20</a> | <a href="javascript:path.sleep(50)">50</a> | <a href="javascript:path.sleep(100)">100</a>
<br>show coordinates : <a href="javascript:alert(path.paths[0])">path 0</a> | <a href="javascript:alert(path.paths[1])">path 1</a> | <a href="javascript:alert(path.paths[2])">path 2</a> | <a href="javascript:alert(path.paths[3])">path 3</a>
<br><a href="javascript:path.stop()">stopAnimation</a>
<p><b>Unstored Animations</b>
<br><font size=-1>This type is meant for quick playing, the information is deleted when
<br>the animation is finished playing (this is used in slide animations)</font>
<p><a href="javascript:path.play(linemanual)">quickplay path 0</a>
<br><a href="javascript:path.play(linegenerated)">quickplay path 1</a>
<br><a href="javascript:path.play(linesquiggle)">quickplay path 2</a>
<br><a href="javascript:path.play(circlepath,true)">quickplay path 3</a> (loops)
<p><b>Stored Animations</b>
<br><font size=-1>These play paths that have been saved in the PathAnimation object</font>
<table border=1>
<tr><td><td>
<td>loop</td>
<td>auto-reset</td>
<td>play</tr>
<tr><td>Path 0
<br>straight line<td>
<td><a href="javascript:path.setLoops(0,true)">on</a> | <a href="javascript:path.setLoops(0,false)">off</a></td>
<td><a href="javascript:path.setResets(0,true)">on</a> | <a href="javascript:path.setResets(0,false)">off</a></td>
<td><a href="javascript:path.play(0)">play</a></td></tr>
<tr><td>Path 1
<br>generated line<td>
<td><a href="javascript:path.setLoops(1,true)">on</a> | <a href="javascript:path.setLoops(1,false)">off</a></td>
<td><a href="javascript:path.setResets(1,true)">on</a> | <a href="javascript:path.setResets(1,false)">off</a></td>
<td><a href="javascript:path.play(1)">play</a></td></tr>
<tr><td>Path 2
<br>squiggly line<td>
<td><a href="javascript:path.setLoops(2,true)">on</a> | <a href="javascript:path.setLoops(2,false)">off</a></td>
<td><a href="javascript:path.setResets(2,true)">on</a> | <a href="javascript:path.setResets(2,false)">off</a></td>
<td><a href="javascript:path.play(2)">play</a></td></tr>
<tr><td>Path 2
<br>circle<td>
<td><a href="javascript:path.setLoops(3,true)">on</a> | <a href="javascript:path.setLoops(3,false)">off</a></td>
<td><a href="javascript:path.setResets(3,true)">on</a> | <a href="javascript:path.setResets(3,false)">off</a></td>
<td><a href="javascript:path.play(3)">play</a></td></tr>
</table>
</body>
</html>
--- NEW FILE ---
<html>
<head>
<title>DynAPI Examples - Swiper Animation</title>
<script language="JavaScript" src="../src/dynapi.js"></script>
<script language="Javascript">
dynapi.library.setPath('../src/');
dynapi.library.include('dynapi.api');
dynapi.library.include('dynapi.fx.Swiper');
</script>
<script language="Javascript">
var lyr = dynapi.document.addChild(new DynLayer('<center><p> <h2>DynAPI 3.0<br>Swiper fx</h2></p></center>',100,50,170,150,'yellow'));
dynapi.onLoad(function(){
lyr.swipeTo("top",10);
})
</script>
</head>
<body>
<form>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" id="AutoNumber1" width="364" height="222">
<tr>
<td width="94" height="26" align="center">
<input type="button" value="top-left" name="B1" onclick="lyr.swipeTo(this.value,10)"></td>
<td width="160" height="26" align="center">
<input type="button" value="top" name="B8" onclick="lyr.swipeTo(this.value,10)"></td>
<td width="106" height="26" align="center">
<input type="button" value="top-right" name="B7" onclick="lyr.swipeTo(this.value,10)"></td>
</tr>
<tr>
<td width="94" height="168" align="center">
<input type="button" value="left" name="B2" onclick="lyr.swipeTo(this.value,10)"></td>
<td width="160" height="168" align="center"> </td>
<td width="106" height="168" align="center">
<input type="button" value="right" name="B6" onclick="lyr.swipeTo(this.value,10)"></td>
</tr>
<tr>
<td width="94" height="26" align="center">
<input type="button" value="bottom-left" name="B3" onclick="lyr.swipeTo(this.value,10)"></td>
<td width="160" height="26" align="center">
<input type="button" value="bottom" name="B4" onclick="lyr.swipeTo(this.value,10)"></td>
<td width="106" height="26" align="center">
<input type="button" value="bottom-right" name="B5" onclick="lyr.swipeTo(this.value,10)"></td>
</tr>
</table>
<p> </p>
</form>
</body>
</html>
--- NEW FILE ---
<html>
<head>
<title>DynAPI Examples - Focus Manager</title>
<script language="JavaScript" src="../src/dynapi.js"></script>
<script language="Javascript">
dynapi.library.setPath('../src/');
dynapi.library.include('dynapi.api');
dynapi.library.include('FocusManager');
</script>
<script language="Javascript">
var lyr1=dynapi.document.addChild(new DynLayer(null,100,100,100,100,'yellow'))
var lyr2=dynapi.document.addChild(new DynLayer(null,210,100,100,100,'blue'))
var lyr3=dynapi.document.addChild(new DynLayer(null,320,100,100,100,'green'))
var lyr4=dynapi.document.addChild(new DynLayer(null,380,150,100,100,'#FFCC00'))
var lyr5=dynapi.document.addChild(new DynLayer(null,50,150,100,100,'#FFCC00'))
var child1=lyr3.addChild(new DynLayer(null,10,10,30,30,'#CCDDEE'));
var child2=lyr3.addChild(new DynLayer(null,50,10,30,35,'#CCDDEE'));
var child3=child2.addChild(new DynLayer(null,5,5,20,25,'teal'));
var el={
onfocus:function(e){
var o=e.getSource();
o.setBorder(2)
},
onblur:function(e){
var o=e.getSource();
o.setBorder(0)
}
}
lyr1.addEventListener(el);
lyr2.addEventListener(el);
lyr3.addEventListener(el);
lyr4.addEventListener(el);
lyr5.addEventListener(el);
child1.addEventListener(el);
child2.addEventListener(el);
child3.addEventListener(el);
lyr1.setFocus('auto',false,'hover');
lyr5.setFocus('auto',false,'hover');
lyr2.setFocus('auto');
lyr3.setFocus('auto');
lyr4.setFocus('auto');
child1.setFocus('auto',true,'hover');
child3.setFocus('auto');
</script>
</head>
<body>
</body>
</html>
--- NEW FILE ---
<html>
<head>
<title>DynAPI Examples - Cookie</title>
<script language="JavaScript" src="../src/dynapi.js"></script>
<script language="Javascript">
dynapi.library.setPath('../src/');
//dynapi.library.include('dynapi.debug');
dynapi.library.include('dynapi.api');
dynapi.library.include('Cookie');
dynapi.library.include('DragEvent');
</script>
<script language="Javascript">
var ck = new Cookie('mycookie',true); // create mycookie object
ck.setExpires(100);
var o=ck.get('myobject'); // get myobject from mycookie
if(!o) o={
name:'mary jane',
age:12,
email:'mj...@ya...',
'date':new Date(),
'float': 24233.4534,
'array':['red','blue','green'],
counter:0
};
var h='<table border="1" width="100%"><tr><td width="100%" align="center"><b><font size="3" face="Arial">'+o.counter+'</font></b></td></tr></table>';
var lyr = dynapi.document.addChild(new DynLayer(h,(ck.get('x')||200),(ck.get('y')||100),100,30,'yellow'));
lyr.setTextSelectable(false);
DragEvent.enableDragEvents(lyr);
window.setInterval('goTick()',500);
function goTick(){
o.counter+=10;
ck.add('myobject',o); // save or update cookie
ck.add('x',lyr.x); // save or update cookie
ck.add('y',lyr.y); // save or update cookie
lyr.setHTML('<table border="1" width="100%"><tr><td width="100%" align="center"><b><font size="3" face="Arial">'+o.counter+'</font></b></td></tr></table>')
}
</script>
</head>
<body bgcolor="#FFFFFF">
<p>Refreshing this page will restore the layer to it's lasted saved state. Drag the layer and try reloading the page</p>
-----------------------------------<br>
<script>
document.write(
'Last Tick Count:\t' +o.counter+'\n' +
'Name:\t\t' +o.name +'<br>'+
'Age:\t\t' +o.age +'<br>'+
'Email:\t\t' +o.email +'<br>'+
'Array Length:\t' +o.array.length+'<br>' +
'Array Content:\t' +o.array+'<br>'
);
dynapi.document.insertAllChildren();
</script>
</body>
</html>
--- NEW FILE ---
_bw('<div id="DynObject9" style=" left:0px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject10" style=" left:31px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject11" style=" left:62px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject12" style=" left:93px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject13" style=" left:124px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject14" style=" left:155px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject15" style=" left:186px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject16" style=" left:217px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject17" style=" left:248px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject18" style=" left:279px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject19" style=" left:310px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject20" style=" left:341px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject21" style=" left:372px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject22" style=" left:403px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject23" style=" left:434px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject24" style=" left:465px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject25" style=" left:496px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject26" style=" left:527px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject27" style=" left:558px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject28" style=" left:589px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject29" style=" left:620px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject30" style=" left:651px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject31" style=" left:682px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject32" style=" left:713px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject33" style=" left:744px; top:51px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject34" style=" left:0px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject35" style=" left:31px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject36" style=" left:62px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject37" style=" left:93px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject38" style=" left:124px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject39" style=" left:155px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject40" style=" left:186px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject41" style=" left:217px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject42" style=" left:248px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject43" style=" left:279px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject44" style=" left:310px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject45" style=" left:341px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject46" style=" left:372px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject47" style=" left:403px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject48" style=" left:434px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject49" style=" left:465px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject50" style=" left:496px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject51" style=" left:527px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject52" style=" left:558px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject53" style=" left:589px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject54" style=" left:620px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject55" style=" left:651px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject56" style=" left:682px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject57" style=" left:713px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject58" style=" left:744px; top:72px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject59" style=" left:0px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject60" style=" left:31px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject61" style=" left:62px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject62" style=" left:93px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject63" style=" left:124px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject64" style=" left:155px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject65" style=" left:186px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject66" style=" left:217px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject67" style=" left:248px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject68" style=" left:279px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject69" style=" left:310px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject70" style=" left:341px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject71" style=" left:372px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject72" style=" left:403px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject73" style=" left:434px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject74" style=" left:465px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject75" style=" left:496px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject76" style=" left:527px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject77" style=" left:558px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject78" style=" left:589px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject79" style=" left:620px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject80" style=" left:651px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject81" style=" left:682px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject82" style=" left:713px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject83" style=" left:744px; top:93px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject84" style=" left:0px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject85" style=" left:31px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject86" style=" left:62px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject87" style=" left:93px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject88" style=" left:124px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject89" style=" left:155px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject90" style=" left:186px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject91" style=" left:217px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject92" style=" left:248px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject93" style=" left:279px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject94" style=" left:310px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject95" style=" left:341px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject96" style=" left:372px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject97" style=" left:403px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject98" style=" left:434px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject99" style=" left:465px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject100" style=" left:496px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject101" style=" left:527px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject102" style=" left:558px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject103" style=" left:589px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject104" style=" left:620px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject105" style=" left:651px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject106" style=" left:682px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject107" style=" left:713px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject108" style=" left:744px; top:114px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject109" style=" left:0px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject110" style=" left:31px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject111" style=" left:62px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject112" style=" left:93px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject113" style=" left:124px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject114" style=" left:155px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject115" style=" left:186px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject116" style=" left:217px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject117" style=" left:248px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject118" style=" left:279px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject119" style=" left:310px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject120" style=" left:341px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject121" style=" left:372px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject122" style=" left:403px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject123" style=" left:434px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject124" style=" left:465px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject125" style=" left:496px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject126" style=" left:527px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject127" style=" left:558px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject128" style=" left:589px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject129" style=" left:620px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject130" style=" left:651px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject131" style=" left:682px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject132" style=" left:713px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject133" style=" left:744px; top:135px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject134" style=" left:0px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject135" style=" left:31px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject136" style=" left:62px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject137" style=" left:93px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject138" style=" left:124px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject139" style=" left:155px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject140" style=" left:186px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject141" style=" left:217px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject142" style=" left:248px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject143" style=" left:279px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject144" style=" left:310px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject145" style=" left:341px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject146" style=" left:372px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject147" style=" left:403px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject148" style=" left:434px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject149" style=" left:465px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject150" style=" left:496px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject151" style=" left:527px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject152" style=" left:558px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject153" style=" left:589px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject154" style=" left:620px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject155" style=" left:651px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject156" style=" left:682px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject157" style=" left:713px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject158" style=" left:744px; top:156px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject159" style=" left:0px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject160" style=" left:31px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject161" style=" left:62px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject162" style=" left:93px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject163" style=" left:124px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject164" style=" left:155px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject165" style=" left:186px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject166" style=" left:217px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject167" style=" left:248px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject168" style=" left:279px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject169" style=" left:310px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject170" style=" left:341px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject171" style=" left:372px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject172" style=" left:403px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject173" style=" left:434px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject174" style=" left:465px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject175" style=" left:496px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject176" style=" left:527px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject177" style=" left:558px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject178" style=" left:589px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject179" style=" left:620px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject180" style=" left:651px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject181" style=" left:682px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject182" style=" left:713px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject183" style=" left:744px; top:177px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject184" style=" left:0px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject185" style=" left:31px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject186" style=" left:62px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject187" style=" left:93px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject188" style=" left:124px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject189" style=" left:155px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject190" style=" left:186px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject191" style=" left:217px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject192" style=" left:248px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject193" style=" left:279px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject194" style=" left:310px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject195" style=" left:341px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject196" style=" left:372px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject197" style=" left:403px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject198" style=" left:434px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject199" style=" left:465px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject200" style=" left:496px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject201" style=" left:527px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject202" style=" left:558px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject203" style=" left:589px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject204" style=" left:620px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject205" style=" left:651px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject206" style=" left:682px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject207" style=" left:713px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
_bw('<div id="DynObject208" style=" left:744px; top:198px; width:20px; height:20px; z-index:1; background-color:yellow; visibility:inherit; background-image:none; clip:rect(0px 20px 20px 0px); position:absolute;"></div>');
--- NEW FILE ---
_bw('<layer id="DynObject9" left=0 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>');
_bw('<layer id="DynObject10" left=31 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>');
_bw('<layer id="DynObject11" left=62 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>');
_bw('<layer id="DynObject12" left=93 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>');
_bw('<layer id="DynObject13" left=124 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>');
_bw('<layer id="DynObject14" left=155 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>');
_bw('<layer id="DynObject15" left=186 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>');
_bw('<layer id="DynObject16" left=217 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>');
_bw('<layer id="DynObject17" left=248 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>');
_bw('<layer id="DynObject18" left=279 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>');
_bw('<layer id="DynObject19" left=310 top=51 visibility="inherit" width=20 height=20 z-index:1 clip="0,0,20,20" bgcolor="yellow"></layer>');
_bw('<layer id="DynObject20" left=341 top=51 visibility="inherit" wi...
[truncated message content] |