function drawMenu( menuParentId, subItems ) { // subItems - array consists from short arrays, where [0] - text, [1] - href
	if ( subItems.length==0 || menuParentId==null ) return false;
	document.all[menuParentId].onmouseover = OnOver;
	document.all[menuParentId].onmouseout  = OnOut;
	res  = '<div id="'+menuParentId+'_sub'+'" style="position:absolute; visibility:hidden; padding-bottom:0px; width:140px">';
	res += '<table cellpadding="0" cellspacing="0" bgcolor="#EEEEEE" ';
	res += 'style="position:relative; z-index:101; top:0; left:0; padding:2 5 2 5; ';
	res += 'border:solid #CCCCCC 1px; cursor:hand">';
	for(i=0; i<subItems.length; i++) {
		res += '<tr><td class="submenu"';
		res += ' onmouseover="JavaScript:this.style.background = \'#FFFFFF\';"';
		res += ' onmouseout ="JavaScript:this.style.background = \'none\';"';
		res += ' onclick ="JavaScript:window.location = \''+subItems[i][1]+'\';"';
		res += '>';
		res += subItems[i][0];
		res += '</td>';
		res += '</tr>';
		if ( i<(subItems.length-1) )
			res+='<tr><td style="height:1px; background-color:#CCCCCC; overflow:hidden"></td></tr>';
		}
	res += '</table></div>';
	document.write(res);
} // drawMenu

function OnOver(){
	this.style.background = "none";
	document.all[ this.id+'_sub' ].style.visibility='visible';
}

function OnOut(){
	this.style.background = 'none';
	document.all[ this.id+'_sub' ].style.visibility='hidden';
}

