window.onload = function(){
for(i in membersID)
initfade(membersID[i]);
}


function initfade(id){
	var members = document.getElementById(id);

	if (members){
		imgs = members.getElementsByTagName('img');

		for(i=0; i<imgs.length; i++){
			imgs[i].id = "img" + i+"_"+id;
			imgs[i].op= 0;
			imgs[i].style.opacity = 0;
			new Member (imgs[i]);
		}
	}
}

function Member(img){
	this.id = img.id;
	this.img = img;
	this.interval = null;
	var li = img.parentNode;
	li.obj = this;
	li.onmouseover = function(){
		clearInterval(this.obj.interval);
		this.obj.interval = setInterval("fadeIn('"+this.obj.id+"')",10);
		this.obj.img.style.display = "block";
	}
	li.onmouseout = function(){
		clearInterval(this.obj.interval);
		this.obj.interval = setInterval("fadeOut('"+this.obj.id+"')",10);
	}
}


function fadeIn(id){
	var img = document.getElementById(id);
	if(img.op < 1){
		img.op += 0.02;
	}else{
		var li = img.parentNode;
		clearInterval(li.obj.interval);
	}
	img.style.opacity = img.op;
	img.style.filter = "alpha(opacity:" + img.op*100 + ")";
}

function fadeOut(id){
	var img = document.getElementById(id);
	if(img.op > 0){
		img.op -= 0.02;
	}else{
		img.style.display = "none";
		var li = img.parentNode;
		clearInterval(li.obj.interval);
	}
	img.style.opacity = img.op;
	img.style.filter = "alpha(opacity:" + img.op*100 + ")";
}