document.body.style.overflow = "hidden";

var amount = 30;

//Make some elements!
for (var n = 0; n < amount; n++)
{
	document.write('<div id="element' + n + '"><font size="' + (2 +(Math.round(Math.random()*6))) + 'px">DN rocks!</font></div>');
}


function MouseFollower(element, x, y, speed)
{
	this.element = document.getElementById(element);
	this.element.style.position = "absolute";
	this.element.style.color = "rgb(" + Math.round(Math.random()*150) + ", " +
	 Math.round(Math.random()*150) + ", " + Math.round(Math.random()*150) + ")";

	this.x = x;
	this.y = y;
	this.speed = speed;
	this.xspeed = 0;
	this.yspeed = 0;
}


var elements = [];
for (var n = 0; n < amount; n++)
{
	elements[n] = new MouseFollower("element" + n, n*(Math.random()*100), n, 0.3+n/20);
}

var xmouse = 0;
var ymouse = 0;

function MouseEvent(event)
{
	xmouse = event.clientX;
	ymouse = event.clientY;
}


function loop()
{
	for (var i = 0; i < elements.length; i++)
	{
		if (elements[i].x < xmouse) elements[i].xspeed+=elements[i].speed;
		else if (elements[i].x > xmouse) elements[i].xspeed-=elements[i].speed;

		if (elements[i].xspeed > 20) elements[i].xspeed = 20;
		else if (elements[i].xspeed < -20) elements[i].xspeed = -20;
		elements[i].x += elements[i].xspeed;


		if (elements[i].y < ymouse) elements[i].yspeed+=elements[i].speed;
		else if (elements[i].y > ymouse) elements[i].yspeed-=elements[i].speed;

		if (elements[i].yspeed > 20) elements[i].yspeed = 20;
		else if (elements[i].yspeed < -20) elements[i].yspeed = -20;
		elements[i].y += elements[i].yspeed;


		elements[i].element.style.left = elements[i].x + "px";
		elements[i].element.style.top = elements[i].y + "px";
	}

	setTimeout("loop();", 10);
}


loop();