var currSub = {
		"top-rated": "all",
		"top-played": "all"
	};

	function selectTopPanel(id) {

		var element = document.getElementById(id);
		if(element) {
			hideTopPanels( );
			hideRatedSubPanels( );
			selectRatedSub(id+"-"+currSub[id]);			

			element.style.display = "block";

			var control = document.getElementById("control-"+id);
			if(control) {
				control.className = "control selected";
			}		
		}

		return false;

	}

	function hideTopPanels( ) {
		document.getElementById("top-rated").style.display = "none";
		document.getElementById("top-played").style.display = "none";
		document.getElementById("top-recent").style.display = "none";

		document.getElementById("control-top-rated").className = "control";
		document.getElementById("control-top-played").className = "control";
		document.getElementById("control-top-recent").className = "control";
	}

	function selectRatedSub(id) {

		var element = document.getElementById(id);
		var parts = id.split("-");
		currSub[parts[0]+"-"+parts[1]] = parts[2];
		if(element) {
			hideRatedSubPanels( );

			element.style.display = "block";
			
			var control = document.getElementById("button-"+id);
			if(control) {
				control.className = "active";
			}	
		}		

		return false;
	}

	function hideRatedSubPanels( ) {
		document.getElementById("top-rated-all").style.display = "none";
		document.getElementById("top-rated-week").style.display = "none";
		document.getElementById("top-rated-month").style.display = "none";

		document.getElementById("top-played-all").style.display = "none";
		document.getElementById("top-played-week").style.display = "none";
		document.getElementById("top-played-month").style.display = "none";

		document.getElementById("button-top-rated-week").className = "";
		document.getElementById("button-top-rated-month").className = "";
		document.getElementById("button-top-rated-all").className = "";

		document.getElementById("button-top-played-week").className = "";
		document.getElementById("button-top-played-month").className = "";
		document.getElementById("button-top-played-all").className = "";
	}

	function showFurtherInfoArray(ar) {
		for(id in ar) {
			toggleFurtherInfo(ar[id], true);
		}

		return false;
	}

	function hideFurtherInfoArray(ar) {
		for(id in ar) {
			toggleFurtherInfo(ar[id], false, true);
		}

		return false;
	}

	function toggleFurtherInfoArray(ar) {
		for(id in ar) {
			toggleFurtherInfo(ar[id]);
		}

		return false;
	}

	function toggleFurtherInfo(id, forceShow, forceHide) {
		if(element = document.getElementById("info_"+id)) {
			if(forceShow) element.style.display = "";
			else if(forceHide) element.style.display = "none";
			else element.style.display = element.style.display == "none" ? "" : "none";
			
			var toggleElement = document.getElementById("toggle_"+id);


			if(toggleElement.src) {
				toggleElement.src = "/images/"+(element.style.display != "none" ? "up.png" : "down.png");
				toggleElement.alt = element.style.display == "none" ? "↓" : "↑";
				//console.log(toggleElement);			
			}
		}

		return false;
	}