﻿function Menu(Name, Address, SubPageOf, span_id)
{
	var i, i_adr, loc, adr, html = '';
	if (document.getElementById('page_title') != null) 
		loc = document.getElementById('page_title').innerHTML;
	else
		loc = '';
	
	html += '<table width=270px cellpadding=0px cellspacing=0px>';
	html += 	'<tr>';
	html += 		'<td width=10px background="docs/PAGE/fi/FILES/MENU_LEFT_11.GIF"></td>';
	html += 		'<td width=260px>';
	html += 			'<table class="table_js_menu" width=260px cellpadding=2px cellspacing=6px>';
	
	// Сначала найдем последнее совпадение адреса:
	for (i=Name.length-1; i>=0; i--) {
		adr = Address[i].split("/")[Address[i].split("/").length-1];
		if (adr == loc) {
			i_adr = i;
			break;
		}
	}
	
	// Создание элементов меню от первого до последнего:
	for (i=0; i<Name.length; i++) {
		// Элемент первого уровня:
		if (SubPageOf[i] == -1) {
			// Активный:
			if (i == i_adr) {
				html += '<tr><td class="td_js_menu" bgcolor=#ffffff>';
				html += 	'<font class="font_js_menu">';
				html += 		'<img id="' + span_id + '_i' + i + '" src="docs/PAGE/fi/FILES/MENU_MARK1.GIF" hspace=6 vspace=0 border=0>' + Name[i];
				html += 	'</font>';
				html += '</td></tr>';
			}
			// Неактивный:
			else {
				// Имеет активный дочерний элемент:
				if (i == SubPageOf[i_adr]) {
					html += '<tr><td class="td_js_menu">';
					html += 	'<a class="a_js_menu_sel" href="' + Address[i] + '">';
					html += 		'<img id="' + span_id + '_i' + i + '" src="docs/PAGE/fi/FILES/MENU_MARK1.GIF" hspace=6 vspace=0 border=0>' + Name[i];
					html += 	'</a>';
					html += '</td></tr>';
				}
				// Нет активного дочернего подэлемента:
				else {
					html += '<tr><td class="td_js_menu">';
					html += 	'<a class="a_js_menu" href="' + Address[i] + '" ';
					html +=		'onMouseOver="document.getElementById(\'' + span_id + '_i' + i + '\').src=\'docs/PAGE/fi/FILES/MENU_MARK1.GIF\'"';
					html +=		'onMouseOut ="document.getElementById(\'' + span_id + '_i' + i + '\').src=\'docs/PAGE/fi/FILES/MENU_MARK2.GIF\'">';
					html += 		'<img id="' + span_id + '_i' + i + '" src="docs/PAGE/fi/FILES/MENU_MARK2.GIF" hspace=6 vspace=0 border=0>' + Name[i];
					html += 	'</a>';
					html += '</td></tr>';
				}
			}
		}
		// Элемент второго уровня:
		else {
			// Активный:
			if (i == i_adr) {
				html += '<tr><td class="td_js_menu_sub" bgcolor=#ffffff>';
				html += 	'<font class="font_js_menu_sub">';
				html += 		'<img id="' + span_id + '_i' + i + '" src="docs/PAGE/fi/FILES/rule.GIF" hspace=6 vspace=0 border=0>' + Name[i];
				html += 	'</font>';
				html += '</td></tr>';
			}
			// Неактивный:
			else {
				html += '<tr><td class="td_js_menu_sub">';
				html += 	'<a class="a_js_menu_sub" href="' + Address[i] + '">';
				html += 		'<img id="' + span_id + '_i' + i + '" src="docs/PAGE/fi/FILES/rule.GIF" hspace=6 vspace=0 border=0>' + Name[i];
				html += 	'</a>';
				html += '</td></tr>';
			}
		}
	}
	
	html += 			'</table>';
	html += 		'</td>';
	html += 	'</tr>';
	html += 	'<tr>';
	html += 		'<td colspan=2 width=270 height=195 background="docs/PAGE/fi/FILES/MENU_LEFT_2.GIF"></td>';
	html += 	'</tr>';
	html += '</table>';
	
	document.getElementById(span_id).innerHTML = html;
}