window.onload = initPlate;

function initPlate() {
	processReg("front", "white");
	processReg("rear", "white");
}
function toggleCommentsBox() {
	if ($("comments_check").checked == true) {
		if ($("comments_text").style.display == "none") {
			Effect.BlindDown("comments_text");
		}
	} else {
		if ($("comments_text").style.display != "none") {
			Effect.BlindUp("comments_text");
		}
	}
}
function clearFields() {
	if ($("clearfield").value == "no") {
		$("frontnumber").value = "";
		$("rearnumber").value = "";
		$("clearfield").value = "yes"
		updateReg();
	}
}
function badge() {
	var badge = $("badges").value;
	switch (badge) {
		case "None":
			if ($("frontbadge").style.display != "none") {
				Effect.Fade("frontbadge");
				Effect.Fade("rearbadge");
				$("foblong").style.width = "620px";
				$("foblong").style.left = "10px";
				$("roblong").style.width = "620px";
				$("roblong").style.left = "10px";
			}
			break;
		case "D":
		case "GB":
		case "F":
		case "IRL":
			var letter = badge.toLowerCase();
			$("fbadge").src = "../images/" + letter + "_badge.gif";
			$("rbadge").src = "../images/" + letter + "_badge.gif";
			if ($("frontbadge").style.display == "none") {
				Effect.Appear("frontbadge");
				Effect.Appear("rearbadge");
				$("foblong").style.width = "560px";
				$("foblong").style.left = "60px";
				$("roblong").style.width = "560px";
				$("roblong").style.left = "60px";
			}
			break;
	}
}
function updateReg() {	
	if ($("colour-yellow").checked == true) {
		if ($("badge").style.display == "none") {
			new Effect.Appear("badge", {duration:0.3});
		}		
		badge();
		//if ($("colour-picker").style.display == "none") {
			//new Effect.BlindDown("colour-picker", {duration:0.3});
		//}
		processReg("front", "white");
		$("frontplate").style.backgroundImage = "url(../images/xself.jpg)";
		//if ($("rcolor-white").checked == true) {
			//$("rearplate").style.backgroundImage = "url(../images/xself.jpg)";
			//processReg("rear", "white");
		//} else if ($("rcolor-yellow").checked == true) {
			$("rearplate").style.backgroundImage = "url(../images/xrearself.jpg)";
			processReg("rear", "yellow");
		//}
	} else if ($("colour-black").checked == true) {
		if ($("badge").style.display != "none") {
			$("badge").hide();
			$("badges").value = "None";
		}
		if ($("frontbadge").style.display != "none") {
			Effect.Fade("frontbadge");
			Effect.Fade("rearbadge");
			$("frontplate").style.width = "700px";
			$("rearplate").style.width = "700px";
			$("foblong").style.width = "680px";
			$("foblong").style.left = "10px";
			$("roblong").style.width = "680px";
			$("roblong").style.left = "10px";
		}
		//if ($("colour-picker").style.display != "none") {
			//new Effect.BlindUp("colour-picker", {duration:0.3});
		//}
		$("frontplate").style.backgroundImage = "url(../images/xblack.jpg)";
		$("rearplate").style.backgroundImage = "url(../images/xblack.jpg)";
		processReg("front", "black");
		processReg("rear", "black");
	}
}
function processReg(position, colour) {
	if ($("autoreg").value == "yes") {
		$("rearnumber").value = $("frontnumber").value;
	}
	var reg = $(position + "number").value.toLowerCase();
	for (var i=0; i<(reg.length); i++) {
		c = reg.charAt(i);
		if (position == "front") {
			$("fimg" + (i+1)).setAttribute("src", displayReg(c, colour));
		} else if (position == "rear") {
			$("rimg" + (i+1)).setAttribute("src", displayReg(c, colour));
		}
	}			
	for (var i=(reg.length); i<11; i++) {
		if (position == "front") {
			$("fimg" + (i+1)).setAttribute("src", "http://www.craigsplates.co.uk/order/images/1by74spacer.gif");
		} else if (position == "rear") {
			$("rimg" + (i+1)).setAttribute("src", "http://www.craigsplates.co.uk/order/images/1by74spacer.gif");
		}
	}
}
function displayReg(reg, colour) {
	if (reg == " ") {
		regsrc = "http://www.craigsplates.co.uk/order/fonts/space.gif";
	} else {
		if (colour == "white") {
			regsrc = "http://www.craigsplates.co.uk/order/fonts/Plain/" + reg.toUpperCase() + ".gif";
		} else if (colour == "yellow") {
			regsrc = "http://www.craigsplates.co.uk/order/fonts/Plain/" + reg.toUpperCase() + ".gif";
		} else if (colour == "black") {
			regsrc = "http://www.craigsplates.co.uk/order/fonts/Silver/" + reg.toLowerCase() + ".gif";
		}
	}
	return regsrc;
}
function togglePlateDetail(plate) {
	var detailDiv = $("plate-details" + plate);
	var detailAnchor = $("detail-anchor" + plate);
	if (detailDiv.style.display == "none") {
		Effect.Grow(detailDiv);
		detailAnchor.innerHTML = "Hide Details"; 
	} else {
		Effect.Shrink(detailDiv);
		detailAnchor.innerHTML = "Show Details"; 
	}
}
function checkPosition() {
	var position = $("position").value;
	var oblong_single = $("oblong_single").value;
	var oblong_pair = $("oblong_pair").value;
	var square_single = $("square_single").value;
	var square_pair = $("square_pair").value;
	switch (position) {
		case "front" :
			if ($("rearplate").style.display != "none") {
				Effect.Fade("rearplate");
			}
			if ($("rearplate").style.display != "none") {
				Effect.Fade("rearcontrol");
			}
			if ($("frontplate").style.display == "none") {
				Effect.Appear("frontplate");
			}
			if ($("frontplate").style.display == "none") {
				Effect.Appear("frontcontrol");
			}
			$("amount").innerHTML = oblong_single;
			break;
		case "rear" :
			if ($("rearplate").style.display == "none") {
				Effect.Appear("rearplate");
			}
			if ($("rearplate").style.display == "none") {
				Effect.Appear("rearcontrol");
			}
			if ($("frontplate").style.display != "none") {
				Effect.Fade("frontplate");
			}
			if ($("frontplate").style.display != "none") {
				Effect.Fade("frontcontrol");
			}
			$("amount").innerHTML = oblong_single;
			break;
		case "pair" :
			if ($("rearplate").style.display == "none") {
				Effect.Appear("rearplate");
			}
			if ($("rearplate").style.display == "none") {
				Effect.Appear("rearcontrol");
			}
			if ($("frontplate").style.display == "none") {
				Effect.Appear("frontplate");
			}
			if ($("frontplate").style.display == "none") {
				Effect.Appear("frontcontrol");
			}
			$("amount").innerHTML = oblong_pair;
			break;
	}
}
function showNotesBox() {
	new Effect.BlindDown('comment-text', {duration:0.3}); 
	$('addcomments').hide();
}
function validateReg() {
	if ((($("frontnumber").value == "MY REG") || ($("frontnumber").value == "")) && (($("rearnumber").value == "MY REG") || ($("rearnumber").value == ""))) {
		alert("You forgot to type in your registration number.");
		return false;
	}
	if (($("frontnumber").value.indexOf("-") != -1) || ($("rearnumber").value.indexOf("-") != -1)) {
		alert("We do not currently provide plates with hyphens (-) in the registration number.");
		return false;
	}
	return true;
}