var navover = false;
var navout = false;
var navi = 0;
var navcolor = new Array();
navcolor[0]="#444444";
navcolor[1]="#4b4a4a";
navcolor[2]="#545252";
navcolor[3]="#5f5d5d";
navcolor[4]="#6c6a6a";
navcolor[5]="#797877";
navcolor[6]="#878686";
navcolor[7]="#959494";
navcolor[8]="#a0a0a0";
navcolor[9]="#aaaaaa";

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");		
	}
}