var mD = 200; 		// delay between movements in milliseconds.

var DHTML = (document.getElementById || document.all || document.layers);
var NotesLStart = 300;
var NotesTStart = 200;
var Step = 5;
var MaxMoves = 20;
var HMoveDelta = new Array;
var VMoveDelta = new Array;
var iter = new Array;
var mT= new Array;
var imgtable = new Array;

iter[0] = 0;mT[0] = null;imgtable[0]='<img src="notes0.gif">'
iter[1] = 0;mT[1] = null;imgtable[1]='<img src="notes1.gif">'
iter[2] = 0;mT[2] = null;imgtable[2]='<img src="notes2.gif">'
iter[3] = 0;mT[3] = null;imgtable[3]='<img src="notes3.gif">'
iter[4] = 0;mT[4] = null;imgtable[4]='<img src="notes4.gif">'
iter[5] = 0;mT[5] = null;imgtable[5]='<img src="notes5.gif">'
iter[6] = 0;mT[6] = null;imgtable[6]='<img src="notes6.gif">'
iter[7] = 0;mT[7] = null;imgtable[7]=""

var posL = new Array;
var posT = new Array;


function invi(id,flag)
{
	if (!DHTML) return;
	var x = new getObj(id);
	x.style.visibility = (flag) ? 'hidden' : 'visible'
}

function setpos(_div,id,_posL,_posT)
{
	if (!DHTML) return;
	var x = new getObj(_div);
	x.style.top = _posT;posT[id] = _posT;
	x.style.left = _posL;posL[id] = _posL;
}

function move(_div,id,amountL,amountT)
{


	if (!DHTML) return;
	var x = new getObj(_div);
	posT[id] += amountT;
	posL[id] += amountL;

	x.style.top = posT[id];
	x.style.left = posL[id];

}


function getObj(name)
{
  if (document.getElementById)
  {
  	this.obj = document.getElementById(name);
	this.style = document.getElementById(name).style;
  }
  else if (document.all)
  {
	this.obj = document.all[name];
	this.style = document.all[name].style;
  }
  else if (document.layers)
  {
   	this.obj = document.layers[name];
   	this.style = document.layers[name];
  }
}

function fill_div (_div,text) {
	if (!DHTML) return;
	var x = new getObj(_div);
	x.obj.innerHTML = '';
	x.obj.innerHTML = text;

}

function MoveDiv(id) {
var _txt="";
var _div="";
var r;
       	_div="note"+eval(id);			
	if (iter[id]==0) 
	{
		
		r=Math.round(Math.random()*4);
		switch ( r )
		{
   	    		case 0 : 
       				HMoveDelta[id]=-2*Step;
       				break;
   	    		case 1 : 
       				HMoveDelta[id]=-1*Step;
       				break;
   	    		case 2 : 
       				HMoveDelta[id]=-0*Step;
       				break;
   	    		case 3 : 
       				HMoveDelta[id]=1*Step;
       				break;
   	    		case 4 : 
       				HMoveDelta[id]=2*Step;
       				break;
    	    		default : 
       				window.alert("switch error occurred");
		}
		r=Math.round(Math.random()*4);
		switch ( r )
		{
   	    		case 0 : 
       				VMoveDelta[id]=-2*Step;
       				break;
   	    		case 1 : 
       				VMoveDelta[id]=-1*Step;
       				break;
   	    		case 2 : 
       				VMoveDelta[id]=-0*Step;
       				break;
   	    		case 3 : 
       				VMoveDelta[id]=1*Step;
       				break;
   	    		case 4 : 
       				VMoveDelta[id]=2*Step;
       				break;
    	    		default : 
       				window.alert("switch error occurred");
		}
		setpos(_div,id,NotesLStart+VMoveDelta[id],NotesTStart+HMoveDelta[id]);
	}
	move(_div,id,HMoveDelta[id],VMoveDelta[id]);

  	iter[id] += 1;
  	clearInterval(mT[id]);
	invi (_div,false);

  	if (iter[id] >= (MaxMoves+id))
	{
//window.alert("reset "+_div);
  		iter[id] = 0;
		invi(_div,true);
		fill_div (_div,imgtable[id]);
  	}
	switch ( id ) {
   	    case 0 : 
       		mT[id] = setInterval('MoveDiv(0)',mD);
       		break;
	    case 1 : 
       		mT[id] = setInterval('MoveDiv(1)',mD);
       		break;
	    case 2 : 
       		mT[id] = setInterval('MoveDiv(2)',mD);
       		break;
	    case 3 : 
       		mT[id] = setInterval('MoveDiv(3)',mD);
       		break;
	    case 4 : 
       		mT[id] = setInterval('MoveDiv(4)',mD);
       		break;
	    case 5 : 
       		mT[id] = setInterval('MoveDiv(5)',mD);
       		break;
	    case 6 : 
       		mT[id] = setInterval('MoveDiv(6)',mD);
       		break;
	    case 7 : 
       		mT[id] = setInterval('MoveDiv(7)',mD);
       		break;
    	    default : 
       		window.alert("switch error occurred");
  	}	

}