// cache topnav images

var img0 = new Image; 
var img1 = new Image; 
var img1on = new Image; 
var img2 = new Image;
var img2on = new Image; 
var img3 = new Image;
var img3on = new Image;
var img4 = new Image;
var img4on = new Image;
var img5 = new Image;
var img5on = new Image;
var img6 = new Image;
var img6on = new Image;
var img7 = new Image;
var img7on = new Image;
var img8 = new Image;
var img9 = new Image;
var img9on = new Image;
var img10 = new Image;
var img10on = new Image;

img0.src = "nav/0.gif";
img1.src = "nav/1.gif";
img1on.src = "nav/1_on.gif";
img2.src = "nav/2.gif";
img2on.src = "nav/2_on.gif";
img3.src = "nav/3.gif";
img3on.src = "nav/3_on.gif";
img4.src = "nav/4.gif";
img4on.src = "nav/4_on.gif";
img5.src = "nav/5.gif";
img5on.src = "nav/5_on.gif";
img6.src = "nav/6.gif";
img6on.src = "nav/6_on.gif";
img7.src = "nav/7.gif";
img7on.src = "nav/7_on.gif";
img8.src = "nav/8.gif";
img9.src = "nav/9.gif";
img9on.src = "nav/9_on.gif";
img10.src = "nav/10.gif";
img10on.src = "nav/10_on.gif";

function topnav_rOverROut() {
	for (var i = 0; i < 11; i++) {
		if (i != 0 && i != 8) {
			document.images[i].name = i;
			document.images[i].onmouseover = function () { this.src = "nav/" + this.name + "_on.gif"; }
			document.images[i].onmouseout = function () { this.src = "nav/" + this.name + ".gif"; }
		}
	}
}


function mOverMOut() {
	var x = document.getElementsByTagName("TD");
	for (var i = 0; i < 10; i++) { 
		if (i == 2 || i == 7) {
			x[2].style.backgroundColor = "#FFFFFF";
			x[7].style.backgroundColor = "#FFCC00";
		} else {
			x[i].onmouseover = function () { this.style.backgroundColor = "#FFCC00"; }
			x[i].onmouseout = function () { this.style.backgroundColor = "#FFFFFF"; }
		}
	} 
}