document.onmouseover = openIt 
  
function openIt() {
	var items = 4 ;
	currEl = window.event.toElement
	if (currEl.className == "barItem") {
		newId = currEl.id + "box" 
		showBox = document.all(newId) 
		showBox.style.display = "block" 
	}        
	for (i=1; i<=items; i++) {
		openItem="item" + i + "box"
		elOpen = document.all(openItem)
			if ((elOpen.style.display == "block")&&(elOpen != showBox)) 
					elOpen.style.display = "none" 
			if (currEl.className == "closeIt") { 
				elOpen.style.display = "none" 
				} 
	}
}

function closeIt(){
document.all.item1box.style.display = "none";
document.all.item2box.style.display = "none";
document.all.item3box.style.display = "none";
document.all.item4box.style.display = "none";
}

document.onclick = closeIt