function plateload() {				
		if (document.getElementById("slogantext")) { writeText("slogantext");}
		if (document.getElementById("slogantext2")) { writeText("slogantext2");}		
		//if (document.getElementById("rearplate")) {updaterearborder("rearplatewrap");}		
		if (document.getElementById("rearplate")) {updateregnum("rearplate");}		
		if (document.getElementById("rearsquare")) {updatesquarenum("rearsquare");}		
		if (document.getElementById("slogantext2")) {updateslogan("slogantext2");}		
		if (document.getElementById("slogansquare2")) {writeText("slogansquare2");}		
		//if (document.getElementById("rearsquare")) {updateRearSquareBorder("rearsquarewrap");}		
		if (document.getElementById("slogansquare2")) {updateslogan("slogansquare2");}		
		if (document.getElementById("rearsize")) { rsize();}		
	price();
}

function writeText(label) {	
	var slo = document.getElementById("slogan");	
	slo_value = slo.value;
	var slotext = document.getElementById(label);	
	var slotextnode = document.createTextNode("");
	slotext.appendChild(slotextnode);
	if ((slo_value == "") || (slo_value == null) ||(slo_value == " ")) {
		slotext.firstChild.nodeValue = " ";
		setVisibility(label, 'hidden');
	} else {
	slotext.firstChild.nodeValue = slo_value;
	}	
	return;
}
function borderAlert() {
	if (document.getElementById('font') != null) {
		var rborder = document.getElementById("border");
	rborder_index = rborder.selectedIndex;
	rborder_value = rborder.options[rborder_index].value;
	switch (rborder_value) {
   case "0":
      break;
   case "2":
      break;
   case "3":
      break;
   case "4":
   		alert('Please Note: This colour will appear green against the yellow backgound of the plate');      
      break;
	case "5":
		alert('Please Note: This colour will appear black against the yellow backgound of the plate');
      break;
   case "6":
      break;
   case "7":
      break;
   case "8":
   		alert('Please Note: This colour will be very slightly darker against the yellow backgound of the plate');
      break;
   case "9":
   		alert('Please Note: This colour will be very slightly darker against the yellow backgound of the plate');
      break;
    }
	updateBorder();
	}
}
function updateBorder() {
	if (document.getElementById('font') != null) {
		var hidBg = document.getElementById('hiddenbg').value;
		if (hidBg != 'black') {
			updateRearSquareBorder("rearsquarewrap");
			updaterearborder("rearplatewrap");
		}
	}
}
function updateRearSquareBorder(object) {
	var aft = document.getElementById(object);
	var rborder = document.getElementById("border");
	rborder_index = rborder.selectedIndex;
	rborder_value = rborder.options[rborder_index].value;
	switch (rborder_value) {
   case "0":
      aft.style.backgroundImage = "url(plateimages/rearplate_square.jpg)";
      break;
   case "2":
      aft.style.backgroundImage = "url(plateimages/rearblackplate_square.jpg)";
      break;
   case "3":
      aft.style.backgroundImage = "url(plateimages/reargoldplate_square.jpg)";
      break;
   case "4":
   		aft.style.backgroundImage = "url(plateimages/rearlightblueplate_square.jpg)";
      break;
	case "5":
      aft.style.backgroundImage = "url(plateimages/reardarkblueplate_square.jpg)";
      break;
   case "6":
      aft.style.backgroundImage = "url(plateimages/rearpurpleplate_square.jpg)";
      break;
   case "7":
      aft.style.backgroundImage = "url(plateimages/rearredplate_square.jpg)";
      break;
   case "8":
      aft.style.backgroundImage = "url(plateimages/rearlightgreenplate_square.jpg)";
      break;
   case "9":
      aft.style.backgroundImage = "url(plateimages/reardarkgreenplate_square.jpg)";
      break;
    default:
      aft.style.backgroundImage = "url(plateimages/rearplate_square.jpg)"; 	  
	}
	price();
	return;
}

function updaterearborder(object) {
	var aft = document.getElementById(object);
	var rborder = document.getElementById("border");
	rborder_index = rborder.selectedIndex;
	rborder_value = rborder.options[rborder_index].value;
	switch (rborder_value) {
   case "0":
      aft.style.backgroundImage = "url(plateimages/rearplate.jpg)";
      break;
   case "2":
      aft.style.backgroundImage = "url(plateimages/rearblackplate.jpg)";
      break;
   case "3":
      aft.style.backgroundImage = "url(plateimages/reargoldplate.jpg)";
      break;
   case "4":
   		aft.style.backgroundImage = "url(plateimages/rearlightblueplate.jpg)";
      break;
	case "5":
      aft.style.backgroundImage = "url(plateimages/reardarkblueplate.jpg)";
      break;
   case "6":
      aft.style.backgroundImage = "url(plateimages/rearpurpleplate.jpg)";
      break;
   case "7":
      aft.style.backgroundImage = "url(plateimages/rearredplate.jpg)";
      break;
   case "8":
      aft.style.backgroundImage = "url(plateimages/rearlightgreenplate.jpg)";
      break;
   case "9":
      aft.style.backgroundImage = "url(plateimages/reardarkgreenplate.jpg)";
      break;
    default:
      aft.style.backgroundImage = "url(plateimages/rearplate.jpg)"; 	  
	}
	price();
return;
}
function updateslogan(label) {		
	var slo = document.getElementById("slogan");
	slo_value = slo.value;
	var slotext = document.getElementById(label);	
	if ((slo_value == "") || (slo_value == null) ||(slo_value == " ")) {	
	//clear("slogantext")
	
	var slotextnode = document.createTextNode(".");
	slotext.appendChild(slotextnode);
	slotext.firstChild.nodeValue = " ";
	setVisibility(label, 'hidden');
	} else { 
	clear(label)
	var slotextnode = document.createTextNode("");
	slotext.appendChild(slotextnode);
	slotext.firstChild.nodeValue = slo_value;
	setVisibility(label, 'visible');
	}
	return;
}
function updateregnum(id) {
		
	clear(id, "img");clear(id, "img");
	var fore = document.getElementById(id);	
	var c = "";
	var rnum = document.getElementById("renum1");
	if (id == "rearplate") {rnum = document.getElementById("rearnum1");}
	var rnum_value = rnum.value;
	var capsrnum_value = rnum_value.toUpperCase();	
	var fontType = document.getElementById("font");
	fontType_index = fontType.selectedIndex;
	fontType_value = fontType.options[fontType_index].text;
	clear(id, "img");clear(id, "img");
	badgePair(id);
	for (i=0; i<(capsrnum_value.length); i++) {
		c = capsrnum_value.charAt(i);
		f = fontType_value;
		displayreg(c, f);
		var regimg = document.createElement("img");
		regimg.setAttribute("src", regsrc);
		regexPlain = /Legal.*/;
		regex3D = /3.*/;
		if ((f.match(regexPlain)) || (f.match(regex3D))) {			
			regimg.style.margin = "10px 4px 0px 4px";
		}
		fore.appendChild(regimg);		
	}
	return;
}
function updatesquarenum(id) {
	clear(id, "img");clear(id, "img");clear(id, "br");clear(id, "br");
	var fore = document.getElementById(id);	
	var c = "";
	var rnum = document.getElementById("regnum1");
	var rnum2 = document.getElementById("regnum2");
	if (id == "rearsquare") {
		rnum = document.getElementById("rearnum1");
		rnum2 = document.getElementById("rearnum2");		
	}
	var rnum_value = rnum.value;
	var rnum2_value = rnum2.value;
	if ((parseInt(rnum_value.length) + parseInt(rnum2_value.length)) > 6) {
		setVisibility('rearone', 'hidden');
		setVisibility('rearonelabel', 'hidden');
	} else {
		setVisibility('rearone', 'visible');
		setVisibility('rearonelabel', 'visible');
	}
	var capsrnum_value = rnum_value.toUpperCase();	
	var capsrnum2_value = rnum2_value.toUpperCase();	
	var fontType = document.getElementById("font");
	fontType_index = fontType.selectedIndex;
	fontType_value = fontType.options[fontType_index].text;
	clear(id, "img");clear(id, "img");clear(id, "br");clear(id, "br");
	if (((capsrnum2_value.length > capsrnum_value.length) && (capsrnum2_value.length > 3)) &&
	((document.getElementById('rearone').checked != true) && ((capsrnum2_value.length + capsrnum_value.length) > 5))){
	badgePair(id);
	for (i=0; i<(capsrnum_value.length); i++) {
		c = capsrnum_value.charAt(i);
		f = fontType_value;
		displayreg(c, f);
		var regimg = document.createElement("img");
		regimg.setAttribute("src", regsrc);
		
		regexPlain = /Legal.*/;
		regex3D = /3.*/;
		if ((f.match(regexPlain)) || (f.match(regex3D))) {			
			regimg.style.margin = "10px 4px 6px 4px";
		}
		fore.appendChild(regimg);		
	}
	var numbreak = document.createElement("br");
	fore.appendChild(numbreak);
	//badgespace(id);
	for (i=0; i<(capsrnum2_value.length); i++) {
		c = capsrnum2_value.charAt(i);
		f = fontType_value;
		displayreg(c, f);
		var regimg = document.createElement("img");
		regimg.setAttribute("src", regsrc);
		regexPlain = /Legal.*/;
		regex3D = /3.*/;
		if ((f.match(regexPlain)) || (f.match(regex3D))) {			
			regimg.style.margin = "10px 4px 6px 4px";
		}
		fore.appendChild(regimg);		
	}
	} else if (((capsrnum2_value.length < capsrnum_value.length) && (capsrnum_value.length > 3)) &&
	((document.getElementById('rearone').checked != true) && ((capsrnum2_value.length + capsrnum_value.length) > 5))){
		
	//badgespace(id);	
	for (i=0; i<(capsrnum_value.length); i++) {
		c = capsrnum_value.charAt(i);
		f = fontType_value;
		displayreg(c, f);
		var regimg = document.createElement("img");
		regimg.setAttribute("src", regsrc);
		//regimg.style.position = "relative";
		//regimg.style.left = "20px";
		regexPlain = /Legal.*/;
		regex3D = /3.*/;
		if ((f.match(regexPlain)) || (f.match(regex3D))) {			
			regimg.style.margin = "10px 4px 6px 4px";
		}
		fore.appendChild(regimg);		
	}
	var numbreak = document.createElement("br");
	fore.appendChild(numbreak);
	
	badgePair(id);
	
	for (i=0; i<(capsrnum2_value.length); i++) {
		c = capsrnum2_value.charAt(i);
		f = fontType_value;
		displayreg(c, f);
		var regimg = document.createElement("img");
		regimg.setAttribute("src", regsrc);
		regexPlain = /Legal.*/;
		regex3D = /3.*/;
		if ((f.match(regexPlain)) || (f.match(regex3D))) {			
			regimg.style.margin = "10px 4px 6px 4px";
		}
		fore.appendChild(regimg);		
	}
		
	} else if ((capsrnum2_value.length == capsrnum_value.length) || 
				((document.getElementById('rearone').checked == true) && ((capsrnum2_value.length + capsrnum_value.length) < 6)) ||
				((capsrnum2_value.length < 4) && (capsrnum2_value.length < 4)) ) {
	oversizeBadge(id);
	for (i=0; i<(capsrnum_value.length); i++) {
		c = capsrnum_value.charAt(i);
		f = fontType_value;
		displayreg(c, f);
		var regimg = document.createElement("img");
		regimg.setAttribute("src", regsrc);
		
		regexPlain = /Legal.*/;
		regex3D = /3.*/;
		if ((f.match(regexPlain)) || (f.match(regex3D))) {			
			regimg.style.margin = "10px 4px 6px 4px";
		}
		fore.appendChild(regimg);		
	}
	var numbreak = document.createElement("br");
	fore.appendChild(numbreak);
	//badgespace(id);
	for (i=0; i<(capsrnum2_value.length); i++) {
		c = capsrnum2_value.charAt(i);
		f = fontType_value;
		displayreg(c, f);
		var regimg = document.createElement("img");
		regimg.setAttribute("src", regsrc);
		regexPlain = /Legal.*/;
		regex3D = /3.*/;
		if ((f.match(regexPlain)) || (f.match(regex3D))) {			
			regimg.style.margin = "10px 4px 6px 4px";
		}
		fore.appendChild(regimg);		
	}
	} 
	return;
}
function oversizeBadge(id) {
	var fore = document.getElementById(id);
	var overHidden = document.getElementById("hiddenover");
	var valueString = decodeURI(overHidden.value);
	var overArray = valueString.split(",");
	//alert('got to subbadge!');
	if (!document.getElementById("subbadgerear")) {
		return false
	} else {
	var subBadgeHidden = document.getElementById("subbadgerear");
	}
	subBadgeHidden_index = subBadgeHidden.selectedIndex;
	subBadgeHidden_text = subBadgeHidden.options[subBadgeHidden_index].text;
	//alert (overArray.length);
	for (var i=0; i<(overArray.length); i++) {		
		var pipe = overArray[i].split("|");		
		if (subBadgeHidden_text == pipe[0]) {
			var badgeImgPath = pipe[1];						
		}
	}	
	var pathimg = document.createElement("img");
	if ((badgeImgPath == null) || (badgeImgPath == "undefined")){	
		var fullPath = "fonts/badgespace.gif";
	} else {
		var fullPath = "http://www.sitey.co.uk/catalog/image/products/" + badgeImgPath;		
	}
		pathimg.setAttribute("src", fullPath);
		pathimg.setAttribute("id", "badgeholder");	
		fore.appendChild(pathimg);
		setBadgeSize('Oversize');
		//var pathimgLoaded = document.getElementById("badgeholder");
		//heightPathImage = pathimg.getAttribute("height");
		//widthPathImage = pathimg.getAttribute("width");
		//if (heightPathImage > 99) {
			//var ratio = (heightPathImage/widthPathImage);
			//var newWidth = (widthPathImage/ratio);
			//pathimg.setAttribute("width", newWidth);
		//}
		//pathimg.setAttribute("height", "185");	
		return;
}
function displayreg(reg, ftype) {
	var hidBg = document.getElementById('hiddenbg').value;
	if (hidBg == 'black') {
		reg = reg.toLowerCase();
		if (reg == " ") {
			regsrc = "fonts/space.gif";
		} else {
			regsrc = "fonts/Silver/" + reg + ".gif";
		}
	} else {
		if (reg == " ") {
			regsrc = "fonts/space.gif";
		} else {			
			regsrc = "fonts/" + ftype + "/" + reg + ".gif";
			var regexPlain = /Legal.*/;
			if (ftype.match(regexPlain)) {
				ftype = 'Bike';
				regsrc = "http://www.craigsplates.co.uk/order/fonts/" + ftype + "/" + reg + ".gif";
			}		
		}
	}
	return regsrc;
}
function clear(objectID, tag, index) {
	var z = document.getElementById(objectID);
	if (tag != null) {
	var r = z.getElementsByTagName(tag);
	} else {
	var r = z.childNodes;
	}
	if (index != null) {
		z.removeChild(r[index]);
	} else {
		for (var i=0; i<(r.length); i++) {
			z.removeChild(r[i]);
		}
	}
	return
}
function badgespace(id) {
	var fore = document.getElementById(id);
	var pathimg = document.createElement("img");
	var fullPath = "fonts/space20by80.gif";
	pathimg.setAttribute("src", fullPath);
	fore.appendChild(pathimg);
	return
}
function badgePair(id) {
	
	var fore = document.getElementById(id);
	var badgeHidden = document.getElementById("hiddenbadge");
	var valueString = decodeURI(badgeHidden.value);
	var badgeArray = valueString.split(",");
	if (!document.getElementById("subbadgerear")) {
		return false
	} else {
	var subBadgeHidden = document.getElementById("subbadgerear");
	//
	}
	subBadgeHidden_index = subBadgeHidden.selectedIndex;
	subBadgeHidden_value = subBadgeHidden.options[subBadgeHidden_index].value;
	for (var i=0; i<(badgeArray.length); i++) {		
		var pipe = badgeArray[i].split("|");		
		if (parseInt(subBadgeHidden_value) == parseInt(pipe[0])) {
			var badgeImgPath = pipe[1];						
		}
	}	
	
	var pathimg = document.createElement("img");
	if ((badgeImgPath == null) || (badgeImgPath == "undefined")){	
		var fullPath = "fonts/badgespace.gif";
	} else {
		var fullPath = "http://www.sitey.co.uk/catalog/image/products/" + badgeImgPath;		
	}
		pathimg.setAttribute("src", fullPath);
		pathimg.setAttribute("id", "badgeholder");	
		fore.appendChild(pathimg);
		setBadgeSize('Standard');
		//var pathimgLoaded = document.getElementById("badgeholder");
		heightPathImage = pathimg.getAttribute("height");
		widthPathImage = pathimg.getAttribute("width");
		if ((heightPathImage > 99) && (widthPathImage > 99)) {
			var ratio = (heightPathImage/widthPathImage);
			var newWidth = (widthPathImage/ratio);
			pathimg.setAttribute("width", newWidth);
		}
		pathimg.setAttribute("height", "95");	
		//alert(widthPathImage);
		return;
}
function setBadgeSize(size) {
	sizeElement = document.getElementById("badgesize");
	sizeElement.value = size;
	return;
}
function customSize() {
	var customWidth = document.getElementById("width").value;
	var customHeight = document.getElementById("height").value;
	var customWidthSpec = document.getElementById("widthspec").selectedIndex;
	var customHeightSpec = document.getElementById("heightspec").selectedIndex;
	var widthIndex = document.getElementById("widthspec").options[customWidthSpec].value;
	var heightIndex = document.getElementById("heightspec").options[customHeightSpec].value;
	var validHeight = false;
	var validWidth = false;
	
	if (widthIndex == 'mm') {
		if (customWidth.length = 3) {
			validWidth = true;
		}
	} else if (widthIndex == 'inches') {
		if ((customWidth > 4) && (customWidth < 20)) {
			validWidth = true;
		}
	}
	if (heightIndex == 'mm') {
		if (customHeight.length = 3) {
			validHeight = true;
		}
	} else if (heightIndex == 'inches') {
		if ((customHeight > 1.9) && (customHeight < 16)) {
			validHeight = true;
		}
	}
	if ((validWidth == true) && (validHeight == true)) {
		rsize();
	}
	return;
}