function createMenu() {
	items = [ [ "aktivtuzvedelem.html", "Aktív tűzvédelem" ],
			  [ "passzivtuzvedelem.html", "Passzív tűzvédelem" ],
			  [ "munkavedelem.html", "Munkavédelem" ],
			  [ "referenciak.html", "Referenciák" ],
			  [ "magunkrol.html", "Magunkról" ],
			  [ "elerhetoseg.html", "Elérhetőség" ] ];
	var menu = document.getElementById("menu");
	var html = '<table> \
					<tr> \
						<td>&nbsp;</td> \
						<td width="800px"> \
							<table class="center" style="background-color: #CCCCCC; text-align: right; border-top: 1px dotted #680000; border-bottom: 1px dotted #680000;"> \
								<tr> \
									<td style="width: 30%;">&nbsp;</td>';
	var href = document.location.href;
	for (var i = 0; i < items.length; i++)
	{
		var style = href.match(items[i][0] + "$") ? "menuitem-over" : "menuitem";
		html += '<td id="' + items[i][0] + '" class="' + style + '" onMouseOver="mouseOver(this)" onMouseOut="mouseOut(this)" onMouseDown="mouseDown(this)">' + items[i][1] + '</td>';
	}
	html += '</tr> \
					</table> \
				</td> \
				<td>&nbsp;</td> \
			</tr> \
		</table> \
	';
	menu.innerHTML = html;
}

var over;
var overClassName;
var overLink;

function mouseOver(td) {
	over = td;
	overClassName = td.className;
	overLink = td.name;
	td.className = "menuitem-over";
}

function mouseOut(td) {
	over.className = overClassName;
	overClassName = null;
	over = null;
}

function mouseDown(td) {
	var link = td.id;
	document.location.href = link;
}