function toggleVisibility(id, on_off) {
	id = "fl_"+id.substr(2);
	var target = document.getElementById(id);
	if(on_off) {
		target.style.display = "block";
	} else {
		target.style.display = "none";
	}
}
function toggleClass(id, on_off) {
	var target = document.getElementById(id);
	if(on_off) {
		target.className = "active";
	} else {
		target.className = "";
	}
}

function prepareLinks() {
	var links = document.getElementById("types").getElementsByTagName("a");
	for(i=0; i<links.length; i++){
		links[i].onmouseover = function() {
			toggleVisibility(this.getAttribute("id"), 1);
			this.className = "active";
		}
		links[i].onmouseout = function() {
			toggleVisibility(this.getAttribute("id"), 0);
			this.className = "";
		}
		var targetdiv = document.getElementById("fl_"+links[i].getAttribute("id").substr(2));
		targetdiv.onmouseover = function() {
			this.style.display = "block";
			toggleClass(this.getAttribute("id").substring(1), 1);
		}
		targetdiv.onmouseout = function() {
			this.style.display = "none";
			toggleClass(this.getAttribute("id").substring(1), 0);
		}
	}
}
addLoadEvent(prepareLinks);