// USAGE: Add this to html doc
// function animSetup() {
//   makeObj( "item1", "flyLeft");
// }
// <body onload="animInit()">
// <div id="item1" style="position: relative; visibility: hidden">stuff</div>

	var n = (document.layers) ? 1:0;
	var ie = (document.all) ? 1:0;

	var animElements = new Array();
	
	var currentElement = 0;
	var speed = 0;
	var steps = 12;
	var step = 0;
	
	
function makeObj( obj, action){
	el = new Object();
	el.css = (n) ? eval('document.'+obj) : eval('document.all.'+obj+'.style');
	el.ref = (n) ? eval('document.'+obj+'.document') : eval('document');
	el.x = (n) ? el.css.left : el.css.pixelLeft;
	el.y = (n) ? el.css.top : el.css.pixelTop;
	el.width = (n) ? el.css.width : el.css.pixelWidth;
	el.height = (n) ? el.css.height : el.css.pixelHeight;
	el.showIt = b_showIt;
	el.hideIt = b_hideIt;
	el.moveIt = b_moveIt;
	el.moveBy = b_moveBy;

	el.screenWidth = (n) ? eval( 'window.innerWidth') : eval( 'document.body.offsetWidth');
	el.screenHeight = (n) ? eval( 'window.innerHeight') : eval( 'document.body.offsetHeight');
	el.name = obj;
	el.action = action;
	el.initX = el.x;
	el.initY = el.y;

	//val = (n) ? eval( 'el.css.pageX') : eval('document.all.'+obj+'.offsetLeft');
	//alert( val);

	animElements[currentElement++] = el;
}

function b_showIt(){
	this.css.visibility="visible";
}

function b_hideIt() {
	this.css.visibility="hidden";
}

function b_moveIt(x,y) {
	this.x = x;
	this.y = y;
	this.css.left = this.x;
	this.css.top = this.y;
}

function b_moveBy(x,y) {
	this.x += x;
	this.y += y;
	this.css.left = this.x;
	this.css.top = this.y;
}

function animInit() {
	animSetup();
	for( i=0 ; i < animElements.length ; i++ ) {
		 el = animElements[i];
		 if ( el.action == "flyLeft" ) {
		 	el.moveIt( el.screenWidth, 0);
			el.initX = el.x;
			el.showIt();
		}
	}

	currentElement = 0;
	if ( animElements.length > 0 )
		window.setTimeout("animate();", speed)
}


function animate() {
	el = animElements[currentElement];
	step++;

	if ( 1 ) {
		dl = el.initX / steps;
		dt = el.initY / steps;
		el.moveBy( -dl, -dt);
	}

	if (step >= steps) {
		el.moveIt( 0, 0);
		currentElement++;
		step = 0;
	}

	if ( currentElement < animElements.length )
		window.setTimeout("animate();", speed)
}
