// Funktionen für eine Animation, die am oberen Bildrand hin un her wandert.
// Bei Klick öffnet sich ein Log-In-Formular.

var booklet = document.getElementById('book');
var a = 100;
var b = 780;
var c = 100;
var speed = 15;
var wait = false;
var richtung="rechts";
//höhen- und breitenangaben zum laufbild
var hoehe=31;
var breite=33;
//linken und rechten umkehrpunkt bestimmen.
abmessungen_bestimmen();
//Imageobjekte erstellen für den Wechsel bei mouseover...
Walkerr = new Image();
Walkerr.src = "./images/walkerr.gif";     /* erste Standard-Grafik */
Walkerl = new Image();
Walkerl.src = "./images/walkerl.gif";     /* erste Standard-Grafik */
Over = new Image();
Over.src = "./images/walkersteh.gif"; /* erste Highlight-Grafik */
function Bildwechsel(Bildnr,Bildobjekt) {
 window.document.images[Bildnr].src = Bildobjekt.src;
}


function abmessungen_bestimmen(){
	var bildschirmbreite =screen.availWidth ;
	var mitte_bildschirm = bildschirmbreite/2;
	var rechter_endpunkt = mitte_bildschirm + 360;
	var linker_endpunkt = mitte_bildschirm-400;
	b= parseInt(rechter_endpunkt);
	c= linker_endpunkt;
	//document.write(bildschirmbreite+"/"+mitte_bildschirm+"/"+linker_endpunkt+"/"+rechter_endpunkt);
}
function gehe(){
/*
	if (a <= window.outerWidth/2)
	{
		richtung = "rechts";
		meinbildlinks.style.visibility ="hidden";
		meinbildsteh.style.visibility ="hidden";		
		meinbildrechts.style.visibility ="visible";
		rechtslauf();
	}
	else
	{
		richtung = "links";
		meinbildrechts.style.visibility ="hidden";
		meinbildsteh.style.visibility ="hidden";
		meinbildlinks.style.visibility ="visible";
		linkslauf();
	}*/
		richtung = "rechts";
		wait=true;
		meinbildstart.style.visibility ="visible";
		meinbildlinks.style.visibility ="hidden";
		meinbildsteh.style.visibility ="hidden";
		meinbildrechts.style.left =100;
		meinbildrechts.style.visibility ="hidden";
		
		rechtslauf();
	
}


function rechtslauf(){
if (wait){ }
	else{
		if (a<b){
			a++;
			meinbildrechts.style.left=a;
			window.setTimeout ('rechtslauf()', speed);
			richtung = "rechts";
		}
		else 
		{	richtung ="links";
			grafik_wechseln();
			window.setTimeout ('linkslauf()', speed);
		}
	}
}
function linkslauf(){
if (wait){}
else{
	 if (a > c)
	{
		a--;
		meinbildlinks.style.left=a;
		window.setTimeout ('linkslauf()', speed);
		richtung = "links";
		
	}
	else
	{	richtung="rechts";
		grafik_wechseln();
		window.setTimeout ('rechtslauf()', speed);
	}
}
}

function nix_tun(){
	if (wait==false){
		wait=true;
		grafik_wechseln();
		
	}else{
		grafik_wechseln();
		loginlayer.style.visibility="hidden";
		weitermachen();
		
	}
}
function weitermachen(){
	if (richtung =="rechts"){wait=false;grafik_wechseln();rechtslauf();}
	else{wait=false; grafik_wechseln(); linkslauf();}

}
function grafik_wechseln(){
	if (wait)
	{	
		if (meinbildrechts.style.visibility =="visible")
		{
			meinbildsteh.style.left=meinbildrechts.style.left;
		}
		else meinbildsteh.style.left=meinbildlinks.style.left;
		meinbildstart.style.visibility ="hidden";
		meinbildrechts.style.visibility ="hidden";
		meinbildlinks.style.visibility ="hidden";
		meinbildsteh.style.visibility ="visible";
		loginlayer.style.left = parseInt(meinbildsteh.style.left) + breite;
		loginlayer.style.visibility="visible";		
	}
	
	else if (richtung=="links")
	{
		if (meinbildrechts.style.visibility =="visible")
		{
			meinbildlinks.style.left=meinbildrechts.style.left;
		}
		else if (meinbildsteh.style.visibility =="visible")
		{
			meinbildlinks.style.left=meinbildsteh.style.left;
		}
		meinbildstart.style.visibility ="hidden";	
		meinbildrechts.style.visibility ="hidden";
		meinbildsteh.style.visibility ="hidden";
		meinbildlinks.style.visibility ="visible";	
		loginlayer.style.visibility ="hidden";
	}
	else if (richtung=="rechts")
	{	
		if (meinbildlinks.style.visibility =="visible")
		{
			meinbildrechts.style.left=meinbildlinks.style.left;
		}
		else if (meinbildsteh.style.visibility =="visible")
		{
			meinbildrechts.style.left=meinbildsteh.style.left;
		}
		meinbildstart.style.visibility ="hidden";
		meinbildsteh.style.visibility ="hidden";
		meinbildlinks.style.visibility ="hidden";
		meinbildrechts.style.visibility ="visible";
		loginlayer.style.visibility ="hidden";
	}
}