var nomi = ['chiara', 'agnese', 'piergi', 'elisa', 'marta', 'tito', 'ivan', 'germano', 'lorenzo', 'giulio', 'stefania', 'francesco'];

function show(divname) {
	location.href = ("#" + divname);
	document.getElementById(divname).style.backgroundImage = "url(\"../img/sfondo_minibio.png\")";
}

function reset(divname) {
	document.getElementById(divname).style.backgroundImage = "none";
}

function bw(divname) {
	document.getElementById(divname).style.backgroundImage = "url(\"../img/sfondo_minibio.png\")";
	var html = '<ul>\n';
	for (i = 0; i < nomi.length; i++) {
		html += '<li><img id="' + nomi[i] + 'foto" onmouseover="show(\'' + nomi[i] + '\')" onmouseout="reset(\'' + nomi[i] + '\')" src="../img/avatars/' + nomi[i] + (divname == nomi[i] ? '' : '_bw') + '.png" alt="' + nomi[i] + '" /></li>\n';
	}
	html += '</ul>\n';
	document.getElementById("avatars").innerHTML = html;
}

function no_bw() {
	
	var html = '<ul>\n';
	for (i = 0; i < nomi.length; i++) {
		html += '<li><img id="' + nomi[i] + 'foto" onmouseover="show(\'' + nomi[i] + '\')" onmouseout="reset(\'' + nomi[i] + '\')" src="../img/avatars/' + nomi[i] + '.png" alt="' + nomi[i] + '" /></li>\n';
	}
	html += '</ul>\n';
	document.getElementById("avatars").innerHTML = html;
}

function transparent(divname) {
	document.getElementById(divname).style.backgroundImage = "none";
}