KunstnerList = {
	liste_div : "maler_liste",
	img_div : "maler_img",
	maler_div : "maler_select_",
	index : 0,
	max_size: 1,
	interval : "",
	tempImage : new Image(),
	animation_counter: 0,
	animation_timer: "",
	animation_run: true,
	
	startShifting : function(){
		var delay = 5000;
		this.index = 0;
		this.tempImage.src = document.getElementById(this.maler_div+"img_"+(this.index+1)).value;
		this.interval = window.setInterval(KunstnerList.selectNext,delay);
	},
	
	selectNext: function(){
		if(KunstnerList.animation_run){
			var oldIndex = KunstnerList.index;
			var currentIndex = oldIndex+1;
			if(!document.getElementById(KunstnerList.maler_div+currentIndex))
				currentIndex = 0;
			var nextIndex = currentIndex+1;
			if(!document.getElementById(KunstnerList.maler_div+nextIndex))
				nextIndex = 0;
					
			document.getElementById(KunstnerList.maler_div+oldIndex).style.color="#000000";
					
			document.getElementById(KunstnerList.maler_div+currentIndex).style.color="#990000";
			document.getElementById(KunstnerList.img_div+"_link").href = document.getElementById(KunstnerList.maler_div+currentIndex).href;
			
			document.getElementById(KunstnerList.img_div+"_back").src = document.getElementById(KunstnerList.img_div).src;
			KunstnerList.setOpacity(document.getElementById(KunstnerList.img_div),0);
			document.getElementById(KunstnerList.img_div+"_back").style.visibility = "visible";
			document.getElementById(KunstnerList.img_div).src = KunstnerList.tempImage.src;
			KunstnerList.tempImage.src = document.getElementById(KunstnerList.maler_div+"img_"+nextIndex).value;
			
			KunstnerList.index = currentIndex;
			
			KunstnerList.moveList();	
		}
	},
		
	moveList: function(){
		var index = KunstnerList.index;		
		var loops = 6;
		var distance = 15;
		var pos = (-index*distance);
		var diff = (distance/loops);
		var sub = (loops-KunstnerList.animation_counter)*diff;
		pos += sub;
		document.getElementById(KunstnerList.liste_div).style.top = pos+"px";
		
		KunstnerList.fadeImage(loops)
		
		if(KunstnerList.animation_counter < loops){
			KunstnerList.animation_counter++;	
			KunstnerList.animation_timer = window.setTimeout(KunstnerList.moveList,50);
		}
		else{
			window.clearTimeout(KunstnerList.animation_timer);
			KunstnerList.animation_counter = 0;
			document.getElementById(KunstnerList.img_div+"_back").style.visibility = "hidden";
			KunstnerList.setOpacity(document.getElementById(KunstnerList.img_div+"_back"),100);
		}
	},
	
	fadeImage: function(loops){
		var turn = KunstnerList.animation_counter+1;
		var opacity = turn*(100/loops);		
		KunstnerList.setOpacity(document.getElementById(KunstnerList.img_div),opacity);	
		KunstnerList.setOpacity(document.getElementById(KunstnerList.img_div+"_back"),(100-opacity));		
	},
	
	setOpacity: function(obj, opacity){
		var css = obj;
		opacity = (opacity == 100)?99.999:opacity;
		// IE/Windows
		css.style.filter = "alpha(opacity:"+opacity+")";
		// Safari < 1.2, Konqueror
		css.style.KHTMLOpacity = opacity/100;	
		// Older Mozilla and Firefox
		css.style.MozOpacity = opacity/100;
		// Safari 1.2, newer Firefox and Mozilla, CSS3
		css.style.opacity = opacity/100;
	},
	
	runAnimation: function(bool){
		this.animation_run = bool;
	}
	
}
