var onMouseOverColor = "#FF6633";
var onClickColor = "#FF0000";
var onMouseOutColor = "#000000";

function onMouseOver(element) {
	if (!element.id) {
		element.style.backgroundColor = onMouseOverColor;
	}
}

function onMouseOut(element) {
	if (!element.id) {
		element.style.backgroundColor = onMouseOutColor;
	}
}

function onClick(element) {
	var fclick = window.document.getElementById("fopen");
	var iclick = window.document.getElementById("iopen");

	if (fclick != null) {
		if (fclick.className == element.className) {
			try {
				if (fclick.nextSibling.className == "menu-items-container") {
					fclick.nextSibling.style.display = "none";
					iclick.style.backgroundColor = onMouseOutColor;
					iclick.removeAttribute("id");
				}
			} catch (e) {}
			fclick.style.backgroundColor = onMouseOutColor;
			fclick.removeAttribute("id");
		}
	}

	if (iclick != null) {
		if (iclick.className == element.className) {
			try {
				if (iclick.nextSibling.className == "menu-subitems-container") {
					iclick.nextSibling.style.display = "none";
				}
			} catch (e) {}
			iclick.style.backgroundColor = onMouseOutColor;
			iclick.removeAttribute("id");
		}
	}

	element.style.backgroundColor = onClickColor;
		
	if (element.className == "menu-folder") {
		element.id = "fopen";
		try {
			if (element.nextSibling.className == "menu-items-container") {
				element.nextSibling.style.display = "block";
			}
		} catch (e) {}
	}
	
	if (element.className == "menu-items") {
		element.id = "iopen";
		try {
			if (element.nextSibling.className == "menu-subitems-container") {
				element.nextSibling.style.display = "block";
			}
		} catch (e) {}
	}
}
