// JavaScript Document
/*
	Background colour control
	To add more colours, add divs to the colourcontrol div in the main template.
	Give them an id that matches the class name they should apply to the body.
*/
	
window.onload = function() {
	colourcontrols = document.getElementById('colourcontrols');
	colourcontrols.style.display = 'block';
	for (i=0; i<colourcontrols.childNodes.length; i++) {
		node = colourcontrols.childNodes[i];
		if (node.nodeName=="DIV") {
			node.onclick=function() {
				var docbody = document.getElementsByTagName('body')[0];
				docbody.className = this.className;
			}
		}
	}
}