var ns4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var ie4 = (document.all)? true : false;
var ns6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;

var obj;
var setX=0;
var setY=0;
var direction=3;
var posX = -200;
var posY = -200;


function preloader() 
{
     // counter
     var i = 0;

     // create object
     imageObj = new Image();

     // set image list
     images = new Array();
     for(i=1;i<=32;i++)
     {
     	images[i-1]="bug/" + i + ".png";	
     }

     // start preloading
     for(i=1; i<=32; i++) 
     {
          imageObj.src=images[i-1];
     }
} 

function startAni()
{
  if (ns4) 
  {
  	obj = document.layers["bug"];
  }
  else
  {
  	obj = document.getElementById("bug").style;
  }
	obj.visibility="visible";
	setTimeout("animateBug()",25);
	
}

function setNewDirection(adjustDir)
{
	newDir=direction+adjustDir;
	if(newDir>=32)
	{
		newDir=newDir-32;	
	}
	if(newDir<=0)
	{
		newDir=newDir+32;	
	}
	setDirection(newDir);
}
	
function setDirection(dir)
{
	direction=dir;
	if(direction==1)	{	setX=8;	setY=0;}
	else if(direction==2)	{	setX=7;	setY=1;}
	else if(direction==3)	{	setX=6;	setY=2;}
	else if(direction==4)	{	setX=5;	setY=3;}
	else if(direction==5)	{	setX=4;	setY=4;}
	else if(direction==6)	{	setX=3;	setY=5;}
	else if(direction==7)	{	setX=2;	setY=6;}
	else if(direction==8)	{	setX=1;	setY=7;}
	else if(direction==9)	{	setX=0;	setY=8;}
	else if(direction==10)	{	setX=-1;	setY=7;}
	else if(direction==11)	{	setX=-2;	setY=6;}
	else if(direction==12)	{	setX=-3;	setY=5;}
	else if(direction==13)	{	setX=-4;	setY=4;}
	else if(direction==14)	{	setX=-5;	setY=3;}
	else if(direction==15)	{	setX=-6;	setY=2;}
	else if(direction==16)	{	setX=-7;	setY=1;}
	else if(direction==17)	{	setX=-8;	setY=0;}
	else if(direction==18)	{	setX=-7;	setY=-1;}
	else if(direction==19)	{	setX=-6;	setY=-2;}
	else if(direction==20)	{	setX=-5;	setY=-3;}
	else if(direction==21)	{	setX=-4;	setY=-4;}
	else if(direction==22)	{	setX=-3;	setY=-5;}
	else if(direction==23)	{	setX=-2;	setY=-6;}
	else if(direction==24)	{	setX=-1;	setY=-7;}
	else if(direction==25)	{	setX=0;	setY=-8;}
	else if(direction==26)	{	setX=1;	setY=-7;}
	else if(direction==27)	{	setX=2;	setY=-6;}
	else if(direction==28)	{	setX=3;	setY=-5;}
	else if(direction==29)	{	setX=4;	setY=-4;}
	else if(direction==30)	{	setX=5;	setY=-3;}
	else if(direction==31)	{	setX=6;	setY=-2;}
	else if(direction==32)	{	setX=7;	setY=-1;}
		
	for(i=1;i<=32;i++)
	{
		document.getElementById("theBug" + i).style.display="none";	
	}
	document.getElementById("theBug" + direction).style.display="";	
	//document.getElementById("theBug").src="bug/" + direction + ".png";
}

var timerInterval = 20;
function animateBug()
{
	setRandomDir();
	move(setX,setY);
	setTimeout("animateBug()",timerInterval);	
	timerInterval=20;
}

function setRandomDir()
{
	var rand_no = Math.ceil(30*Math.random())
	var rand_stop = Math.ceil(5000*Math.random())
	var newDir=0;
	if(rand_no<=3)
	{
		newDir=2-(rand_no);
	}
	if(rand_stop==1)
	{
		timerInterval=1000;	
	}
	setNewDirection(newDir);
}

function move (x, y) 
{
	posX = posX+x;
	posY = posY+y;
  //obj.xpos = parseInt(obj.left) + parseInt(x);
  //obj.ypos = parseInt(obj.top) + parseInt(y);
  obj.left = Math.round(posX/8);;
  obj.top = Math.round(posY/8);;
}