<html>
<head>
<style>
DIV.bounds {
width: 800px;
height: 600px;
border: 1px red solid;
overflow: hidden;
}
DIV.object {
position:absolute;
left: 0px;
top: 0px;
border: 0px blue solid;
behavior: url(component.htc);
cursor: hand;
}
</style>
<script language="JavaScript">
function Point(pX, pY) {
this.posX = pX;
this.posY = pY;
}
function CSlope(P1, P2) {
this.deltaY = P2.posY - P1.posY;
this.deltaX = P2.posX - P1.posX;
this.m = (P2.posY - P1.posY)/(P2.posX - P1.posX);
}
function _slopeAdd(P1) {
varlPoint = new Point((P1.posX + this.deltaX), (P1.posY + this.deltaY));
return lPoint;
}
CSlope.prototype.add = _slopeAdd;
function CGeometry() {}
function _slope(P1, P2) {
varlSlope = new CSlope(P1, P2);
return lSlope;
}
CGeometry.prototype.slope = _slope;
var Geometry = new CGeometry();
varobjStack = [];
function startMove(obj, t) {
var id = objStack.push(obj);
objStack[id-1].interval = setInterval("objStack[" + (id - 1) + "].moveMe()", t);
}
</script>
</head>
<body style="font-family: Verdana; font-size: 24pt;">
<center>
<div class="bounds" id="divBounds" name="divBounds" onselectstart="window.event.returnValue = false;">
<div class="object">dog</div>
</div>
</center>
</body>
</html>