var currentid = "";
var nr = "";
var img = "";

function switchid(id){	
	if (currentid != "") {
		nr = currentid.substring(4);
		hidediv(currentid);
		if (nr.length >= 2) {
			changeimg('link'+nr, 'images/proj'+nr+'/'+nr+'a.png');
		} else {
		 	changeimg('link'+nr, 'images/proj'+nr+'/0'+nr+'a.png');
		}
	}
	if (currentid != id) {
		currentid = id;
		nr = currentid.substring(4);
		if (nr.length >= 2) {
			changeimg('link'+nr, 'images/proj'+nr+'/'+nr+'c.png');
		} else {
			changeimg('link'+nr, 'images/proj'+nr+'/0'+nr+'c.png');
		}
		showdiv(id);
	} else {
		currentid = "";
	}
}
function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function showdiv(id) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}

function changeimg(img_name, img_src) {
   document[img_name].src = img_src;
}

function mouseover(img_name, img_src) {
	var tmp = "proj"+img_name.substring(4);
	if (currentid != tmp) {
		changeimg(img_name, img_src);
	}
}

function mouseout(img_name, img_src) {
	var tmp = "proj"+img_name.substring(4);
	if (currentid != tmp) {
		changeimg(img_name, img_src);
	}
}