var i = 0;

function changeBGPic() {
	
	if(i++ % 2){
		document.images["hintergrund_img"].src = "files/bg_alpen.jpg";
		document.getElementById("kaesig").innerHTML =
			"	<div id=\"kaesig_bild\"><img name=\"kaese_img\" src=\"files/kaese.gif\"></div>";
	}else{
		document.images["hintergrund_img"].src = "files/bg_hell.jpg";
		document.getElementById("kaesig").innerHTML =
			"	<div id=\"kaesig_bild\"><img name=\"kaese_img\" src=\"files/wuerfel.gif\"></div>";
	}
		
}

function moveRight(){

	document.images["kleines_maennchen"].src = "files/kleines_maennchen_nach_rech.gif";
	
   	Effect.MoveBy('maennchen', 0, 100, 
	 {duration:5, transition:Effect.Transitions.sinoidal, afterFinish: moveLeft});
}
   
function moveLeft(){

	document.images["kleines_maennchen"].src = "files/kleines_maennchen_nach_link.gif";

   	Effect.MoveBy('maennchen', 0, -100, 
	 {duration:5, transition:Effect.Transitions.sinoidal, afterFinish: moveRight});
}

var j = 0;

function verschieben(){
	
	var versatz = 10;
	
	var button_links = document.getElementById("button_links");
	var button_rechts = document.getElementById("button_rechts");
	var kaesig = document.getElementById("kaesig");
	var maennchen = document.getElementById("maennchen");
	var logo = document.getElementById("logo");
	var hintergrund = document.getElementById("hintergrund");
	var plakatwand = document.getElementById("main");
	var fuesse = document.getElementById("main_fuesse");
	
	if(j++ < 10){
		
		button_links.style.left = button_links.offsetLeft + versatz + "px";
	    button_rechts.style.left = button_rechts.offsetLeft + versatz + "px";
	    kaesig.style.left = kaesig.offsetLeft + versatz + "px";
	    maennchen.style.left = maennchen.offsetLeft + versatz + "px";
	    logo.style.left = logo.offsetLeft + versatz + "px";
	    hintergrund.style.left = hintergrund.offsetLeft + versatz + "px";
	    plakatwand.style.left = plakatwand.offsetLeft + versatz + "px";
	    fuesse.style.left = fuesse.offsetLeft + versatz + "px";
	    
	}else{
		j = 0;
		
		button_links.style.left = (button_links.offsetLeft - 10 * versatz) + "px";
	    button_rechts.style.left = (button_rechts.offsetLeft - 10 * versatz) + "px";
	    kaesig.style.left = (kaesig.offsetLeft - 10 * versatz) + "px";
	    maennchen.style.left = (maennchen.offsetLeft - 10 * versatz) + "px";
	    logo.style.left = (logo.offsetLeft - 10 * versatz) + "px";
	    hintergrund.style.left = (hintergrund.offsetLeft - 10 * versatz) + "px";
	    plakatwand.style.left = (plakatwand.offsetLeft - 10 * versatz) + "px";
	    fuesse.style.left = (fuesse.offsetLeft - 10 * versatz) + "px";
	}
    
}