var i = -100;
var intHide2, intShow2;
function btn_over(id) {
		document.getElementById(id).style.backgroundImage='url(NAVPICS/bg_btn_hover2.gif)';
	}
function btn_out(id) {
		document.getElementById(id).style.backgroundImage='url(NAVPICS/bg_btn.gif)';
	}
	
function showmenu2(id) {
	// document.getElementById(id).style.display='block';
	clearInterval(intHide2);
	intShow2 = setInterval("show2('"+id+"')",10);
}

function hidemenu2(id) {
	// document.getElementById(id).style.display='none';
	clearInterval(intShow2);
	intHide2 = setInterval("hide2('"+id+"')",10);
}

function show2(id) {
	clearInterval(intHide2);
	if (i == 0) {
		document.getElementById(id).style.display='block';
	}
	if (i < 20) {
		i += 10;
		document.getElementById(id).style.top = i+"px";
	} else {
		document.getElementById(id).style.top = "20px";
	}
}

function hide2(id) {
	clearInterval(intShow2);
	if (i == 0) {
		document.getElementById(id).style.display='none';
	}
	if (i > -100) {
		i -= 10;
		document.getElementById(id).style.top = i+"px";
	}
}

var j = -100;
var intHide3, intShow3;

function showmenu3(id) {
	// document.getElementById(id).style.display='block';
	clearInterval(intHide3);
	intShow3 = setInterval("show3('"+id+"')",10);
}

function hidemenu3(id) {
	// document.getElementById(id).style.display='none';
	clearInterval(intShow3);
	intHide3 = setInterval("hide3('"+id+"')",10);
}

function show3(id) {
	clearInterval(intHide3);
	if (j == 0) {
		document.getElementById(id).style.display='block';
	}
	if (j < 20) {
		j += 10;
		document.getElementById(id).style.top = j+"px";
	} else {
		document.getElementById(id).style.top = "20px";
	}
}

function hide3(id) {
	clearInterval(intShow3);
	if (j == 0) {
		document.getElementById(id).style.display='none';
	}
	if (j > -100) {
		j -= 10;
		document.getElementById(id).style.top = j+"px";
	}
}






var k = -100;
var intHide4, intShow4;

function showmenu4(id) {
	// document.getElementById(id).style.display='block';
	clearInterval(intHide4);
	intShow4 = setInterval("show4('"+id+"')",10);
}

function hidemenu4(id) {
	// document.getElementById(id).style.display='none';
	clearInterval(intShow4);
	intHide4 = setInterval("hide4('"+id+"')",10);
}

function show4(id) {
	clearInterval(intHide4);
	if (k == 0) {
		document.getElementById(id).style.display='block';
	}
	if (k < 20) {
		k += 10;
		document.getElementById(id).style.top = k+"px";
	} else {
		document.getElementById(id).style.top = "20px";
	}
}

function hide4(id) {
	clearInterval(intShow4);
	if (k == 0) {
		document.getElementById(id).style.display='none';
	}
	if (k > -100) {
		k -= 10;
		document.getElementById(id).style.top = k+"px";
	}
}