function vGroup(num){

var projdesc = document.getElementById("proj-desc");
projdesc.style.visibility = "hidden";

<!-- Show the first project (the showcase one) automatically -->
vProj(num,1);

for ( ii=1; ii<9; ii++ )
	{
	var group = "pg-" + ii;
	var link = "link-pg-" + ii;

	var thisgroup = document.getElementById(group);
	var thislink = document.getElementById(link);

	if ( ii == num )
		{
		thisgroup.style.visibility = "visible"; 
		thislink.style.color = "#ffffaa";
		thislink.style.backgroundImage = "url(pics/rt-tri.gif)";
		thislink.style.backgroundRepeat = "no-repeat";
		thislink.style.backgroundPosition = "0 6px";
		thislink.style.fontWeight = "bold";
		thislink.style.fontStyle = "italic";
		}
	else
		{
		thisgroup.style.visibility = "hidden";
		thislink.style.color = "#f9f9df";
		thislink.style.backgroundImage = "";
		thislink.style.fontWeight = "normal";
		thislink.style.fontStyle = "normal";
		}
	}
}


function vProj(n1,n2){
<!-- var dbg = n1 + "," + n2; alert (dbg); -->

for ( ii=1; ii<9; ii++ )
	{
	for ( jj=1; jj<9; jj++ )
		{
		var link = "pg-" + ii + "-" + jj;
		var proj = "proj-" + ii + "-" + jj;
	
		var thislink = document.getElementById(link);
		var thisproj = document.getElementById(proj);

		if ( ii == n1 && jj == n2 )
			{
			thisproj.style.visibility = "inherit"; 
			thislink.style.color = "#ffffaa";
			thislink.style.backgroundImage = "url(pics/rt-tri.gif)";
			thislink.style.backgroundRepeat = "no-repeat";
		thislink.style.backgroundPosition = "3px 1px";
			thislink.style.fontWeight = "bold";
			thislink.style.fontStyle = "italic";
			}
		else
			{
			thisproj.style.visibility = "hidden";
			thislink.style.color = "#f9f9df";
			thislink.style.backgroundImage = "";
			thislink.style.fontWeight = "normal";
			thislink.style.fontStyle = "normal";
			}
		}
	}
var projdesc = document.getElementById("proj-desc");
projdesc.style.visibility = "visible";
}


function mIn(num){
var intr = document.getElementById("intro");
if ( num == 0 )
	{ intr.style.visibility = "hidden"; }
else
	{ intr.style.visibility = "visible"; }
for ( ii=0; ii<12; ii++ )
	{
	var cont0 = "content-" + ii;
	var imag0 = "img-" + ii;

	var cont = document.getElementById(cont0);
	var imag = document.getElementById(imag0);

	if ( ii == num )
		{
		cont.style.visibility = "visible";
		imag.src = "sli/" + ii + "-y.jpg";
		imag.onmouseover = "function(){}";
		imag.onmouseout = "function(){}";

		}
	else
		{
		cont.style.visibility = "hidden";
		imag.src = "sli/" + ii + ".jpg";
		imag.onmouseover = (function (i) { return function () { this.src = 'sli/' + i + '-g.jpg'; } })(ii);
		imag.onmouseout = (function (i) { return function () { this.src='sli/' + i + '.jpg'; } })(ii);
		}
	}
}