window.onload = function()
	{
		var lis = document.getElementById('cssdropdown').getElementsByTagName('li');
		for(i = 0; i < lis.length; i++)
		{
			var li = lis[i];
			if (li.className == 'headlink')
			{
				li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
				li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
			}
		}
	}
	/* or with jQuery:
	$(document).ready(function(){
		$('#cssdropdown li.headlink').hover(
			function() { $('ul', this).css('display', 'block'); },
			function() { $('ul', this).css('display', 'none'); });
	});
	*/
	
	//******************************************************************************
function openElement(elementID, clickID, openLinkName, closeLinkName) {
  document.getElementById(elementID).style.display = "block";
  document.getElementById(clickID).innerHTML="<a href=\"javascript:closeElement('" + elementID + "','" +
                                                                                      clickID + "','" +
                                                                                      openLinkName +"','" +
                                                                                      closeLinkName + "');\">" + closeLinkName + "</a>";
}

//******************************************************************************
function closeElement(elementID, clickID, openLinkName, closeLinkName) {
  document.getElementById(elementID).style.display = "none";
  document.getElementById(clickID).innerHTML="<a href=\"javascript:openElement('" + elementID + "','" +
                                                                                    clickID +  "','" +
                                                                                    openLinkName + "','" +
                                                                                    closeLinkName + "');\">" + openLinkName + "</a>";
}