var navover = false;
var navout = false;
var navi = 0;
var navcolor = new Array();
navcolor[0]="#333333";
navcolor[1]="#363636";
navcolor[2]="#3a3b3b";
navcolor[3]="#414040";
navcolor[4]="#464646";
navcolor[5]="#4c4c4c";
navcolor[6]="#525353";
navcolor[7]="#595959";
navcolor[8]="#5e5f5f";
navcolor[9]="#636363";

function navmousein(){
	navout = false;
	navover = true;
	navfadein();
}

function navfadein(){
	if(navover && navi <= 9){
		document.getElementById('navid').style.backgroundColor=navcolor[navi];
		navi++;
		setTimeout("navfadein()","20");		
	}
}

function navmouseout(){
	navover = false;
	navout = true;
	navfadeout();
}

function navfadeout(){
	if(navout && navi >= 0){
		document.getElementById('navid').style.backgroundColor=navcolor[navi];
		navi--;
		setTimeout("navfadeout()","60");		
	}
}