function selectSection1() {
	document.getElementById("content1").style.display = "block";
	document.getElementById("content2").style.display = "none";
	document.getElementById("content3").style.display = "none";
	document.getElementById("tab1").className = "highlight";
	document.getElementById("tab2").className = "";
	document.getElementById("tab3").className = "";
}
function selectSection2() {
	document.getElementById("content1").style.display = "none";
	document.getElementById("content2").style.display = "block";
	document.getElementById("content3").style.display = "none";
	document.getElementById("tab1").className = "";
	document.getElementById("tab2").className = "highlight";
	document.getElementById("tab3").className = "";
}
function selectSection3() {
	document.getElementById("content1").style.display = "none";
	document.getElementById("content2").style.display = "none";
	document.getElementById("content3").style.display = "block";
	document.getElementById("tab1").className = "";
	document.getElementById("tab2").className = "";
	document.getElementById("tab3").className = "highlight";
}
function show(strImage) {
	document.getElementById("bigimage").src = strImage;
}
function colourSelectImage(id) {
	var colour = document.getElementById("colour").value;
	if(colour == -1) return false;
	
	var fragment = "colour.php?mode=image_colour&id="+id+"&colour="+colour+"&date="+Date();
	loadFragment(fragment, onColourSelected, 'GET');
}

function onColourSelected(namevaluepairs) {
	var oQuery = validateCallBackData(namevaluepairs);
	if(!oQuery ) return;
	document.getElementById("bigimage").src = "admin/screen/"+oQuery['image'];
	return false;
}

function validateColour() {
	var colour = document.getElementById("colour").value;
	if(colour == -1) {
		document.getElementById("colour").style.border = "1px solid red";
		alert('Please choose a colour');
		return false;
	}
}