function getPosition(theElement)
{
	var posX = 0;
	var posY = 0;
	
	while (theElement != null)
	{
		posX += theElement.offsetLeft;
		posY += theElement.offsetTop;
		theElement = theElement.offsetParent;
	}
	
	return [posX, posY];
}

function togglePic(pic)
{
	var element = null;
	var pattern = /_small/;
	if (pattern.test(pic.id))
		element = document.getElementById(pic.id.substring(0, pic.id.indexOf("_small")));
	else
		element = pic;
	
	if (element != null)
	{
		if (element.style.display == "none" || element.style.display == "")
		{
			var position = getPosition(pic);
			element.style.left = parseInt(position[0], 10) - 200 + "px";
			element.style.top = parseInt(position[1], 10) - 100 + "px";
			element.getElementsByTagName("p")[0].innerHTML = pic.parentNode.getElementsByTagName("p")[0].innerHTML;
			element.style.display = "inline";
		}
		else
		{
			element.style.display = "none";
		}
	}
}

// function hideAll()
// {
	// document.getElementById('cello').style.display = "none";
	// document.getElementById('fjall').style.display = "none";
	// document.getElementById('vy').style.display = "none";
// }