window.onload = initPlate;
function initPlate() {
	if ($("autoreg")) {
		checkPosition();
		var notes = $("notes-box");
		notes.style.position = "absolute";
		notes.style.top = "100px";
		notes.style.left = "180px";
	}
}
function resetNotesBox() {
	var notes = $("notes-box");
	notes.style.position = "relative";
	notes.style.top = "0px";
	notes.style.left = "0px";
	$("closep").style.display = "none";
}
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 clearFields(position) {
	if ($(position + "_topslogan")) {
		$(position + "_topslogan").value = "";
	}
	if ($(position + "_bottomslogan")) {
		$(position + "_bottomslogan").value = "";
	}
	if ($(position + "_century")) {
		$(position + "_nullcentury").selected = true;
	}
	if ($(position + "_year")) {
		$(position + "_nullyear").selected = true;
	}
	var wrap = $(position + "image");	
	var span = wrap.getElementsByTagName("span");
	for (var i = 0; i < span.length; i++) {
		span[i].innerHTML = "";
	}
}
function autoReg() {
	if ($F("autoreg") == "yes") {
		var reg = $F("frontreg");
		$("rearreg").value = reg;
	}
}
function clearAutoReg() {
	if ($F("autoreg") == "yes") {
		$("autoreg").value = "no";
	}
}
function clearReg() {
	if ($F("initial") == "yes") {
		$("frontreg").value = "";
		$("rearreg").value = "";
		$("initial").value = "no";
	}
}
function validateReg() {
	if ((($F("frontreg") == "") || ($F("frontreg") == "MY REG")) && ($F("position") != "rear")) {
		alert("You forgot to type in your Registration number");
	} else if ((($F("rearreg") == "") || ($F("rearreg") == "MY REG")) && ($F("position") == "rear")) {
		alert("You forgot to type in your Registration number");
	} else {
		return true;	
	}
	return false;	
}
function checkPosition() {
	if ($F("position") == "pair") {
		if ($("frontplate").style.display == "none") {
			Effect.Appear("frontplate");
		}
		if ($("rearplate").style.display == "none") {
			Effect.Appear("rearplate");	
			$("rearplate").style.marginRight = "0px";
		}
		$("supplement").value = 0.00;
		updateFields("front");
		updateFields("rear");
	} else if ($F("position") == "front") {
		$("rearreg").value = "";
		if ($("frontplate").style.display == "none") {
			Effect.Appear("frontplate");
		}
		if ($("rearplate").style.display != "none") {
			$("rearplate").style.marginRight = "0px";
			Effect.Fade("rearplate");
		}
		$("supplement").value = 3.00;
		$("rearprice").value = 0.00;
		updateFields("front");
	} else if ($F("position") == "rear") {
		$("frontreg").value = "";
		if ($("rearplate").style.display == "none") {
			Effect.Appear("rearplate");
			$("rearplate").style.marginRight = "10px";
		}
		if ($("frontplate").style.display != "none") {
			Effect.Fade("frontplate");
		}
		$("supplement").value = 3.00;
		$("frontprice").value = 0.00;
		updateFields("rear");
	}
}
function doCentury(position) {
	var century = $(position + "_century").value;	
	if ((position == "front") && ($F("position") == "pair")) {		
		var rcOption = $("rear_century").getElementsByTagName("option");
		for (var i = 0; i < rcOption.length; i++) {
			if (rcOption[i].value == century) {
				rcOption[i].selected = true;
			} else {
				rcOption[i].selected = false;
			}
		}
	}
	if ((position == "rear") && ($F("position") == "pair")) {
		var fcOption = $("front_century").getElementsByTagName("option");
		for (var i = 0; i < fcOption.length; i++) {
			if (fcOption[i].value == century) {
				fcOption[i].selected = true;
			} else {
				fcOption[i].selected = false;
			}
		}
	}
	if ($("fcentury")) {
		$("fcentury").innerHTML = century;
	}
	if ($("rcentury")) {
		$("rcentury").innerHTML = century;
	}
	getPrice();
}
function doYear(position) {
	var year = $(position + "_year").value;
	if ((position == "front") && ($F("position") == "pair")) {
		var ryOption = $("rear_year").getElementsByTagName("option");
		for (var i = 0; i < ryOption.length; i++) {
			if (ryOption[i].value == year) {
				ryOption[i].selected = true;
			} else {
				ryOption[i].selected = false;
			}
		}
	}
	if ((position == "rear") && ($F("position") == "pair")) {
		var fyOption = $("front_year").getElementsByTagName("option");
		for (var i = 0; i < fyOption.length; i++) {
			if (fyOption[i].value == year) {
				fyOption[i].selected = true;
			} else {
				fyOption[i].selected = false;
			}
		}
	}
	if ($("fyear")) {
		$("fyear").innerHTML = year;
	}
	if ($("ryear")) {
		$("ryear").innerHTML = year;
	}
	getPrice();
}
function doSlogan(level, position) {
	if (position == "front") {
		if ($("auto" + level).value == "yes") {
			$("rear_" + level + "slogan").value = $("front_" + level + "slogan").value;
		}
	} else {
		if ($("auto" + level).value == "yes") {
			$("auto" + level).value = "no";
		}
	}
	var slogan = $(position + "_" + level + "slogan").value;
	if ((level == "top") && (position == "front")) {
		$("ftop").innerHTML = slogan;
		if ($("auto" + level).value == "yes") {
			$("rtop").innerHTML = slogan;
		}
	}
	if ((level == "top") && (position == "rear")) {
		$("rtop").innerHTML = slogan;
	}
	if ((level == "bottom") && (position == "front")) {
		$("fbottom").innerHTML = slogan;
		if ($("auto" + level).value == "yes") {
			$("rbottom").innerHTML = slogan;
		}
	}
	if ((level == "bottom") && (position == "rear")) {
		$("rbottom").innerHTML = slogan;
	}
	getPrice();
}
function updateFields(position) {
	$(position + "image").style.backgroundImage = "url(../images/indicator_medium.gif)";
	var loadtext = '<p style="position: relative; top:40px; left:40px; font-weight:bold;">... Loading Image. Please wait.<p>';
	$(position + "loading").innerHTML = loadtext;
	var pid = $F(position + "style");	
	var selIndex = $(position + "style").selectedIndex;
	var ptext = $(position + "style").options[selIndex].text.toLowerCase();
	var wrap = $(position + "image");	
	var span = wrap.getElementsByTagName("span");
	if ((ptext.indexOf("black") < 0) && (ptext.indexOf("white") < 0) && (ptext.indexOf("yellow") < 0) && (pid != "810")) {
		if ($(position + "slogan").style.display != "none") {
			Effect.Fade(position + "slogan");
		}	
		for (var i = 0; i < span.length; i++) {
			span[i].style.visibility = "hidden";
		}
		clearFields(position);
	} else {
		if ($(position + "slogan").style.display == "none") {
			Effect.Appear(position + "slogan");
		}
		if (ptext.indexOf("black") >= 0) {			
			for (var i = 0; i < span.length; i++) {
				span[i].style.color = "#FFFFFF";
				span[i].style.visibility = "visible";
			}
		} else if (pid == "810") {
			for (var i = 0; i < span.length; i++) {
				span[i].style.color = "yellow";
				span[i].style.visibility = "visible";
			}
		} else {
			for (var i = 0; i < span.length; i++) {
				span[i].style.color = "#000000";
				span[i].style.visibility = "visible";
			}
		}
	}
	var url = 'ajax.php';
	var pars = 'pid=' + pid + '&position=' + position;
	new Ajax.Request(url, {
				method: 'post', 
				parameters: pars, 
				onComplete: displayFields
			});
	
}
function displayFields(req) {
	var fields = req.responseText;
	var imgFolder = 'http://www.sitey.co.uk/catalog/image/products/';
	var plate = eval('(' + fields + ')');
	var image = plate.image;
	var price = plate.price;
	var position = plate.position;
	var colours = plate.colours.toString().split(",");
	var colorbox = '<label for="' + position + 'color">Font Colour:</label><select onchange="getPrice();" id="' + position + 'color" name="' + position + 'color">';
	for (var i = 0; i < colours.length; i++) {
		colorbox += '<option onclick="getPrice();" value="' + colours[i] + '">' + colours[i] + '</option>';
	}
	colorbox += '</select>';
	if (position == "front") {
		$("frontprice").value = price;
		$("fcolorwrap").innerHTML = colorbox;
		$("frontimage").style.backgroundImage = "url(" + imgFolder + image + ")";
		new Effect.Highlight("fcolorwrap");
	} else if (position == "rear") {
		$("rearprice").value = price;
		$("rcolorwrap").innerHTML = colorbox;
		$("rearimage").style.backgroundImage = "url(" + imgFolder + image + ")";
		new Effect.Highlight("rcolorwrap");
	}	
	$(position + "loading").innerHTML = "";
	getPrice();	
}
function convertPrice(price) {
	var currency = $("currency-rate").value;
	return (parseFloat(currency) * price); 
}
function getPrice() {
	var platePrice = parseFloat($F("frontprice")) + parseFloat($F("rearprice")) + parseFloat($F("supplement"));
	platePrice = platePrice + parseFloat(getPriceForExtras());
	var converted = convertPrice(platePrice);
	$("price").innerHTML = converted.toFixed(2);	
	$("totalprice").value = converted.toFixed(2);
	$("poundprice").value = platePrice.toFixed(2);
}
function getPriceForExtras() {
	var extraPrice = 0.00;
	if ($F("position") != "rear") {
		if ($F("front_topslogan") != "") {
			extraPrice += 2.50;
		}
		if ($F("front_bottomslogan") != "") {
			extraPrice += 2.50;
		}
		if (($("front_century").value != "") || ($("front_year").value != "")) {
			extraPrice += 2.50;
		}
		if ($F("frontcolor") == "Chrome") {
			extraPrice += 2.00;
		}
	}
	if ($F("position") != "front") {
		if ($F("rear_topslogan") != "") {
			extraPrice += 2.50;
		}
		if ($F("rear_bottomslogan") != "") {
			extraPrice += 2.50;
		}
		if (($("rear_century").value != "") || ($("rear_year").value != "")) {
			extraPrice += 2.50;
		}
		if ($F("rearcolor") == "Chrome") {
			extraPrice += 2.00;
		}
	}
	return extraPrice;
}