// Segment anzahl
var pieces = 12
// Ab hier nichts verändern!!!
//---------------------------------------------------------------------------------------------------------------------------------------
var mov_timeout = 20
var go_on = true
var position = new Array()
var mouse_x = 200
var mouse_y = 200
var h_size = 12
var b_size = 10
var b_dist = 16
var dx,dy,v,dist
var womwomon = true
var stimer = new Date();
var ltime = stimer.getTime()
var un_mov,un_load

function initwomwom()
{
	if(un_load != null)un_load()
	var nNode = document.createElement("link")
	nNode.href = "womwom.css"
	nNode.rel = "stylesheet"
	nNode.rev = "stylesheet"
	nNode.type = "text/css"
	document.getElementsByTagName("head")[0].appendChild(nNode)
	for(var i=(pieces-1);i>0;i--)
	{
		document.body.innerHTML += "<img alt=\"\" id=\"ww_body_part"+i+"\" style=\"top: 500px; left: 2px;\" src=\"wom"+(i%2)+".png\" class=\"wwpart\">"
		document.getElementById("ww_body_part"+i).style.left = (500-(i*17))+"px"
	}
	document.body.innerHTML += "<img alt=\"\" id=\"ww_head\" style=\"top: 498px; left: 0px;\" src=\"wom0.png\" onclick=\"chgwomwom()\" class=\"wwhead\">"
	document.getElementById("ww_head").style.left = "500px"
	position[0] = new Array()
	position[0][0] = 500
	position[0][1] = 498
	document.body.innerHTML += "<img alt=\"\" id=\"ww_eye0\" style=\"top: 500px; left: 2px;\" src=\"auge.png\" onclick=\"chgwomwom()\" class=\"wweyes\">"
	document.body.innerHTML += "<img alt=\"\" id=\"ww_eye1\" style=\"top: 500px; left: 2px;\" src=\"auge.png\" onclick=\"chgwomwom()\" class=\"wweyes\">"
	for(i=1;i<(pieces*b_dist);i++)
	{
		position[i] = new Array()
		position[i][0] = (500-i*3)//x-pos
		position[i][1] = (500-i*3)//y-pos
	}
	eyeblink()
	movewomwom()
}

// Starten der Funktionen zum Init und Mousecapture
un_load = window.onload
window.onload = initwomwom
un_mov = document.onmousemove
document.onmousemove = test

function test(Ereignis)
{
	if(un_mov != null)un_mov(Ereignis)
	if(Ereignis==undefined)Ereignis = window.event
	mouse_x = Ereignis.clientX // x-position des mauszeigers
	mouse_y = Ereignis.clientY // y-position des mauszeigers
}
// wirklich nichts!!

var maxmove = 4
function movewomwom()
{
	if(womwomon)
	{
	if(go_on)
	{
		for(var i=(pieces*b_dist-1);i>0;i--)
		{
			position[i][0] = position[i-1][0]
			position[i][1] = position[i-1][1]
		}
	}
	dx = mouse_x-position[0][0]
	dy = mouse_y-position[0][1]
	dist = Math.sqrt(dx*dx+dy*dy)
	if(dist >= 7){
	v = maxmove/dist
	position[0][0] += v*dx
	position[0][1] += v*dy
	go_on = true
	}else{
	go_on = false
	}
	setwomwom()
	}
	var timer = new Date()
	var tdiff = timer.getTime()-ltime
	mov_timeout = 5/tdiff
	//document.body.innerHTML = (mov_timeout)+"<br/>"+document.body.innerHTML
	ltime = timer.getTime()
	window.setTimeout("movewomwom()",mov_timeout)
}

var eyestat = 0

function eyeblink()
{
eyestat = (eyestat+1)%2
if(eyestat == 1)
{
document.getElementById("ww_eye0").src = "wom0.png"
document.getElementById("ww_eye1").src = "wom0.png"
window.setTimeout("eyeblink()",100)
}else{
document.getElementById("ww_eye0").src = "auge.png"
document.getElementById("ww_eye1").src = "auge.png"
window.setTimeout("eyeblink()",Math.round(500+Math.random()*1500))
}
}

var dxii,dyii,distii,mii,aii,sdxii,xvii,yvii,xaii,yaii
function deg2rad(angle){return(angle/180)*Math.PI;}
function rad2deg(angle){return(angle/Math.PI)*180;}
var radius = 4
function setwomwom()
{
	dxii = mouse_x-position[0][0]
	dyii = mouse_y-position[0][1]
	mii = dyii/dxii
	aii = Math.atan(mii)
	sdxii = Math.abs(dxii)/dxii
	if(dxii == 0)sdxii = 1
	xvii = sdxii*Math.cos(aii)*radius
	yvii = sdxii*Math.sin(aii)*radius
	xaii = Math.sin(2*Math.PI-aii)*4
	yaii = Math.cos(2*Math.PI-aii)*4
	document.getElementById("ww_eye0").style.left = Math.round(position[0][0]+xvii-xaii-4)+"px"
	document.getElementById("ww_eye0").style.top = Math.round(position[0][1]+yvii-yaii-4)+"px"
	document.getElementById("ww_eye1").style.left = Math.round(position[0][0]+xvii+xaii-4)+"px"
	document.getElementById("ww_eye1").style.top = Math.round(position[0][1]+yvii+yaii-4)+"px"
	//---------------------------------------------------------------------------------------------------------------------------------------------------------------
	document.getElementById("ww_head").style.left = Math.round(position[0][0]-h_size)+"px"
	document.getElementById("ww_head").style.top = Math.round(position[0][1]-h_size)+"px"
	for(var i=1;i<pieces;i++)
	{
		document.getElementById("ww_body_part"+i).style.left = Math.round(position[i*b_dist/4][0]-b_size)+"px"
		document.getElementById("ww_body_part"+i).style.top = Math.round(position[i*b_dist/4][1]-b_size)+"px"
	}
}

function chgwomwom(buttonid,onsrc,offsrc)
{
	if(womwomon){
		document.getElementById("ww_head").style.visibility = "hidden"
		document.getElementById("ww_eye0").style.visibility = "hidden"
		document.getElementById("ww_eye1").style.visibility = "hidden"
		for(var i=1;i<pieces;i++)
		{
			document.getElementById("ww_body_part"+i).style.visibility = "hidden"
		}
		womwomon = false
		if(typeof(buttonid) == "string")document.getElementById(buttonid).src = offsrc
	}else{ 
		document.getElementById("ww_head").style.visibility = "visible"
		document.getElementById("ww_eye0").style.visibility = "visible"
		document.getElementById("ww_eye1").style.visibility = "visible"
		for(var i=1;i<pieces;i++)
		{
			document.getElementById("ww_body_part"+i).style.visibility = "visible"
		}
		if(typeof(buttonid) == "string")document.getElementById(buttonid).src = onsrc
		womwomon = true
	}
}