function updatefont(){
  form = document.designplate
  //alert(form.regno1.value.length+form.regno2.value.length)
  fstyle = form.fonts[form.fonts.selectedIndex].value
  regno = form.regno.value
  for(i=0;i<8;i++){
   //document.ph0.src='plates/phs/1/a.gif'

   if(regno.charAt(i)==" "){
	if(i==0)
	    document.ph0.src="plates/phs/"+fstyle+"/space.gif"
	else if(i==1)
	    document.ph1.src="plates/phs/"+fstyle+"/space.gif"
	else if(i==2)
	    document.ph2.src="plates/phs/"+fstyle+"/space.gif"
	else if(i==3)
	    document.ph3.src="plates/phs/"+fstyle+"/space.gif"
	else if(i==4)
	    document.ph4.src="plates/phs/"+fstyle+"/space.gif"
	else if(i==5)
	    document.ph5.src="plates/phs/"+fstyle+"/space.gif"
	else if(i==6)
	    document.ph6.src="plates/phs/"+fstyle+"/space.gif"
	else if(i==7)
	    document.ph7.src="plates/phs/"+fstyle+"/space.gif"
	else if(i==8)
	    document.ph8.src="plates/phs/"+fstyle+"/space.gif"
	else if(i==9)
	    document.ph9.src="plates/phs/"+fstyle+"/space.gif"

   }
   else if(regno.charAt(i)==""){

	if(i==0)
	    document.ph0.src="plates/phs/"+fstyle+"/blank.gif"
	else if(i==1)
	    document.ph1.src="plates/phs/"+fstyle+"/blank.gif"
	else if(i==2)
	    document.ph2.src="plates/phs/"+fstyle+"/blank.gif"
	else if(i==3)
	    document.ph3.src="plates/phs/"+fstyle+"/blank.gif"
	else if(i==4)
	    document.ph4.src="plates/phs/"+fstyle+"/blank.gif"
	else if(i==5)
	    document.ph5.src="plates/phs/"+fstyle+"/blank.gif"
	else if(i==6)
	    document.ph6.src="plates/phs/"+fstyle+"/blank.gif"
	else if(i==7)
	    document.ph7.src="plates/phs/"+fstyle+"/blank.gif"
	else if(i==8)
	    document.ph8.src="plates/phs/"+fstyle+"/blank.gif"
	else if(i==9)
	    document.ph9.src="plates/phs/"+fstyle+"/blank.gif"

  }	
   else
   {
   	ph = regno.charAt(i).toLowerCase()

	if(i==0)
	    document.ph0.src="plates/phs/"+fstyle+"/"+ph+".gif" 
	else if(i==1)
	    document.ph1.src="plates/phs/"+fstyle+"/"+ph+".gif" 
	else if(i==2)
	    document.ph2.src="plates/phs/"+fstyle+"/"+ph+".gif" 
	else if(i==3)
	    document.ph3.src="plates/phs/"+fstyle+"/"+ph+".gif" 
	else if(i==4)
	    document.ph4.src="plates/phs/"+fstyle+"/"+ph+".gif" 
	else if(i==5)
	    document.ph5.src="plates/phs/"+fstyle+"/"+ph+".gif" 
	else if(i==6)
	    document.ph6.src="plates/phs/"+fstyle+"/"+ph+".gif" 
	else if(i==7)
	    document.ph7.src="plates/phs/"+fstyle+"/"+ph+".gif" 
	else if(i==8)
	    document.ph8.src="plates/phs/"+fstyle+"/"+ph+".gif" 
	else if(i==9)
	    document.ph9.src="plates/phs/"+fstyle+"/"+ph+".gif" 



   }
  }
 }

 function updateborder(){
  form = document.designplate
  if(form.border[form.border.selectedIndex].value!="0")
    document.border_img.src ="admin/border/borderimages/"+form.border[form.border.selectedIndex].value+".gif"
   else
  	document.border_img.src ="admin/border/borderimages/noborder.gif"
 }

 function loadHoneyComb(){
  form = document.designplate
  if(form.chkHoney.checked==true){
    document.getElementById("honey_img").src ="admin/honey/honey.gif"
	updatecost();
  }
   else{
	updatecost();
  	document.getElementById("honey_img").src ="admin/border/borderimages/noborder.gif"
  }
 }

 function updatesideimage(){
  form = document.designplate

  if(form.sideimage_id[form.sideimage_id.selectedIndex].value!="0")
  {
   document.sideimage_img.src ="admin/sidebadge/sidebadgeimages/"+form.sideimage_id[form.sideimage_id.selectedIndex].value+".jpg"
   document.getElementById('phs').style.left = "217px"
   document.getElementById('platebg').style.left = "220px"
   document.getElementById('slogan').style.left = "200px"

  }
  else
  {
   document.sideimage_img.src ="images/blank.gif"
   document.getElementById('phs').style.left = "190px"
   document.getElementById('platebg').style.left = "220px"
   document.getElementById('slogan').style.left = "200px"
  }
 }
 
 function updatebackgr(){
  form = document.designplate
  if(form.platebg[form.platebg.selectedIndex].value!="0")
   document.platebg_img.src ="admin/background/backgroundimages/"+form.platebg[form.platebg.selectedIndex].value+".gif"
  else
   document.platebg_img.src ="images/blank.gif"
 }
 
 function updateslogan(){
  if(document.designplate.slogan.value != "")
  {
   //alert('"#'+document.designplate.slogancolour[document.designplate.slogancolour.selectedIndex].title+'"')
   document.getElementById('slogantext').innerHTML="&nbsp;<font face='verdana' size=1>"+document.designplate.slogan.value+"</font>&nbsp;"
   document.getElementById('slogantext').style.color=document.designplate.slogancolour[document.designplate.slogancolour.selectedIndex].value
  }
  else
  {
   document.getElementById('slogantext').innerHTML=""
  }
 }
function updatefrontsurround(){
  form = document.designplate
  if(form.surround[form.surround.selectedIndex].value!="0")
  {
   document.fs_img.src ="admin/surrounds/surroundimages/"+form.surround[form.surround.selectedIndex].value+".gif"

//   document.getElementById('phs').style.left = "200px"
//   document.getElementById('platebg').style.left = "260px"

  }
  else
  {
   document.fs_img.src ="images/blank.gif"
//   document.getElementById('phs').style.left = "200px"
//   document.getElementById('platebg').style.left = "260px"
  }
 }
 function updatecost(){
  form = document.designplate

  if(form.chkHoney.checked==true)
		var honey = 4.00;
  else
		var honey = 0.00;
  
  cost =(18.00
      + parseInt(form.platebg[form.platebg.selectedIndex].title)
      + parseInt(form.sideimage_id[form.sideimage_id.selectedIndex].title)
      + parseInt(form.border[form.border.selectedIndex].title)
	  + parseInt(form.ptype[form.ptype.selectedIndex].title)
	  + parseInt(form.surround[form.surround.selectedIndex].title)
	  + honey
      + parseInt(form.fonts[form.fonts.selectedIndex].title))+".00"
  form.platecost.value=cost
  form.plate_cost.value=cost
 }
 
 function val_regno(e){
   var key;
   var keychar;
   if (window.event)
       key = window.event.keyCode;
   else if (e)
       key = e.which;
   else
       return true;
      keychar = String.fromCharCode(key);
   keychar = keychar.toLowerCase();
    // control keys
   if ((key==null) || (key==0) || (key==8) || (key==9) || (key==13) || (key==27)) {
       return true;
   // alphas and numbers
   } else if (((" abcdefghijklmnopqrstuvwxyz0123456789").indexOf(keychar) > -1)) {
       return true;
   } else {
     return false;
   }
 }

 function countchars(e){
  akey = e.keyCode
  regno = document.designplate.regno.value
//  regno2 = document.designplate.regno2.value
  if((regno.length)>=7)
  {
//   alert("7  keys")
   if(akey!=37 && akey!=13 && akey!=39 && akey!=9 && akey!=17 && akey!=18 && akey!=8 && akey!=46)
    return false
  }
  return true
 }
 
 function changebackgr(){
  if (document.designplate.plateview[document.designplate.plateview.selectedIndex].value=='1')
   document.backgr.src='images/background-2.gif'
  else
   document.backgr.src='images/background-rear-2.gif'
   document.backgr.style.zindex=5
 }
 
 function resetplate(){
  document.designplate.reset();
  updatefont()
  updateborder()
  updatebackgr()
  updatesideimage()
  updatefrontsurround()
  updateslogan()
  updatecost()
 }

 function validate(){
  if (document.designplate.regno.value=='')
  {
   alert("Please enter the registration no.");
   document.designplate.regno.focus();
   return false
  }

  if( (document.designplate.chkHoney.checked==true) && (document.border_img.src=='http://www.coolplates.co.uk/plates/blank.gif'))
  {
   alert("A border must be selected with a Honey Comb Background.")
   document.designplate.regno.focus()
   return false
  }

  return true;
 }

 function init_plate(){

  document.ph0.src='plates/blank.gif'
  document.ph1.src='plates/blank.gif'
  document.ph2.src='plates/blank.gif'
  document.ph3.src='plates/blank.gif'
  document.ph4.src='plates/blank.gif'
  document.ph5.src='plates/blank.gif'
  document.ph6.src='plates/blank.gif'
  document.ph7.src='plates/blank.gif'
  document.ph7.src='plates/blank.gif'
  document.fs_img.src='plates/blank.gif'
  document.border_img.src='plates/blank.gif'
  document.honey_img.src='plates/blank.gif'
  document.sideimage_img.src='plates/blank.gif'
  document.platebg_img.src='plates/blank.gif'
 }