// initiallisation //
  	// get browser info for scripts
  	_ie4 = (document.all);
  	_ns4 = (document.layers);
  	_v4  = _ie4 || _ns4;

	c = 0;
	
	posx = new Array(10);
	posy = new Array(10);
	posx[0] = -50;
	posy[0] = -50;
	posx[1] = -50;
	posy[1] = -50;
	posx[2] = -50;
	posy[2] = -50;
	posx[3] = -50;
	posy[3] = -50;
	posx[4] = -50;
	posy[4] = -50;
	posx[5] = -50;
	posy[5] = -50;
	posx[6] = -50;
	posy[6] = -50;
	posx[7] = -50;
	posy[7] = -50;
	posx[8] = -50;
	posy[8] = -50;



function movepics(x,y)
{
	posx[8] = posx[7]; 
	posx[7] = posx[6]; 
	posx[6] = posx[5]; 
	posx[5] = posx[4]; 
	posx[4] = posx[3]; 
	posx[3] = posx[2]; 
	posx[2] = posx[1]; 
	posx[1] = posx[0] + Math.random()*10;


	posy[8] = posy[7]; 
	posy[7] = posy[6]; 
	posy[6] = posy[5]; 
	posy[5] = posy[4]; 
	posy[4] = posy[3]; 
	posy[3] = posy[2]; 
	posy[2] = posy[1]; 
	posy[1] = posy[0] + Math.random()*10;
	
	c++;
// re-position layers on mouse movement Explorer only //
if (_ie4)
{
	if(c%2 == 0)
	{
   	eval("pic1.style.left = posx[1]");
   	eval("pic1.style.top = posy[1]");
   	eval("pic2.style.left = posx[2]");
   	eval("pic2.style.top = posy[2]");
   	eval("pic3.style.left = posx[3]");
   	eval("pic3.style.top = posy[3]");
   	eval("pic4.style.left = posx[4]");
   	eval("pic4.style.top = posy[4]");
   	eval("pic5.style.left = posx[5]");
   	eval("pic5.style.top = posy[5]");
   	eval("pic6.style.left = posx[6]");
   	eval("pic6.style.top = posy[6]");
   	eval("pic7.style.left = posx[7]");
   	eval("pic7.style.top = posy[7]");
   	eval("pic8.style.left = posx[8]");
   	eval("pic8.style.top = posy[8]");
	}
	else
	{
   	eval("pic1.style.left = posx[2]");
   	eval("pic1.style.top = posy[2]");
   	eval("pic2.style.left = posx[1]");
   	eval("pic2.style.top = posy[1]");
   	eval("pic3.style.left = posx[4]");
   	eval("pic3.style.top = posy[4]");
   	eval("pic4.style.left = posx[3]");
   	eval("pic4.style.top = posy[3]");
   	eval("pic5.style.left = posx[6]");
   	eval("pic5.style.top = posy[6]");
   	eval("pic6.style.left = posx[5]");
   	eval("pic6.style.top = posy[5]");
   	eval("pic7.style.left = posx[8]");
   	eval("pic7.style.top = posy[8]");
   	eval("pic8.style.left = posx[7]");
   	eval("pic8.style.top = posy[7]");
	}
	if (c>9)c=0;
}
if (_ns4)
{

	document.layers["pic1"].left= posx[1];
	document.layers["pic1"].top= posy[1]; 
	document.layers["pic2"].left= posx[2];
	document.layers["pic2"].top= posy[2]; 
	document.layers["pic3"].left= posx[3];
	document.layers["pic3"].top= posy[3]; 
	document.layers["pic4"].left= posx[4];
	document.layers["pic4"].top= posy[4]; 
	document.layers["pic5"].left= posx[5];
	document.layers["pic5"].top= posy[5]; 
	document.layers["pic6"].left= posx[6];
	document.layers["pic6"].top= posy[6]; 
	document.layers["pic7"].left= posx[7];
	document.layers["pic7"].top= posy[7]; 
	document.layers["pic8"].left= posx[8];
	document.layers["pic8"].top= posy[8]; 
}
	setTimeout("movepics()", 100);
}


function mousetrack() 
{
	posx[0] = window.event.x-5;
	posy[0] = window.event.y+10;
}


function statbar(txt) 
{
	window.status = txt;
}



function displayCross(e) 
{
	posx[0] = e.pageX-5;
	posy[0] = e.pageY+10;
}


if (_ie4)
{

	document.write("<DIV ID =pic1 STYLE =\"position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; z-index: 2;\"><font color= #ff0000 size = 4pt>o</font></DIV>\n");
	document.write("<DIV ID =pic2 STYLE =\"position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; z-index: 2;\"><font color= #ff0000 size = 4pt>+</font></DIV>\n");
	document.write("<DIV ID =pic3 STYLE =\"position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; z-index: 2;\"><font color= #cc0000 size = 3pt>o</font></DIV>\n");
	document.write("<DIV ID =pic4 STYLE =\"position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; z-index: 2;\"><font color= #cc0000 size = 3pt>+</font></DIV>\n");
	document.write("<DIV ID =pic5 STYLE =\"position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; z-index: 2;\"><font color= #990000 size = 2pt>o</font></DIV>\n");
	document.write("<DIV ID =pic6 STYLE =\"position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; z-index: 2;\"><font color= #990000 size = 2pt>+</font></DIV>\n");
	document.write("<DIV ID =pic7 STYLE =\"position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; z-index: 2;\"><font color= #660000 size = 1pt>o</font></DIV>\n");
	document.write("<DIV ID =pic8 STYLE =\"position: absolute; left: 0px; top: 0px; width: 1px; height: 1px; z-index: 2;\"><font color= #660000 size = 1pt>+</font></DIV>\n");
}	
if (_ns4)
{
	document.write("<layer name=pic1 z-index=-1 left=0 top=0 >");
	document.write("<font color= #ff0000 size = 4pt>o</font>");
	document.write("</layer>\n");
	document.write("<layer name=pic2 z-index=-1 left=0 top=0 >");
	document.write("<font color= #ff0000 size = 4pt>+</font>");
	document.write("</layer>\n");
	document.write("<layer name=pic3 z-index=-1 left=0 top=0 >");
	document.write("<font color= #cc0000 size = 3pt>o</font>");
	document.write("</layer>\n");
	document.write("<layer name=pic4 z-index=-1 left=0 top=0 >");
	document.write("<font color= #cc0000 size = 3pt>+</font>");
	document.write("</layer>\n");
	document.write("<layer name=pic5 z-index=-1 left=0 top=0 >");
	document.write("<font color= #990000 size = 2pt>o</font>");
	document.write("</layer>\n");
	document.write("<layer name=pic6 z-index=-1 left=0 top=0 >");
	document.write("<font color= #990000 size = 2pt>+</font>");
	document.write("</layer>\n");
	document.write("<layer name=pic7 z-index=-1 left=0 top=0 >");
	document.write("<font color= #660000 size = 1pt>o</font>");
	document.write("</layer>\n");
	document.write("<layer name=pic8 z-index=-1 left=0 top=0 >");
	document.write("<font color= #660000 size = 1pt>+</font>");
	document.write("</layer>\n");
	window.captureEvents(Event.MOUSEMOVE);
	window.onmousemove= displayCross;  
}