function squaresheight() {
	document.getElementById("squares").style.height = document.getElementById("contentarea").offsetHeight;
}
function colourscheme() {
	if(typeof(colourchange) != "undefined") return;

	var oldcolour = new Colour().hsv(htmlhue, .582, .75);

	var newhue = Math.round(Math.random() * 360);
	var squareshue = (newhue + 180) % 360;

	var newcolour = new Colour().hsv(newhue, .582, .75);

	var step = 0;
	colourchange = window.setInterval(function() {
		var currentcolour = oldcolour.mix(newcolour, step/25);
		htmlhue = currentcolour.h();
		$("a").css("color", currentcolour.hex());
		if(step++ == 25) {
			window.clearInterval(colourchange);
			delete colourchange;
		}
	}, 10);
	$("#squares2").css("background-image", "url(squares.png.php?hue=" + squareshue + ")");
	$("#imageloaderimg").attr("src", "squares.png.php?hue=" + squareshue).unbind("load").load(function() {
		$("#squares2").fadeIn("slow", function() {
			$("#squares").css("background-image", "url(squares.png.php?hue=" + squareshue + ")");
			$(this).fadeOut();
		});
	});

}
$(document).ready(function() {
	if(jQuery.browser.msie && jQuery.browser.version <= 6) {
		squaresheight();
		return;
	}
	$("#newcolourscheme").click(function(e) {
		e.preventDefault();
		colourscheme();
	})
	rotatecolours = window.setInterval(colourscheme, 20000);
});