var imgs = [];
var images = false;

function findObj() {
	var links = document.getElementsByTagName("ul")[0].getElementsByTagName("a");
	for (var x=links.length - 1; x >= 0; x--) {
		imgs[x] = new Image;
		imgs[x].onload = imgloaded;
		imgs[x].name = links[x].id;
		imgs[x].src = "img/fv2/ro/" + links[x].id + ".jpg";
	}
}

function imgloaded() {
	//alert("Loaded");
	var link = document.getElementById(this.name);
	link.onmouseover = mover;
	link.onmouseout = mout;
	if(!images) {
		images = true;
		ReplaceHeaders();
	}
}

function ReplaceHeaders() {
	var welcome = new Image;
	welcome.onload = ReplaceWelcome; //Don't replace the headline until its ready to be replaced
	welcome.src = "img/fv2/welcome.gif";
	var directory = new Image;
	directory.onload = ReplaceDirectory;
	directory.src = "img/fv2/directory.jpg";

}

function ReplaceWelcome() {
	var h1 = document.getElementsByTagName("h1")[0];
	h1.removeChild(h1.firstChild); //should be its text node
	h1.style.background = "url(img/fv2/welcome.gif) top left no-repeat transparent";
}

function ReplaceDirectory() {
	var h2 = document.getElementsByTagName("h2")[0];
	h2.removeChild(h2.firstChild);
	h2.style.background = "url(img/fv2/directory.jpg) top left no-repeat transparent";
}

function mover() {
	var id = this.id;
	var li = document.getElementById("ro");
	li.style.backgroundImage = "url(img/fv2/ro/" + id + ".jpg)";
}

function mout() {
	var li = document.getElementById("ro");
	li.style.backgroundImage = "url(img/fv2/ro/null.jpg)";
}

if(document.getElementsByTagName && document.getElementById) {
	findObj();
}