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="plate-designers/phs/"+fstyle+"/space.gif"
	else if(i==1)
	    document.ph1.src="plate-designers/phs/"+fstyle+"/space.gif"
	else if(i==2)
	    document.ph2.src="plate-designers/phs/"+fstyle+"/space.gif"
	else if(i==3)
	    document.ph3.src="plate-designers/phs/"+fstyle+"/space.gif"
	else if(i==4)
	    document.ph4.src="plate-designers/phs/"+fstyle+"/space.gif"
	else if(i==5)
	    document.ph5.src="plate-designers/phs/"+fstyle+"/space.gif"
	else if(i==6)
	    document.ph6.src="plate-designers/phs/"+fstyle+"/space.gif"
	else if(i==7)
	    document.ph7.src="plate-designers/phs/"+fstyle+"/space.gif"
	else if(i==8)
	    document.ph8.src="plate-designers/phs/"+fstyle+"/space.gif"
	else if(i==9)
	    document.ph9.src="plate-designers/phs/"+fstyle+"/space.gif"


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

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

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

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

   }
  }
 }

 function updateborder(){
  form = document.designplate
  var val =  form.border[form.border.selectedIndex].value;

  if( val.indexOf('3D')!=-1 ){
	form.sideimageback_id.disabled = true;	
	form.sideimageback_id.selectedIndex=0;
    document.sideimageback_img.src='plate-designers/phs/blank.gif'
  }
  else
	form.sideimageback_id.disabled = false;	

  if(form.border[form.border.selectedIndex].value!="0")
    document.border_img.src ="plate-designers/borders/"+form.border[form.border.selectedIndex].value+".gif"
   else
  	document.border_img.src ="plate-designers/borders/noborder.gif"

 }

 function updatesideimage(){
  form = document.designplate

  if(form.sideimage_id[form.sideimage_id.selectedIndex].value!="0")
  {
   document.sideimage_img.src ="plate-designers/side-badges/"+form.sideimage_id[form.sideimage_id.selectedIndex].value+".gif"

  }
  else
  {
   document.sideimage_img.src ="plate-designers/blank.gif"
  }
 }

 function updaterightsideimage(){
  form = document.designplate
  if(form.rightsideimage_id[form.rightsideimage_id.selectedIndex].value!="0")
  {
   document.rightsideimage_img.src ="plate-designers/side-badges/"+form.rightsideimage_id[form.rightsideimage_id.selectedIndex].value+".gif"

  }
  else
  {
   document.rightsideimage_img.src ="plate-designers/blank.gif"
  }
 }

 function updatesideimageback(){
  form = document.designplate
  if(form.sideimageback_id[form.sideimageback_id.selectedIndex].value!="0")
  {
   document.sideimageback_img.src ="plate-designers/side-badge-backgrounds/"+form.sideimageback_id[form.sideimageback_id.selectedIndex].value+".jpg"
  }
  else
  {
   document.sideimageback_img.src ="plate-designers/blank.gif"
  }
 }

 function updaterightsideimageback(){
  form = document.designplate
  if(form.rightsideimageback_id[form.rightsideimageback_id.selectedIndex].value!="0")
  {
   document.rightsideimageback_img.src ="plate-designers/side-badge-backgrounds/"+form.rightsideimageback_id[form.rightsideimageback_id.selectedIndex].value+".jpg"

  }
  else
  {
   document.rightsideimageback_img.src ="plate-designers/blank.gif"
  }
 }


 function updatefrontsurround(){
  form = document.designplate
  if(form.ddlsf[form.ddlsf.selectedIndex].value!="0")
  {
   document.fs_img.src ="plate-designers/surrounds/"+form.ddlsf[form.ddlsf.selectedIndex].value+".gif"

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

  }
  else
  {
   document.fs_img.src ="plate-designers/blank.gif"
//   document.getElementById('phs').style.left = "200px"
//   document.getElementById('platebg').style.left = "260px"
  }
 }

 function updaterearsurround(){
  form = document.designplate
  if(form.ddlsr[form.ddlsr.selectedIndex].value!="0")
  {
   document.rs_img.src ="plate-designers/surrounds/"+form.ddlsr[form.ddlsr.selectedIndex].value+".gif"
//   document.getElementById('phs').style.left = "200px"
//   document.getElementById('platebg').style.left = "260px"

  }
  else
  {
   document.rs_img.src ="plate-designers/blank.gif"
//   document.getElementById('phs').style.left = "200px"
//   document.getElementById('platebg').style.left = "260px"
  }
 }



 function updatebackgr(){
  form = document.designplate
  if(form.platebg[form.platebg.selectedIndex].value!="0")
   document.platebg_img.src ="plate-designers/ghosts/"+form.platebg[form.platebg.selectedIndex].value+".gif"
  else
   document.platebg_img.src ="plate-designers/blank.gif"
 }
 
 function updateslogan(){
  if(document.designplate.slogan.value != "")
  {
   //alert('"#'+document.designplate.slogancolour[document.designplate.slogancolour.selectedIndex].tag+'"')
   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 updatecost(){
	form = document.designplate
	var cost =(18.00
      + parseInt(form.platebg[form.platebg.selectedIndex].title)
      + parseInt(form.sideimage_id[form.sideimage_id.selectedIndex].title)
	  + parseInt(form.rightsideimage_id[form.rightsideimage_id.selectedIndex].title)
      + parseInt(form.border[form.border.selectedIndex].title)
	  + parseInt(form.ptype[form.ptype.selectedIndex].title)
	  + parseInt(form.frontpsize[form.frontpsize.selectedIndex].title)
	  + parseInt(form.rearpsize[form.rearpsize.selectedIndex].title)
	  + parseInt(form.ddlsf[form.ddlsf.selectedIndex].title)
	  + parseInt(form.ddlsr[form.ddlsr.selectedIndex].title)
      + parseInt(form.fonts[form.fonts.selectedIndex].title));

  cost = cost.toFixed(2);

  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/platedesign/520x110.gif'
  else
   document.backgr.src='images/platedesign/520x110-white.gif'
   document.backgr.style.zindex=5
 }
 
 function resetplate(){
  document.designplate.reset();
  updatefont()
  updateborder()
  updatebackgr()
  updatesideimage()
  updaterightsideimage()
  updatesideimageback()
  updaterightsideimageback()
  updatefrontsurround()
  updaterearsurround()
  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=='plate-designers/phs/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='plate-designers/phs/blank.gif'
  document.ph1.src='plate-designers/phs/blank.gif'
  document.ph2.src='plate-designers/phs/blank.gif'
  document.ph3.src='plate-designers/phs/blank.gif'
  document.ph4.src='plate-designers/phs/blank.gif'
  document.ph5.src='plate-designers/phs/blank.gif'
  document.ph6.src='plate-designers/phs/blank.gif'
  document.ph7.src='plate-designers/phs/blank.gif'
  document.ph7.src='plate-designers/phs/blank.gif'
  document.border_img.src='plate-designers/blank.gif'
  document.sideimage_img.src='plate-designers/blank.gif'
  document.rightsideimage_img.src='plate-designers/blank.gif'
  document.sideimageback_img.src='plate-designers/blank.gif'
  document.rightsideimageback_img.src='plate-designers/blank.gif'
  document.platebg_img.src='plate-designers/blank.gif'
  document.fs_img.src='plate-designers/blank.gif'
  document.rs_img.src='plate-designers/blank.gif'

 }