var anchorName;

function toggleShowInfo(id) {
	toggleElem=document.getElementById(id+"Toggle");
	infoElem=document.getElementById(id+"Info");
	if (infoElem.style.display=="none") {
		infoElem.style.display="block";
		toggleElem.setAttribute("src", "/media/pen/icons/arrow-01.jpg");
	}
	else {
		infoElem.style.display="none";
		toggleElem.setAttribute("src", "/media/pen/icons/arrow-02.jpg");
	}
}

function gotoAnchorDelayed(name) {
	anchorName=name;
	setTimeout("gotoAnchor()", 500);
}

function gotoAnchor() {
	window.location.hash=anchorName;
	window.scrollBy(0, -300);
}