var img_suffix = ".jpg";

function rollin(idx)
{
	var info = musicians[idx];

	if (info[1] != '') {
		var img_src = "images/instruments/" + info[1] + img_suffix;
		document.getElementById("img"+idx).src = img_src;
	}

	quotein(info[0]);
}

function rollout(idx)
{
	var info = musicians[idx];
	
	if (info[1] != '') {
		var img_src = "images/musicians/" + info[0] + img_suffix;
		document.getElementById("img"+idx).src = img_src;
	}

	quoteout(info[0]);
}

function quotein(name)
{
	var html = quotes[name][0] + '<br><div class="attrib" style="color: white;">' + quotes[name][1] + '</div>';
	document.getElementById('quotebox').innerHTML = html;
	document.getElementById('quotebox').style.visibility = "visible";
}

function quoteout(name)
{
	document.getElementById('quotebox').style.visibility = "hidden";
	document.getElementById('quotebox').innerHTML = "";
}

function show(menu)
{
		document.getElementById(menu).style.visibility = "visible";
}

function hide(menu)
{
		document.getElementById(menu).style.visibility = "hidden";
}

function toggle(menu)
{
	var vis = document.getElementById(menu).style.visibility;

	if (vis == "visible")
		document.getElementById(menu).style.visibility = "hidden";
	else
		document.getElementById(menu).style.visibility = "visible";
}