// The following 3 functions are for the mouseover effects of the navigation menu
// To implement in html pages link to this file
//
//          <script language="javascript" src="style.js"></script>
//                              *note value for src is relative
//
// Then insert the following functions into a <td></td> tag that contains an <a></a> tag
//
//          <td onmouseover="button_on(this,'#00aa00');" onmouseout="button_off(this,'#005500');" onclick="button_click(this);"><a href=""></a></td>
//
// On mouseover table cell change cell and font colour. Change cursor to 'hand'
function button_on(src,colour) {
	if (!src.contains(event.fromElement)) {
		src.style.cursor = 'hand';
		src.bgColor = colour;
		src.children.tags('A')[0].style.background = colour;
	}
}

// On mouseover table cell change cell and font colour. Change cursor to 'default'
function button_off(src,colour) {
	if (!src.contains(event.toElement)) {
		src.style.cursor = 'default';
		src.bgColor = colour;
		src.children.tags('A')[0].style.background = colour;
	}
}

// On mouseclick in table cell activate link within cell
function button_click(src) {
	if(event.srcElement.tagName=='TD') {
		src.children.tags('A')[0].click();
	}
}

function openpage()
{
	var newWindow;
	newWindow=open("","NewWindow","resizable=yes,scrollbars=yes,width=500,height=200");
	newWindow.focus();
}

function openlargepage()
{
	var newWindow;
	newWindow=open("","NewWindow","resizable=yes,scrollbars=yes,width=500,height=600")
	newWindow.setSize(500,600);
	newWindow.focus();
}