function CreateElement (parentElem, typeName, className)
{
	let elem = document.createElement (typeName);
	if (className !== null) {
		elem.classList.add (className);
	}
	parentElem.appendChild (elem);
	return elem;
}

function GenerateMenu (menuDiv, activeMenu)
{
	let items = [
		{ name: 'MANUAL', link: 'index.html'  },
		{ name: 'FAQ', link: 'faq.html' }
	];
	for (let item of items) {
		let element = CreateElement (menuDiv, 'a', null)
		element.innerHTML = item.name;
		element.setAttribute ('href', item.link);
		if (item.name === activeMenu) {
			element.classList.add ('active');
		}
	}
}

function GenerateHeader (activeMenu)
{
	let headerDiv = CreateElement (document.body, 'div', 'header');
	let frameDiv = CreateElement (headerDiv, 'div', 'frame');

	let logoDiv = CreateElement (frameDiv, 'div', 'logo');
	let logoImgLink = CreateElement (logoDiv, 'a', null);
	logoImgLink.setAttribute ('href', 'index.html');
	let logoImgDiv = CreateElement (logoImgLink, 'img', 'logo_mark');
	logoImgDiv.src = 'images/3dviewer_net_logo.svg';
	let logoTextDiv = CreateElement (logoImgLink, 'div', 'logo_text');
	logoTextDiv.innerHTML = 'TellMe模型处理平台';

	let menuDiv = CreateElement (frameDiv, 'div', 'menu');
	GenerateMenu (menuDiv, activeMenu);
}