function markActiveNav(activeId) {
	var activeElem = document.getElementById(activeId);
	if (activeElem) {
		activeElem.className = "nav_active";
	}

	collapseMenu(activeId);
}

var activeSinger;

function markActiveSinger(activeId) {
	 if (activeSinger) {
		oldSinger = document.getElementById("link_" + activeSinger);
		oldSinger.className = "";
		oldSinger = document.getElementById("caption_" + activeSinger);
		oldSinger.style.display = "none";
	}

	var activeElem = document.getElementById("link_" + activeId);
	if (activeElem) {
		activeElem.className = "nav_active";
		activeSinger = activeId;
		activeElem = document.getElementById("caption_" + activeId);
		activeElem.style.display = "block";
	}
	
	pageTracker._trackPageview("/pics/" + activeId);
}

function setTransparentBackground(wnd) {
	//TODO document.frames.BelCantoFotos.document.body.style.background="transparent";
}

function collapseMenu(activeId) {
	var menu = document.getElementById("menu");

	var level1List = getChildrenByTagName(menu, "UL")[0];
	var level1Items = getChildrenByTagName(level1List, "LI");
	for (var i=0; i<level1Items.length; ++i) {
		var level2List = getChildrenByTagName(level1Items[i], "UL");
		if (level2List.length > 0 && !containsElem(level1Items[i], activeId)) {
			level2List[0].style.display = "none";
		}
	}
}

function getChildrenByTagName(elem, tag) {
	var children = new Array();

	if (!elem.hasChildNodes())
		return children;

	for (i=0; i<elem.childNodes.length; ++i) {
		if (elem.childNodes[i].nodeName == tag)
			children.push(elem.childNodes[i]);
	}

	return children;
}

function containsElem(root, id) {
	var elem = document.getElementById(id);
	while (elem.parentNode) {
		if (elem.parentNode == root)
			return true;

		elem = elem.parentNode;
	}

	return false;
}
