//* Author  : Roy Whittle  (Roy@Whittle.com)
var AnimationRunning = false;
var FrameInterval    = 30;

function AnimatedImage(name, n, ext)
{
	if(document.images)
	{
		this.num_frames = n;
		this.name       = name;
		this.index      = 0;
		this.state      = "CLOSED";

		for(var i=0 ; i<n ; i++)
		{
			this[i]=new Image();
			this[i].src = img_location + "holz" + i + ext;
		}
		
	}
	
}


function Animate()
{	
	AnimationRunning = false;
	for(var i=0 ; i<Btn.numButtons ; i++)
		switch(Btn[i].state)
		{
			case "OPENING" :
				if(Btn[i].index < Btn[i].num_frames-1)
				{
					Btn[i].index++;
					document.images[Btn[i].name].src=Btn[i][Btn[i].index].src;
					AnimationRunning = true;
				}
				else
					Btn[i].state = "OPEN";

				break;

			case "OPEN_CLOSE" :
				if(Btn[i].index < Btn[i].num_frames-1)
				{
					Btn[i].index++;
					document.images[Btn[i].name].src=Btn[i][Btn[i].index].src;
				}
				else
					Btn[i].state = "CLOSING";

				AnimationRunning = true;
				break;

			case "CLOSING" :
				if(Btn[i].index > 0)
				{
					Btn[i].index--;
					document.images[Btn[i].name].src=Btn[i][Btn[i].index].src;
					AnimationRunning = true;
				}
				else
					Btn[i].state = "CLOSED";

				break;
		}
	if( AnimationRunning )
		setTimeout("Animate()",FrameInterval);
}
function start_animation()
{
	if(!AnimationRunning)
		Animate();
}
function turn_on(btn_name)
{
	for(var i=0; i<Btn.numButtons ; i++)
		if(Btn[i].name == btn_name )
		{
			document.images["anim"].src=eval("anim"+(i)+".src");
			
			switch(Btn[i].state)
			{
				case "CLOSED"     :
				case "CLOSING"    :
				case "OPEN_CLOSE" :
					Btn[i].state = "OPENING";
					start_animation();
					break;
				case "OFF" :
					document.images["detail"].src=Btn[i][0].src;
					Btn[i].state = "ON";
					break;
				default :
					break;
			}
		}

}
function turn_off(btn_name)
{

	for(var i=0; i<Btn.numButtons ; i++)
		if(Btn[i].name == btn_name )
		{
			document.images["anim"].src=anim0.src;

			switch(Btn[i].state)
			{
				case "OPEN"       :
					Btn[i].state = "CLOSING";
					start_animation();
					break;
				case "OPENING"  :
					Btn[i].state = "OPEN_CLOSE";
					start_animation();
					break;
				case "ON" :
					//document.images["detail"].src=Btn[i][0].src;
					document.images["detail"].src = ee.src;
					Btn[i].state = "OFF";
					break;
				default :
					break;
			}
		}
}

function AnimatedButtons(which)
{
 	// preload the match pictures
	this.numButtons = 10;
	for(var i=0; i<this.numButtons ; i++)
		this[i]=new AnimatedImage("h"+i,4,".gif");

	anim0=new Image(250,70); anim0.src=img_location+"black.gif";
	for(var i=1; i<this.numButtons ; i++)
			eval('anim'+i+'=new Image(250,70);anim'+i+'.src="'+img_location+'an'+i+'.gif";');

	back     =new Image(75,40);back.src     =img_location+"back.gif";
	back_tofp=new Image(75,40);back_tofp.src=img_location+"back_top.gif";
	tofp     =new Image(75,40);tofp.src     =img_location+"top.gif";

}