var newClass = new Array;
newClass[1] = 'mainHover';
newClass[2] = 'mainMenu';
newClass[3] = 'overLink';
newClass[4] = 'linkStyle';
newClass[5] = 'gSelectTDH';
newClass[6] = 'gSelectTD';
newClass[7] = 'gHover';
newClass[8] = 'gStyle';

function rollIn(overid,pNo)
{
	if (pNo != page){overid.className = 'hover';}
}

function rollOut(overid,pNo)
{
	if (pNo != page){overid.className = 'nonhover';}
}

function alter(overid,classNo)
{
//handles all other rollIns and rollOuts
overid.className = newClass[classNo];
}

function Navigation()
{
	document.writeln('<div align="center">')

	document.write('<table background = "darkswirl.png" border="1" bordercolor = "#000000" bgcolor="#000033" cellspacing=0 width=750><tr><td>')

	document.write('<div align="center">');

	document.write('<table style="margin-top:5" border="1" width="300" height="39" bordercolor="#000000" bgcolor="#333333" cellspacing=0>');
    
	document.write('<tr><td width="300" height="39">');
    document.write('<p align="center"><font face="Verdana"><font color="#00FFFF" size="6">');
    document.write("gjw's website</font></font></td></tr></table>");

	document.write('<table border=1 width=464 bgcolor=#222222 bordercolor=#6A95F7 cellpadding=2 cellspacing=0>');
     		
   	document.write('<tr><td width=140 align=center><a class=mainMenu href="index.htm" onmouseover="alter(this,1)" onmouseout = "alter(this,2)">Games</a></td>');
   	document.write('<td width=140 align=center><a class=mainMenu href="websites.htm" onmouseover="alter(this,1)" onmouseout = "alter(this,2)">Websites</a></td>');
   	document.write('<td width=140 align=center><a class=mainMenu href="photo_gallery.htm" onmouseover="alter(this,1)" onmouseout = "alter(this,2)">Photo Gallery</a>');
	
	document.write('</td></tr></table></td></tr></table>');
	
	document.write('<p style="margin:5">&nbsp;</p>');

}