var eff = false;
var lastV = false;
var initialBackground = "";
var loaded = false

var names = {
	sales: ["#FF0143", "#FFFFFF"],
	lettings: ["#FDB002", "#FFFFFF"],
	commercial: ["#FFFF00", "#000000"],
	newhomes: ["#346702", "#FFFFFF"],
	overseas: ["#0000C4", "#FFFFFF"],
	mortgages: ["#FD00FD", "#FFFFFF"],
	investment: ["#910292", "#FFFFFF"],
	register: ["#340166", "#FFFFFF"],
	hips: ["#D2C401", "#FFFFFF"]
}
var imageFilenames = {}

function changeColour(el) {
	if (!loaded) return;
	name = el.className
	v = names[name][0]
	f = names[name][1]
	if (lastV == v) return;
	lastV = v;

	filename = imageFilenames[name]
	$("image_"+name).src = "/images/"+filename+"-o.gif";

	if (eff) eff.cancel()
	eff = new Effect.Morph("body", {
		style: {
			background:v,
			color: f
		}
	});
	new Effect.Morph($$("td.sections a."+name+" span.text")[0], {
		style: {
			color: f
		}
	});
}

function changeColourBack(el) {
	if (!loaded) return;
	name = el.className;
	v = initalBackground;
	if (lastV == v) return;
	lastV = v;

	filename = imageFilenames[name]
	$("image_"+name).src = "/images/"+filename+".gif";

	if (eff) eff.cancel()
	eff = new Effect.Morph("body", {
		style: {
			background:v,
			color: "#FFFFFF"
		}
	});
	new Effect.Morph($$("td.sections a."+name+" span.text")[0], {
		style: {
			color: "#FFFFFF"
		}
	});
}

Event.observe(window, "load", function() {
	initalBackground = $("body").style.background;
	$("body").background = initalBackground;
	$$("td.sections a").each(function(a) {
		a.style.cursor = "pointer";
		Event.observe(a, "click", function(ev) {
			el = Event.element(ev)
			do {
				el = el.parentNode
			} while (el.nodeName != "A");
			window.location = el.getAttribute("href")
		})
	});
	$$("td.sections img").each(function(image) {
		src = image.getAttribute("src");
		basename = src.substring(src.indexOf("images/")+7, src.length-4);
		imageFilenames[image.id.substring(6)] = basename;
	});
	loaded = true
})