var currentId = "";
var PopId = "";
var timerID;
var step = 40;
var last_x = 0;
var posi_x = -800;
var ua = navigator.userAgent;
var idx = ua.indexOf("MSIE");

if((idx >= 0 && ua.substr(idx + 5, 1) >= 5) || ua.indexOf("Gecko") >= 0)
	document.oncontextmenu = ContextMenu;
else
	document.onmousedown = RightClick;

if(document.getElementById)
	document.onclick = BodyClick;

function ShowMenu (e, id) {
	if(!document.getElementById) return;
	if(currentId == id) return;
	CloseMenu();
	var obj = document.getElementById(id);
	if(id == "menu1") document.images['img1'].src='img/top_on.gif';
	if(id == "menu2") document.images['img2'].src='img/introduction_on.gif';
	if(id == "menu3") document.images['img3'].src='img/campaign_on.gif';
	if(id == "menu4") document.images['img4'].src='img/volunteer_on.gif';
	if(id == "menu5") document.images['img5'].src='img/advice_on.gif';
	if(id == "menu6") document.images['img6'].src='img/child_on.gif';
	if(id == "menu7") document.images['img7'].src='img/tools_on.gif';
	if(id == "menu8") document.images['img8'].src='img/books_on.gif';
	if(id == "menu9") document.images['img9'].src='img/other_on.gif';
	if(id == "menu10") document.images['img10'].src='img/link_on.gif';
	step = 25;
	last_x = 0;
	posi_x = -800;
	obj.style.left = -800 + "px";
	obj.style.top = 128 + "px";
	obj.style.visibility = "visible";
	currentId = id;
	if(currentId == "menu1") MoveImage1();
	if(currentId == "menu2") MoveImage2();
	if(currentId == "menu3") MoveImage3();
	if(currentId == "menu4") MoveImage4();
	if(currentId == "menu5") MoveImage5();
	if(currentId == "menu6") MoveImage6();
	if(currentId == "menu7") MoveImage7();
	if(currentId == "menu8") MoveImage8();
	if(currentId == "menu9") MoveImage9();
	if(currentId == "menu10") MoveImage10();
}
function BodyClick (e) {
	CloseMenu();
}
function CloseMenu () {
	if(!document.getElementById) return;
	if(!currentId) return;
	var obj = document.getElementById(currentId);
	obj.style.visibility = "hidden";
	clearTimeout(timerID);
	if(currentId == "menu1") document.images['img1'].src='img/top_off.gif';
	if(currentId == "menu2") document.images['img2'].src='img/introduction_off.gif';
	if(currentId == "menu3") document.images['img3'].src='img/campaign_off.gif';
	if(currentId == "menu4") document.images['img4'].src='img/volunteer_off.gif';
	if(currentId == "menu5") document.images['img5'].src='img/advice_off.gif';
	if(currentId == "menu6") document.images['img6'].src='img/child_off.gif';
	if(currentId == "menu7") document.images['img7'].src='img/tools_off.gif';
	if(currentId == "menu8") document.images['img8'].src='img/books_off.gif';
	if(currentId == "menu9") document.images['img9'].src='img/other_off.gif';
	if(currentId == "menu10") document.images['img10'].src='img/link_off.gif';
	currentId = "";
}
function ShowPop (e, id) {
	if(!document.getElementById) return;
	if(PopId == id) return;
	ClosePop();
	var obj = document.getElementById(id);
	obj.style.left = 510 + "px";
	obj.style.top = 0 + "px";
	obj.style.visibility = "visible";
	PopId = id;
}
function ClosePop() {
	if(!document.getElementById) return;
	if(!PopId) return;
	var obj = document.getElementById(PopId);
	obj.style.visibility = "hidden";
	PopId = "";
}
function MoveImage1() {
	if(posi_x > last_x) {
		clearTimeout(timerID);
	}
	else {
		posi_x += step;
		document.getElementById("menu1").style.left = posi_x + "px";
	}
	timerID = setTimeout("MoveImage1()", 1);
}
function MoveImage2() {
	if(posi_x > last_x) {
		clearTimeout(timerID);
	}
	else {
		posi_x += step;
		document.getElementById("menu2").style.left = posi_x;
	}
	timerID = setTimeout("MoveImage2()", 1);
}
function MoveImage3() {
	if(posi_x > last_x) {
		clearTimeout(timerID);
	}
	else {
		posi_x += step;
		document.getElementById("menu3").style.left = posi_x;
	}
	timerID = setTimeout("MoveImage3()", 1);
}
function MoveImage4() {
	if(posi_x > last_x) {
		clearTimeout(timerID);
	}
	else {
		posi_x += step;
		document.getElementById("menu4").style.left = posi_x;
	}
	timerID = setTimeout("MoveImage4()", 1);
}
function MoveImage5() {
	if(posi_x > last_x) {
		clearTimeout(timerID);
	}
	else {
		posi_x += step;
		document.getElementById("menu5").style.left = posi_x;
	}
	timerID = setTimeout("MoveImage5()", 1);
}
function MoveImage6() {
	if(posi_x > last_x) {
		clearTimeout(timerID);
	}
	else {
		posi_x += step;
		document.getElementById("menu6").style.left = posi_x;
	}
	timerID = setTimeout("MoveImage6()", 1);
}
function MoveImage7() {
	if(posi_x > last_x) {
		clearTimeout(timerID);
	}
	else {
		posi_x += step;
		document.getElementById("menu7").style.left = posi_x;
	}
	timerID = setTimeout("MoveImage7()", 1);
}
function MoveImage8() {
	if(posi_x > last_x) {
		clearTimeout(timerID);
	}
	else {
		posi_x += step;
		document.getElementById("menu8").style.left = posi_x;
	}
	timerID = setTimeout("MoveImage8()", 1);
}
function MoveImage9() {
	if(posi_x > last_x) {
		clearTimeout(timerID);
	}
	else {
		posi_x += step;
		document.getElementById("menu9").style.left = posi_x;
	}
	timerID = setTimeout("MoveImage9()", 1);
}
function MoveImage10() {
	if(posi_x > last_x) {
		clearTimeout(timerID);
	}
	else {
		posi_x += step;
		document.getElementById("menu10").style.left = posi_x;
	}
	timerID = setTimeout("MoveImage10()", 1);
}
function RightClick(e){
	if(window.event){
		if(window.event.button == 2){
			window.event.returnValue = false;
		}
	}
	else if(e){
		if(e.which && e.which == 3){
			return false;
		}
	}
}
function ContextMenu(e){
	if(window.event){
		window.event.returnValue = false;
	}
	else if(e){
		return false;
	}
}