var ns = (document.layers)?1:0;
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;
(document.layers)?window.onMouseMove=getMousePosition:document.onmousemove=getMousePosition;
var Dot_Ro=100;
var Dot_Theta=0;
var Dot_Speed;
var Dot_Direction=1; //Dot's direction (1=clockwise)
var Dot_x=0;
var Dot_y=0;
var alpha;
var mult;
var picX = 20;
var picY = 100;
var mouseX = 0;
var mouseY = 0;
var step = 10;
var speed = 100;
var dir = Array();
dir[-4]="vlieg3.gif";
dir[-1]="vlieg6.gif";
dir[-2]="vlieg5.gif";
dir[-3]="vlieg4.gif";
dir[3]="vlieg8.gif";
dir[4]="vlieg7.gif";
dir[1]="vlieg2.gif";
dir[2]="vlieg1.gif";
dir[0]="";
var img = Array();
for (var i=-4; i<5; i++){
	img[i]=new Image();
	img[i].src="spel/"+dir[i];
}
if (ns) {
	document.write("<LAYER NAME='VliegDiv' LEFT=0 TOP=0><img src="+img[1].src+" name='pic'></LAYER>");
}else {
	document.write("<div id='VliegDiv' style='position:absolute'>");
	document.write("<img name='pic' src=" + img[1].src + "></div>");
}
function display(direction) {
	if (ns) {
		document.pic.src = img[direction].src;
	}else{
		pic.src = img[direction].src;
	}
}
function getMousePosition(e) {
	mouseY=(ns)?e.pageY:window.event.y + document.body.scrollTop;
	mouseX=(ns)?e.pageX:window.event.x + document.body.scrollLeft;
}
function calcNewPos() {
	var dist=Math.sqrt(Math.pow(mouseY-picY,2) + Math.pow(mouseX-picX,2));
	Dot_Speed=Math.PI/15;
	Dot_Theta+=Dot_Direction*Dot_Speed;
	Dot_x=mouseX+Dot_Ro*Math.cos(Dot_Theta);
	Dot_y=mouseY+Dot_Ro*Math.sin(Dot_Theta);
	var arg = (Dot_y-picY) / (Dot_x-picX);
	mult = (Dot_x - picX < 0)? mult = -1:1;
	alpha = Math.atan(arg);
	var dx = mult * step * Math.cos(alpha);
	var dy = mult * step * Math.sin(alpha);
	picX += dx;
	picY += dy;
}
function zieVlieg() {
	if (ns) {
		document.layers['VliegDiv'].visibility=document.layers['VliegDiv'].visibility=="hide"?"show":"hide";
	}else {
		VliegDiv.style.visibility=="hidden"?VliegDiv.style.visibility = "visible":VliegDiv.style.visibility = "hidden";
	}
}
function moveVlieg() {
	// moves the Vlieg in a new position...
	calcNewPos();
	if (ns) {
		document.layers['VliegDiv'].left = picX;
		document.layers['VliegDiv'].top = picY;
	}else{
		VliegDiv.style.left = picX - pic.width / 2;
		VliegDiv.style.top = picY - pic.height / 2;
	}

	// ... and changes the image.
	alpha=-180*alpha/Math.PI;
	alpha+=22.5;
	var OK=0;
	for(var i=0; (i<4)&& !OK; i++){
		if (alpha<-Math.PI+45*i){
			display(mult*(i+1));
			OK=1;
		}
	}
}

function ChangeDotDirection() {
	Dot_Direction=-Dot_Direction;
	Dot_Theta+=Math.PI;
}

setInterval('moveVlieg()', speed);
setInterval('ChangeDotDirection()', speed*50);