var fades = new Array();
initImage = function() {
	//var image = document.getElementById("wit_project_overview");
	var main = document.getElementById("main");
	var image = getElementsByClassName("projektliste", "div", main);
	if (image.length == 0){
		var image = getElementsByClassName("bilderliste", "div", main);
		var images = image[0].getElementsByTagName("img");
	}else{
		var images = image[0].getElementsByTagName("img");
	}
		
	
	for (var i = 0; i < images.length; i++)
	{
		fades[i] = new Fade(images[i],i);
		fades[i].setOpacity();
		images[i].style.visibility = "visible";
	}
}

function Fade(elementIn, numID){
	var self = this;
	this.fadingState = 5;
	// fadingIn = 1; fadedIn=2; fadingOut=3; fadedOut=4; fadingStart=5
	// none = 0; fadeOut = 1; fadeIn = 2;
	this.opacity = 0;
	this.num = numID;
	
	this.element = elementIn;
	
	
		
	this.setOpacity = function() {
			self.opacity = (self.opacity == 100)?99.999:self.opacity;
			// IE/Win
			self.element.style.filter = "alpha(opacity:"+self.opacity+")";
			// Safari<1.2, Konqueror
			self.element.style.KHTMLOpacity = self.opacity/100;
			// Older Mozilla and Firefox
			//self.element.style.MozOpacity = self.opacity/100;
			// Safari 1.2, newer Firefox and Mozilla, CSS3
			self.element.style.opacity = self.opacity/100;
	}
	self.setOpacity();
		
	this.fadeInStart = function () {
			if (self.opacity <= 70) {
				self.element.style.visibility = "visible"; 
				self.opacity += 5;
				self.setOpacity(self.opacity);
				window.setTimeout("fades["+self.num+"].fadeInStart()", 50);
			}else{
				self.fadingState = 4;
			}
		}
		
		
	this.fadeStart = function (){
			self.fadingState = 5;
			self.fadeInStart();
	}
	
	self.fadeStart();
	
	this.fadeInRec = function() {	
		if (self.fadingState == 1){
			if (self.opacity <= 100) {
				self.opacity += 5;
				self.setOpacity();
				window.setTimeout("fades["+self.num+"].fadeInRec()", 50);
			}else{
				self.fadingState = 2;
			}
		}
	}	
		
			
	this.fadeIn = function(){
		self.fadingState = 1;
		self.fadeInRec();
	}
	
	this.fadeOutRec = function() {
		if (self.fadingState == 3){
			if (self.opacity >= 70) {
				self.opacity -= 5;
				self.setOpacity();
				window.setTimeout("fades["+self.num+"].fadeOutRec()", 50);
			}else{
				self.fadingState = 4;
				self.opacity = 70;
			}
		}
	}	
	
	this.fadeOut = function(){
		self.fadingState = 3;
		self.fadeOutRec();
	}
				
}			
window.onload = function() {initImage()}


/* wit_projekte */
function showImage(image){
	div = document.getElementById("wit_mediumimage");
	//div.innerHTML = '<img src="'+image+'">';
	div.firstChild.src = image;
}

function showDetails(imageID){
	
}