function plateload() {			
		if (document.getElementById("slogantext")) { writeText("slogantext");}
		if (document.getElementById("slogantext2")) { writeText("slogantext2");}
		if (document.getElementById("frontplate")) {updateborder("frontplate");}
		if (document.getElementById("rearplate")) {updaterearborder("rearplate");}
		if (document.getElementById("frontplate")) {updateregnum("frontplate");}
		if (document.getElementById("rearplate")) {updateregnum("rearplate");}
		if (document.getElementById("frontsquare")) {updatesquarenum("frontsquare");}
		if (document.getElementById("rearsquare")) {updatesquarenum("rearsquare");}
		if (document.getElementById("slogantext")) {updateslogan("slogantext");}
		if (document.getElementById("slogantext2")) {updateslogan("slogantext2");}
		if (document.getElementById("slogansquare")) {writeText("slogansquare");}
		if (document.getElementById("slogansquare2")) {writeText("slogansquare2");}
		if (document.getElementById("frontsquare")) {updateSquareBorder("frontsquare");}
		if (document.getElementById("rearsquare")) {updateRearSquareBorder("rearsquare");}		
		if (document.getElementById("slogansquare")) {updateslogan("slogansquare");}
		if (document.getElementById("slogansquare2")) {updateslogan("slogansquare2");}
		if (document.getElementById("frontsize")) { fsize();}
		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 updateSquareBorder(object) {
		var fore = document.getElementById(object);
		var fborder = document.getElementById("border");
		fborder_index = fborder.selectedIndex;
		fborder_value = fborder.options[fborder_index].value;
		switch (fborder_value) {
	   case "0":
		  fore.style.backgroundImage = "url(plateimages/plate_square.jpg)";
		  break;
	   case "2":
		  fore.style.backgroundImage = "url(plateimages/blackplate_square.jpg)";
		  break;
	   case "3":
		  fore.style.backgroundImage = "url(plateimages/goldplate_square.gif)";
		  break;
	   case "4":
		  fore.style.backgroundImage = "url(plateimages/lightblueplate_square.jpg)";
		  break;
		case "5":
		  fore.style.backgroundImage = "url(plateimages/darkblueplate_square.jpg)";
		  break;
	   case "6":
		  fore.style.backgroundImage = "url(plateimages/purpleplate_square.jpg)";
		  break;
	   case "7":
		  fore.style.backgroundImage = "url(plateimages/redplate_square.jpg)";
		  break;
	   case "8":
		  fore.style.backgroundImage = "url(plateimages/lightgreenplate_square.jpg)";
		  break;
	   case "9":
		  fore.style.backgroundImage = "url(plateimages/darkgreenplate_square.jpg)";
		  break;
		default:
		  fore.style.backgroundImage = "url(plateimages/plate_square.jpg)"; 	  
		}
		price();
	return;
}
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 updateborder(object) {
	var fore = document.getElementById(object);
	var fborder = document.getElementById("border");
	fborder_index = fborder.selectedIndex;
	fborder_value = fborder.options[fborder_index].value;
	switch (fborder_value) {
   case "0":
      fore.style.backgroundImage = "url(plateimages/plate.jpg)";
      break;
   case "2":
      fore.style.backgroundImage = "url(plateimages/blackplate.jpg)";
      break;
   case "3":
      fore.style.backgroundImage = "url(plateimages/goldplate.jpg)";
      break;
   case "4":
      fore.style.backgroundImage = "url(plateimages/lightblueplate.jpg)";
      break;
	case "5":
      fore.style.backgroundImage = "url(plateimages/darkblueplate.jpg)";
      break;
   case "6":
      fore.style.backgroundImage = "url(plateimages/purpleplate.jpg)";
      break;
   case "7":
      fore.style.backgroundImage = "url(plateimages/redplate.jpg)";
      break;
   case "8":
      fore.style.backgroundImage = "url(plateimages/lightgreenplate.jpg)";
      break;
   case "9":
      fore.style.backgroundImage = "url(plateimages/darkgreenplate.jpg)";
      break;
    default:
      fore.style.backgroundImage = "url(plateimages/plate.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("regnum1");
	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 = /Pla.*/;
		regex3D = /3.*/;
		if ((f.match(regexPlain)) || (f.match(regex3D))) {			
			regimg.style.margin = "15px 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;
	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)) {
	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 = /Pla.*/;
		regex3D = /3.*/;
		if ((f.match(regexPlain)) || (f.match(regex3D))) {			
			regimg.style.margin = "15px 4px 0px 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 = /Pla.*/;
		regex3D = /3.*/;
		if ((f.match(regexPlain)) || (f.match(regex3D))) {			
			regimg.style.margin = "15px 4px 0px 4px";
		}
		fore.appendChild(regimg);		
	}
	} else if ((capsrnum2_value.length < capsrnum_value.length) && (capsrnum_value.length > 3)) {
		
	//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 = /Pla.*/;
		regex3D = /3.*/;
		if ((f.match(regexPlain)) || (f.match(regex3D))) {			
			regimg.style.margin = "15px 4px 0px 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 = /Pla.*/;
		regex3D = /3.*/;
		if ((f.match(regexPlain)) || (f.match(regex3D))) {			
			regimg.style.margin = "15px 4px 0px 4px";
		}
		fore.appendChild(regimg);		
	}
		
	} else if ((capsrnum2_value.length = capsrnum_value.length) || ((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 = /Pla.*/;
		regex3D = /3.*/;
		if ((f.match(regexPlain)) || (f.match(regex3D))) {			
			regimg.style.margin = "15px 4px 0px 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 = /Pla.*/;
		regex3D = /3.*/;
		if ((f.match(regexPlain)) || (f.match(regex3D))) {			
			regimg.style.margin = "15px 4px 0px 4px";
		}
		fore.appendChild(regimg);		
	}
	} 
	return;
}
function oversizeBadge(id) {
	var fore = document.getElementById(id);
	var overHidden = document.getElementById("hiddenover");
	var valueString = overHidden.value;
	var overArray = valueString.split(",");
	if (!document.getElementById("subbadge")) {
		return false
	} else {
	var subBadgeHidden = document.getElementById("subbadge");
	}
	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);
		//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) {
	if (reg == " ") {
		regsrc = "fonts/space.gif";
	} else {
	regsrc = "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 = badgeHidden.value;
	var badgeArray = valueString.split(",");
	if (!document.getElementById("subbadge")) {
		return false
	} else {
	var subBadgeHidden = document.getElementById("subbadge");
	}
	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);
		//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;
}

