function setSelectedMenu(pattern) {
  var spanElements = document.getElementsByTagName('span');
  var spanElementsLength = spanElements.length;
  for ( var i = 0, j = 0; i < spanElementsLength; i++) {
    if (escape(spanElements[i].innerHTML)==pattern) {
      spanElements[i].className="selected";
    }
  }
}

function displaySpanElements(destination) {
  var htmlToDisplay = '';
  var spanElements = document.getElementsByTagName('span');
  var spanElementsLength = spanElements.length;
  for ( var i = 0, j = 0; i < spanElementsLength; i++) {
    htmlToDisplay += escape(spanElements[i].innerHTML);
    htmlToDisplay +='<br>';
  }
  document.getElementById(destination).innerHTML = htmlToDisplay;
}

//----------------
// Drop down menu
//----------------

var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 

//--------------------
// End drop down menu
//--------------------