// shared js functions

function onClick(id)
{   
    // toggle selected group
    var selected = document.getElementById(id);
    if (selected.style.display == "none") {
		selected.style.display = "";
		selected.parentNode.className = "selected";
    }
	else {
		selected.style.display = "none";
		selected.parentNode.className = "";
	}

	// hide all the other groups
    for (var i=1; i<20; i++)
    {
        var group = document.getElementById("group" + i);
        
        if (group == null)
            return;
        
       if (group.id != id) {
			group.style.display = "none";
			group.parentNode.className = "";
        }
    } 
}

function onMouseover(id)
{
	var group = document.getElementById(id);
	group.style.backgroundColor = "#7497B9";		
}

function onMouseout(id)
{
	var group = document.getElementById(id);
	group.style.backgroundColor = "#687175";
}