function mouseOver(id1, id2)
{
if (document.getElementById(id1) != null) {
  element = document.getElementById(id1);
  element.style.display = "block";
}
if (document.getElementById(id2) != null) {
  element2 = document.getElementById(id2);
  element2.style.backgroundColor  = "#404040";
  element2.style.background = "#404040 url(NavSel.gif) repeat-x left top";
}
}
function mouseOut(id1, id2)
{
if (document.getElementById(id1) != null) {
  element = document.getElementById(id1);
  element.style.display = "none";
}
if (document.getElementById(id2) != null) {
  element2 = document.getElementById(id2);
  element2.style.background  = "transparent none";
}
}
function mouseClear()
{
	if (document.getElementById('navindex') != null)
	{
		element1 = document.getElementById('navindex');
		element1.style.display = "none";
	}
	if (document.getElementById('nav28') != null)
	{
		element2 = document.getElementById('nav28');
		element2.style.display = "none";
	}
	if (document.getElementById('nav29') != null)
	{
		element3 = document.getElementById('nav29');
		element3.style.display = "none";
	}
	if (document.getElementById('nav30') != null)
	{
		element4 = document.getElementById('nav30');
		element4.style.display = "none";
	}
	if (document.getElementById('nav31') != null)
	{
		element5 = document.getElementById('nav31');
		element5.style.display = "none";
	}
	if (document.getElementById('nav32') != null)
	{
		element5 = document.getElementById('nav32');
		element5.style.display = "none";
	}
	if (document.getElementById('nav33') != null)
	{
		element5 = document.getElementById('nav33');
		element5.style.display = "none";
	}
	if (document.getElementById('navlinks') != null)
	{
		element6 = document.getElementById('navlinks');
		element6.style.display = "none";
	}

	if (document.getElementById('subnavindex') != null)
	{
		element11 = document.getElementById('subnavindex');
		element11.style.backgroundColor = "transparent";
	}
	if (document.getElementById('subnav28') != null)
	{
		element12 = document.getElementById('subnav28');
		element12.style.backgroundColor = "transparent";
	}
	if (document.getElementById('subnav29') != null)
	{
		element13 = document.getElementById('subnav29');
		element13.style.backgroundColor = "transparent";
	}
	if (document.getElementById('subnav30') != null)
	{
		element14 = document.getElementById('subnav30');
		element14.style.backgroundColor = "transparent";
	}
	if (document.getElementById('subnav31') != null)
	{
		element15 = document.getElementById('subnav31');
		element15.style.backgroundColor = "transparent";
	}
	if (document.getElementById('subnav32') != null)
	{
		element15 = document.getElementById('subnav32');
		element15.style.backgroundColor = "transparent";
	}
	if (document.getElementById('subnav33') != null)
	{
		element15 = document.getElementById('subnav33');
		element15.style.backgroundColor = "transparent";
	}
	if (document.getElementById('subnavlinks') != null)
	{
		element16 = document.getElementById('subnavlinks');
		element16.style.backgroundColor = "transparent";
	}
}

function picture(id)
{
	picelement = document.getElementById('pic');
	if (picelement == null) return;
	
	if (id == '05')
	{
		picelement.src= 'Types/05_Jigsaw_Puzzle.jpg';
	}
	else if (id == '06')
	{
		picelement.src= 'Types/06_Tile_Game.jpg';
	}
	else if (id == '07')
	{
		picelement.src= 'Types/07_Anagrams.jpg';
	}
	else if (id == '08')
	{
		picelement.src= 'Types/08_Code_Words.jpg';
	}
	else if (id == '09')
	{
		picelement.src= 'Types/09_Tilt_Maze.jpg';
	}
	else if (id == '10')
	{
		picelement.src= 'Types/10_N_Puzzle.jpg';
	}
	else if (id == '11')
	{
		picelement.src= 'Types/11_Word_Search.jpg';
	}
	else if (id == '12')
	{
		picelement.src= 'Types/12_Animal_Sounds.jpg';
	}
	else if (id == '13')
	{
		picelement.src= 'Types/13_Memory_Cards.jpg';
	}
	else if (id == '14')
	{
		picelement.src= 'Types/14_Word_Memory.jpg';
	}
	else if (id == '15')
	{
		picelement.src= 'Types/15_Magic_Squares.jpg';
	}
	else if (id == '16')
	{
		picelement.src= 'Types/16_Maths_Teacher.jpg';
	}
	else if (id == '17')
	{
		picelement.src= 'Types/17_Environment.jpg';
	}
	else if (id == '18')
	{
		picelement.src= 'Types/18_Polyominoes.jpg';
	}
}