// JavaScript Document

var browser = (navigator.appName.indexOf("Netscape") != -1);
var px = document.layers ? "" : "px";
var delay = 30;
var denom = 10;
function rollObj(id, targetx, targety)
{
	var divToRoll=document.getElementById?document.getElementById(id):document.all?document.all[id]:document.layers[id];
	window[id + "_obj"] = divToRoll;
	if(document.layers)divToRoll.style=divToRoll;
	divToRoll.currentx = divToRoll.targetx = targetx;
	divToRoll.currenty = divToRoll.targety = targety;
	divToRoll.rewriteStylePropery=function(x,y){
		this.style.left=x+px;
		this.style.top=y+px;
	};
	divToRoll.move=function(){
		var pX, pY;
		pX = (this.targetx >= 0) ? 0 : browser ? innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth;
		pY = browser ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
		if(this.targety<0) pY += browser ? innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
		this.currentx += (pX + this.targetx - this.currentx)/denom;
		this.currenty += (pY + this.targety - this.currenty)/denom;
		this.rewriteStylePropery(this.currentx, this.currenty);
		setTimeout(this.id + "_obj.move()", delay);
	};
	return divToRoll;
}