var DOM = document.getElementById && (document.getElementById( "dynamicMenu" ).innerHTML != null);

function getPosition( element )
{
  var x1 = 0;
  var y1 = 0;
  var one = element;
  while ( one != null ) {
    x1 += one.offsetLeft;
	y1 += one.offsetTop;
	one = one.offsetParent;
  }
  var x2 = x1 + element.offsetWidth;
  var y2 = y1 + element.offsetHeight;
  return { x1:x1, y1:y1, x2:x2, y2:y2 }
}

function showMenu( visible, anchor, content )
{
  if ( !DOM ) return;
  var dynamicMenu = document.getElementById( "dynamicMenu" );
  if ( content != null ) {
    // insert content
    var elements = content.split( ";" );
	var html = '<div class="navig3"><table cellspacing="0" cellpadding="0" border="0">';
	for ( i = 0; i < elements.length; i += 2 )
	{
	  html += '<tr><td><a href="' + elements[ i + 1 ] + '">&nbsp;' + elements[ i ] + '&nbsp;</a></td></tr>';
	  html += '<tr><td class="navig3hor"><img src="/module/sirrixen/empty-bdb71a165dd8.gif" height="2" border="0" alt="" /></td></tr>';
    }
	html += '</table></div>';
	dynamicMenu.innerHTML = html;
	// position menu
    var position = getPosition( anchor );
    dynamicMenu.style.left = position.x1;
    dynamicMenu.style.top = position.y2;
  }
  if ( visible )
    dynamicMenu.style.visibility = 'visible';
  else	
    dynamicMenu.style.visibility = 'hidden';
}
