var hideIntervalID;
var ddBox = document.getElementById('side-dropdown');
				
function getSideList(){
	return document.getElementById('lista-producatori');
}

function toggleSideList(){
	var list = getSideList();
	var state = list.style.display;
	state=="none"?showSideList():hideSideList();
}
function showSideList(){
	var list = getSideList();
	list.style.display = "block";
}
function hideSideList(){
	var list = getSideList();
	list.style.display = "none";
}
function delayedHide(){
	hideIntervalID = setTimeout(hideSideList, 350);
}
function clearDelayedHide(){
	clearTimeout(hideIntervalID);
}

ddBox.onclick = toggleSideList;
ddBox.onmouseout = delayedHide;
ddBox.onmouseover = clearDelayedHide;