function menu(current) {
var d = document;
var menuitem = new Array;
var menulink = new Array;
var flag;
var back;
var fwd;
current--;

	for (index=0; index<16; index++) { menuitem[index] = ''; menulink[index] = ''; }
	menuitem[0] = 'Intro';						menulink[0] = 'index.htm';
	menuitem[1] = 'Serious Games';			menulink[1] = 'workplace.htm';
	menuitem[2] = 'Orientation';				menulink[2] = 'player-guidelines.htm';
	menuitem[3] = 'Game Symbols';				menulink[3] = 'symbols.htm';
	menuitem[4] = 'Game Map';					menulink[4] = 'player-map.htm';
	menuitem[5] = 'Module 1: Keynote';		menulink[5] = 'keynote.htm';
	menuitem[6] = 'Keynote Report Sample';	menulink[6] = 'report.htm';
	menuitem[7] = 'Star Graph & Journal';	menulink[7] = 'stargraph.htm';
	menuitem[8] = 'Module 2: iTag';			menulink[8] = 'itag.htm';
	menuitem[9] = 'Power Symbols';			menulink[9] = 'power.htm';
	menuitem[10] = 'Design Tips';				menulink[10] = 'design.htm';
	menuitem[11] = 'Module 3: weTag';		menulink[11] = 'wetag.htm';
	menuitem[12] = 'Elemental Wall';			menulink[12] = 'wall.htm';
	menuitem[13] = 'Module 4: piXplay';		menulink[13] = 'pixplay.htm';
	menuitem[14] = 'Links';						menulink[14] = 'links.htm';

	d.write(unescape('<div id="menu" style="position:absolute; width:180px; height:300px; z-index:3; left: 2px; top: 80px; visibility: visible; border: 0px none #000000;">'));
	for (index=0; index<=14; index++) { 
		
		if ((index==3)||(index==4)||(index==6)||(index==7)||(index==9)||(index==10)||(index==12)) { flag = 1; } else { flag = 0; }
		if (flag) { d.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'); }
		if (index!=25) { d.write(unescape('<a href="'+menulink[index]+'">')); }
		if (!flag) { d.write('&#8226;&nbsp;'); }
		if (current == index) { d.write('<b>'); }
		d.write(menuitem[index]);
		if (current == index) { d.write('</b>'); }
		if (index!=25) { d.write(unescape('</a>')); }
		d.write(unescape('<BR>'));
	}
	d.write(unescape('</div>'));

}


function fmenu(current) {
var d = document;
var menuitem = new Array;
var menulink = new Array;
var flag;
var back;
var fwd;
current--;

	for (index=0; index<17; index++) { menuitem[index] = ''; menulink[index] = ''; }
	menuitem[0] = 'Intro';						menulink[0] = 'index.htm';
	menuitem[1] = 'Facilitators';				menulink[1] = 'facilitator-guidelines.htm';
	menuitem[2] = 'Serious Games';			menulink[2] = 'fworkplace.htm';
	menuitem[3] = 'Orientation';				menulink[3] = 'fplayer-guidelines.htm';
	menuitem[4] = 'Game Symbols';				menulink[4] = 'fsymbols.htm';
	menuitem[5] = 'Game Map';					menulink[5] = 'fplayer-map.htm';
	menuitem[6] = 'Module 1: Keynote';		menulink[6] = 'fkeynote.htm';
	menuitem[7] = 'Keynote Report Sample';	menulink[7] = 'freport.htm';
	menuitem[8] = 'Star Graph & Journal';	menulink[8] = 'fstargraph.htm';
	menuitem[9] = 'Module 2: iTag';			menulink[9] = 'fitag.htm';
	menuitem[10] = 'Power Symbols';			menulink[10] = 'fpower.htm';
	menuitem[11] = 'Design Tips';				menulink[11] = 'fdesign.htm';
	menuitem[12] = 'Module 3: weTag';		menulink[12] = 'fwetag.htm';
	menuitem[13] = 'Elemental Wall';			menulink[13] = 'fwall.htm';
	menuitem[14] = 'Module 4: piXplay';		menulink[14] = 'fpixplay.htm';
	menuitem[15] = 'Links';						menulink[15] = 'flinks.htm';

	d.write(unescape('<div id="menu" style="position:absolute; width:180px; height:300px; z-index:3; left: 2px; top: 80px; visibility: visible; border: 0px none #000000;">'));
	for (index=0; index<=15; index++) { 
		
		if ((index==4)||(index==5)||(index==7)||(index==8)||(index==10)||(index==11)||(index==13)) { flag = 1; } else { flag = 0; }
		if (flag) { d.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'); }
		if (index!=25) { d.write(unescape('<a href="'+menulink[index]+'">')); }
		if (!flag) { d.write('&#8226;&nbsp;'); }
		if (current == index) { d.write('<b>'); }
		d.write(menuitem[index]);
		if (current == index) { d.write('</b>'); }
		if (index!=25) { d.write(unescape('</a>')); }
		d.write(unescape('<BR>'));
	}
	d.write(unescape('</div>'));
}

function backdrop(height) {
var d = document;

	d.write(unescape('<div id="main" style="position:absolute; width:800px; z-index:2; left: 0px; top: 0px; visibility: visible; border: 0px none #000000;">'));
	d.write(unescape('<table width="800" border="0" cellspacing="0" cellpadding="0"><tr><td width="800" height="20" colspan="3"></td></tr><tr><td colspan="3" width="800" height="20" bgcolor="#ff9900"></td></tr>'));
	d.write(unescape('<tr><td colspan="2" width="800" height="'+height+'" bgcolor="#ffffff"></td></tr>'));
	d.write(unescape('<tr><td colspan="2" width="800" height="20" bgcolor="#ff9900"></td></tr>'));	
	d.write(unescape('<tr><td width="600" height="20"></td><td width="200" height="20"'));
	d.write(unescape('<table width="200" border="0" cellspacing="0" cellpadding="0"><tr><td width="110" height="22"></td><td width="90" height="22"></td></tr><tr><td align="center" valign="top" width="110"><a href="copyright.htm"><h6>copyright</h6></a></td><td align="center" valign="top" width="90"><a href="privacy.htm"><h6>privacy policy</h6></a></td></tr></table>'));
	d.write(unescape('</td></tr></table>'));
	d.write(unescape('</div>'));
}