top.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 ( !top.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="/design/cdusaar/empty.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';

}