var timers = new Array();
var opacities = new Array();

function showSubmenu(numer) {
	window.clearTimeout(timers[numer]);
	submenu = document.getElementById("submenu"+numer);
	submenu.style.display="block";
	changeOpacity("submenu"+numer,1);
}

function hideSubmenu(numer) {
	
	var funkcja = 'decreaseOpacity('+numer+')';	
	opacities[numer] = 1;
	timers[numer] = window.setTimeout(funkcja, 50);		
}

function decreaseOpacity(numer){
	var newOpacity = opacities[numer] - 0.1;
	var name = "submenu" + numer;
	changeOpacity("submenu"+numer, newOpacity);
	opacities[numer] = newOpacity;
	
	if (newOpacity >0) {
		var funkcja = 'decreaseOpacity('+numer+')';			
		timers[numer] = window.setTimeout(funkcja, 20);		
	}
	else {
		var funkcja = 'doHide("submenu'+numer+'")';	
		timers[numer] = window.setTimeout(funkcja, 20);		
	}
		
}

function doHide(name) {
	submenu = document.getElementById(name);
	submenu.style.display="none";	
}

function changeOpacity(element, opacity) {
	var styl = document.getElementById(element).style;
	styl.opacity= opacity;
    styl.MozOpacity = opacity;
    styl.KhtmlOpacity = opacity;
    var ieOpacity = Math.round(opacity * 100);
    styl.filter = "alpha(opacity=" + ieOpacity + ")"; 	
}