var formToGo = 'book-truck-rental.aspx';
function sendOff(islead) {
  if (!islead) islead = false
  /*runOutputHTML()
  //USERDATA.value = outputHTML
  alert('This Information will be sent via Email\n\n'+outputHTML)
  //formControlObject.submit()*/

if (wardrobeBoxes) var wdb = 'Yes, '+sanitize(wardrobeBoxAm); else var wdb = 'No'
if (furniturePads) var fnp = 'Yes, '+sanitize(furniturePadAm); else var fnp = 'No'
if (handTruck) var hnt = 'Yes'; else var hnt = 'No'

if (licenseInsurance !== null) var lnce = sanitize(insurances[licenseInsurance][1]); else var lnce = 'Not specified'

if (driverDOB !== null) driverDOB = wedays[driverDOB.getDay()]+' '+driverDOB.getDate()+' '+months[driverDOB.getMonth()]+' '+driverDOB.getFullYear()
else driverDOB = 'Not Specified'

if (expiryDate !== null) expiryDate = wedays[expiryDate.getDay()]+' '+expiryDate.getDate()+' '+months[expiryDate.getMonth()]+' '+expiryDate.getFullYear()
else expiryDate = 'Not Specified'

var data = Array(
vehicles[vehicleSelected]['make']+' ('+vehicles[vehicleSelected]['title']+')',
numdaysuse+' day(s)',
wedays[pickupdate.getDay()]+' '+pickupdate.getDate()+' '+months[pickupdate.getMonth()]+' '+pickupdate.getFullYear(),
pickUpTime,
sanitize(firstName),
sanitize(lastName),
sanitize(emailAdd),
sanitize(phoneNum),
wdb,
fnp,
hnt,
sanitize(addr1),
sanitize(addr2),
sanitize(cityTown),
sanitize(county),
sanitize(postalCode),
driverDOB,
sanitize(driverLicenseNo),
countries[countryIssued][1],
expiryDate,
lnce,
sanitize(specialRequests)
  )

  var issue = urlencode(serialize(data))
  cancelProcess()
  window.location.href = formToGo+'?confirm='+issue

  }
function selectBox(name,label,options,isdater) {
  var timeoff = 5000
  if (isdater == 'dob' || isdater == 'exp') {
    var tmp = new Date()
    if (isdater == 'dob') var tmp = parseInt(tmp.getFullYear()-10)
    else var tmp = parseInt(tmp.getFullYear())
    var years = new Array()
    if (isdater == 'dob')
    for (var i=0; i<=100; i++) {
      years[i] = Array(tmp-i,tmp-i)
      }
    else for (var i=0; i<=15; i++) {
      years[i] = Array(tmp-i,tmp-i)
      }
    tmp = null
    options = years
  var retValue = '<label>'+label+'</label><div class="select"><div id="'+name+'_y_active" class="activeSelect"><div class="value_display" onclick="toggleDrop(this.parentNode)"><span>&nbsp;</span></div><a class="droplist" style="width:15px" onclick="toggleDrop(this.parentNode)" href="javascript:;"><span>Select</span></a>'
  
  if (options.length<=15) {
    retValue += '<div class="options">'
    } else {
    timeoff = 15000
    retValue += '<div style="height:200px; overflow:auto" class="options">'
    }
  for (var i=0; i<options.length; i++) {
    var text = options[i][1]
    var href=' href="javascript:;"'
    var events = ' onclick="selectOption('+"'"+name+"_y'"+',this,'+"'"+options[i][0]+"'"+')" onmouseout="thide=true; toHide=this.parentNode; setTimeout('+"'"+'timehide()'+"'"+','+timeoff+')" onmousemove="thide=false"'
    var tag = '<a id="'+name+'_y_option_'+options[i][0]+'" class="option"'+href+events+'>'+text+'</a>'
    retValue += tag
    }
  retValue+='</div></div></div>'
  
  options = Array()  
  for (var i=0; i<=11; i++) {
      options[i] = Array(i,months[i])
      }
  
  retValue += '<div class="select"><div id="'+name+'_m_active" class="activeSelect"><div class="value_display" onclick="toggleDrop(this.parentNode)"><span>&nbsp;</span></div><a class="droplist" style="width:15px" onclick="toggleDrop(this.parentNode)" href="javascript:;"><span>Select</span></a>'
  
  if (options.length<=15) {
    retValue += '<div class="options">'
    } else {
    timeoff = 15000
    retValue += '<div style="height:200px; overflow:auto" class="options">'
    }
  for (var i=0; i<options.length; i++) {
    var text = options[i][1]
    var href=' href="javascript:;"'
    var events = ' onclick="selectOption('+"'"+name+"_m'"+',this,'+"'"+options[i][0]+"'"+')" onmouseout="thide=true; toHide=this.parentNode; setTimeout('+"'"+'timehide()'+"'"+','+timeoff+')" onmousemove="thide=false"'
    var tag = '<a id="'+name+'_m_option_'+options[i][0]+'" class="option"'+href+events+'>'+text+'</a>'
    retValue += tag
    }
  retValue+='</div></div></div>'
  
  options = Array()  
  for (var i=0; i<=30; i++) {
      options[i] = Array( i+1 , i+1 )
      }
  
  retValue += '<div class="select"><div id="'+name+'_d_active" class="activeSelect"><div class="value_display" onclick="toggleDrop(this.parentNode)"><span>&nbsp;</span></div><a class="droplist" style="width:15px" onclick="toggleDrop(this.parentNode)" href="javascript:;"><span>Select</span></a>'
  
  if (options.length<=15) {
    retValue += '<div class="options">'
    } else {
    timeoff = 15000
    retValue += '<div style="height:200px; overflow:auto" class="options">'
    }
  for (var i=0; i<options.length; i++) {
    var text = options[i][1]
    var href=' href="javascript:;"'
    var events = ' onclick="selectOption('+"'"+name+"_d'"+',this,'+"'"+options[i][0]+"'"+')" onmouseout="thide=true; toHide=this.parentNode; setTimeout('+"'"+'timehide()'+"'"+','+timeoff+')" onmousemove="thide=false"'
    var tag = '<a id="'+name+'_d_option_'+options[i][0]+'" class="option"'+href+events+'>'+text+'</a>'
    retValue += tag
    }
  retValue+='</div></div></div><div class="clear">&nbsp;</div>'
  return retValue
    } else {
  var retValue = '<label>'+label+'</label><div class="select"><div id="'+name+'_active" class="activeSelect"><div class="value_display" onclick="toggleDrop(this.parentNode)"><span>&nbsp;</span></div><a class="droplist" onclick="toggleDrop(this.parentNode)" href="javascript:;"><span>Select</span></a>'
  if (options.length<=15) {
    retValue += '<div class="options">'
    } else {
    timeoff = 15000
    retValue += '<div style="height:200px; overflow:auto" class="options">'
    }
  for (var i=0; i<options.length; i++) {
    var text = options[i][1]
    var href=' href="javascript:;"'
    var events = ' onclick="selectOption('+"'"+name+"'"+',this,'+"'"+options[i][0]+"'"+')" onmouseout="thide=true; toHide=this.parentNode; setTimeout('+"'"+'timehide()'+"'"+','+timeoff+')" onmousemove="thide=false"'
    var tag = '<a id="'+name+'_option_'+options[i][0]+'" class="option"'+href+events+'>'+text+'</a>'
    retValue += tag
    }
  return retValue+'</div></div></div><div class="clear">&nbsp;</div>'
  }
  }
function PAGE_SENDING() {
  var page = '<label style="width:250px; line-height:9pt;">Your submission is being sent. Please wait...</label><div class="clear">&nbsp;</div>'
  document.getElementById('autoForm').innerHTML = page;
  }
function PAGE6() {
  var page = '<label style="width:250px; line-height:9pt;">Any special requests or queries?</label><div class="clear">&nbsp;</div>'
  page += '<textarea onkeyup="P6setVal(this.value)">'
  if (specialRequests !== null) page += specialRequests
  page += '</textarea><div class="clear">&nbsp;</div>'
  page += '<p style="font:7pt Tahoma; color:#888; text-align:center;">Your trust and privacy is important to National Truck Rental. We will not sell, share or rent this information</p><div id="formpager"><a id="processCancelBtn" class="cancel" onclick="cancelProcess()" href="javascript:;">Cancel</a><a class="next" href="javascript:;" onclick="sendOff()">Request</a><a class="back" onclick="stepBack(6)" href="javascript:;">Back</a></div>'
  document.getElementById('autoForm').innerHTML = page;
  }
function P6setVal(value) {
  if (value !== '') specialRequests = value
    else specialRequests = null
  }
function PAGE5() {
  /*var page = '<label style="width:140px">Driver&#39;s Date of Birth</label><input onkeyup="P5setVals(this.name,this.value)" class="text" name="ddob" type="text" style="width:105px" /><div class="clear">&nbsp;</div>'*/
  
  var page = '<label style="width:140px">Driver&#39;s License Number</label><input style="width:105px" onkeyup="P5setVals(this.name,this.value)" class="text" name="dlnum" type="text" /><div class="clear">&nbsp;</div>'
  page += selectBox('ddob','Date of Birth',null,'dob')
  page += selectBox('countryIssued','Country of issue',countries)
  //page += '<label>Expiry Date</label><input style="width:70px;" onkeyup="P5setVals(this.name,this.value)" class="text" name="exdate" type="text" /><div class="clear">&nbsp;</div>'
  page += selectBox('dexp','Issue Date',null,'exp')
  page += selectBox('insurance','Insurance',insurances)
  page += '<div id="formpager"><a id="processCancelBtn" class="cancel" onclick="cancelProcess()" href="javascript:;">Cancel</a><a class="next" href="javascript:;" onclick="nextPage(5)">Skip</a><a class="back" onclick="stepBack(5)" href="javascript:;">Back</a></div>'
  document.getElementById('autoForm').innerHTML = page;
  setFieldSpacing(9)
  if (driverDOB !== null) {
    P5setVals('ddob',driverDOB)
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == 'ddob')
        document.getElementById('autoForm').getElementsByTagName('INPUT')[i].value = driverDOB
    }
  if (driverLicenseNo !== null) {
    P5setVals('dlnum',driverLicenseNo)
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == 'dlnum')
        document.getElementById('autoForm').getElementsByTagName('INPUT')[i].value = driverLicenseNo
    }
  if (countryIssued !== null) {
    for (var i = 0; i < document.getElementById('countryIssued_active').getElementsByTagName('A').length; i++)
      if (document.getElementById('countryIssued_active').getElementsByTagName('A')[i].id == "countryIssued_option_"+countryIssued)
        selectOption('countryIssued',document.getElementById('countryIssued_active').getElementsByTagName('A')[i],countryIssued)
        } else
        for (var n in countries) if (countries[n][1] == "Ireland") {
          for (var i = 0; i < document.getElementById('countryIssued_active').getElementsByTagName('A').length; i++)
            if (document.getElementById('countryIssued_active').getElementsByTagName('A')[i].id == "countryIssued_option_"+n)
              selectOption('countryIssued',document.getElementById('countryIssued_active').getElementsByTagName('A')[i],n)
          }
  if (expiryDate !== null) {
    P5setVals('exdate',expiryDate)
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == 'exdate')
        document.getElementById('autoForm').getElementsByTagName('INPUT')[i].value = expiryDate
    }
  if (licenseInsurance !== null) {
    for (var i = 0; i < document.getElementById('insurance_active').getElementsByTagName('A').length; i++)
      if (document.getElementById('insurance_active').getElementsByTagName('A')[i].id == "insurance_option_"+licenseInsurance)
        selectOption('insurance',document.getElementById('insurance_active').getElementsByTagName('A')[i],licenseInsurance)
        }
  if (ddob_temp[0] !== null) {
    for (var i = 0; i < document.getElementById('ddob_y_active').getElementsByTagName('A').length; i++)
      if (document.getElementById('ddob_y_active').getElementsByTagName('A')[i].id == "ddob_y_option_"+ddob_temp[0])
        selectOption('ddob_y',document.getElementById('ddob_y_active').getElementsByTagName('A')[i],ddob_temp[0])
        }
  if (ddob_temp[1] !== null) {
    for (var i = 0; i < document.getElementById('ddob_m_active').getElementsByTagName('A').length; i++)
      if (document.getElementById('ddob_m_active').getElementsByTagName('A')[i].id == "ddob_m_option_"+ddob_temp[1])
        selectOption('ddob_m',document.getElementById('ddob_m_active').getElementsByTagName('A')[i],ddob_temp[1])
        }
  if (ddob_temp[2] !== null) {
    for (var i = 0; i < document.getElementById('ddob_d_active').getElementsByTagName('A').length; i++)
      if (document.getElementById('ddob_d_active').getElementsByTagName('A')[i].id == "ddob_d_option_"+ddob_temp[2])
        selectOption('ddob_d',document.getElementById('ddob_d_active').getElementsByTagName('A')[i],ddob_temp[2])
        }
  if (dexp_temp[0] !== null) {
    for (var i = 0; i < document.getElementById('dexp_y_active').getElementsByTagName('A').length; i++)
      if (document.getElementById('dexp_y_active').getElementsByTagName('A')[i].id == "dexp_y_option_"+dexp_temp[0])
        selectOption('dexp_y',document.getElementById('dexp_y_active').getElementsByTagName('A')[i],dexp_temp[0])
        }
  if (dexp_temp[1] !== null) {
    for (var i = 0; i < document.getElementById('dexp_m_active').getElementsByTagName('A').length; i++)
      if (document.getElementById('dexp_m_active').getElementsByTagName('A')[i].id == "dexp_m_option_"+dexp_temp[1])
        selectOption('dexp_m',document.getElementById('dexp_m_active').getElementsByTagName('A')[i],dexp_temp[1])
        }
  if (dexp_temp[2] !== null) {
    for (var i = 0; i < document.getElementById('dexp_d_active').getElementsByTagName('A').length; i++)
      if (document.getElementById('dexp_d_active').getElementsByTagName('A')[i].id == "dexp_d_option_"+dexp_temp[2])
        selectOption('dexp_d',document.getElementById('dexp_d_active').getElementsByTagName('A')[i],dexp_temp[2])
        }
  }
function P5setVals(name,value) {
  //if (name == 'ddob') if (value == '') driverDOB = null; else driverDOB = value
  if (name == 'dlnum') if (value == '') driverLicenseNo = null; else driverLicenseNo = value
  if (name == 'countryIssued') if (value == '') countryIssued = null; else countryIssued = value
  //if (name == 'exdate') if (value == '') expiryDate = null; else expiryDate = value
  if (name == 'insurance') if (value == '') licenseInsurance = null; else licenseInsurance = value
  checkPage(5)
  }
function PAGE4() {
  var page = '<label style="width:100px;">Address 1</label><input style="width:130px;" onkeyup="P4setVals(this.name,this.value)" class="text" name="addr1" type="text"><div class="clear">&nbsp;</div>'
  page += '<label style="width:100px;">Address 2</label><input style="width:130px;" onkeyup="P4setVals(this.name,this.value)" class="text" name="addr2" type="text"><div class="clear">&nbsp;</div>'
  page += '<label style="width:100px;">City / Town</label><input style="width:130px;" onkeyup="P4setVals(this.name,this.value)" class="text" name="city" type="text"><div class="clear">&nbsp;</div>'
  page += '<label style="width:100px;">County</label><input style="width:130px;" onkeyup="P4setVals(this.name,this.value)" class="text" name="county" type="text"><div class="clear">&nbsp;</div>'
  page += '<label style="width:100px;">Postal Code</label><input style="width:130px;" onkeyup="P4setVals(this.name,this.value)" class="text" name="pcode" type="text"><div class="clear">&nbsp;</div>'
  page += '<p style="font:7pt Tahoma; color:#888; text-align:center;">Your trust and privacy is important to National Truck Rental. We will not sell, share or rent this information</p><div id="formpager"><a id="processCancelBtn" class="cancel" onclick="cancelProcess()" href="javascript:;">Cancel</a><a class="next" href="javascript:;" onclick="nextPage(4)">Skip</a><a class="back" onclick="stepBack(4)" href="javascript:;">Back</a></div>'
  document.getElementById('autoForm').innerHTML = page;
  setFieldSpacing(4)
  if (addr1 !== null) {
    P4setVals('addr1',addr1)
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == 'addr1')
        document.getElementById('autoForm').getElementsByTagName('INPUT')[i].value = addr1
    }
  if (addr2 !== null) {
    P4setVals('addr2',addr2)
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == 'addr2')
        document.getElementById('autoForm').getElementsByTagName('INPUT')[i].value = addr2
    }
  if (cityTown !== null) {
    P4setVals('city',cityTown)
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == 'city')
        document.getElementById('autoForm').getElementsByTagName('INPUT')[i].value = cityTown
    }
  if (county !== null) {
    P4setVals('county',county)
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == 'county')
        document.getElementById('autoForm').getElementsByTagName('INPUT')[i].value = county
    }
  if (postalCode !== null) {
    P4setVals('pcode',postalCode)
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == 'pcode')
        document.getElementById('autoForm').getElementsByTagName('INPUT')[i].value = postalCode
    }
  }
function P4setVals(name,value) {
  if (name == 'addr1') if (value == '') addr1 = null; else addr1 = value
  if (name == 'addr2') if (value == '') addr2 = null; else addr2 = value
  if (name == 'city') if (value == '') cityTown = null; else cityTown = value
  if (name == 'county') if (value == '') county = null; else county = value
  if (name == 'pcode') if (value == '') postalCode = null; else postalCode = value
  checkPage(4)
  }
function PAGE3() {
  var page = '<p>Would you need any accessories to help with the move? If not click "Next" to skip.</p>'
  
  page += '<span><label style="width:190px"><input type="checkbox" name="ch1" onclick="P3setValues(1,this.checked,this)" /> Hand Trollies</label></span><div class="clear">&nbsp;</div>'
  page += '<span><label style="width:190px"><input type="checkbox" name="ch2" onclick="P3setValues(1,this.checked,this)" /> Bubble Wrap</label></span><div class="clear">&nbsp;</div>'
  page += '<span><label style="width:190px"><input type="checkbox" name="ch3" onclick="P3setValues(1,this.checked,this)" /> Tail Lift</label></span><div class="clear">&nbsp;</div><a style="color:#f2e677;" onmouseover="this.style['+"'"+'color'+"'"+']='+"'"+'#FFF'+"'"+'" onmouseout="this.style['+"'"+'color'+"'"+']='+"'"+'#f2e677'+"'"+'" target="_blank" href="truck-rental-moving-accessories.aspx">More About Accessories</a>'
  page += '<div id="formpager"><a id="processCancelBtn" class="cancel" onclick="cancelProcess()" href="javascript:;">Cancel</a><a class="next" href="javascript:;" onclick="nextPage(3)">Next</a><a class="back" onclick="stepBack(3)" href="javascript:;">Back</a></div>'
  document.getElementById('autoForm').innerHTML = page;
  setFieldSpacing(8)
  if (wardrobeBoxes == true) {
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == "ch1")
        P3setValues(1,true,document.getElementById('autoForm').getElementsByTagName('INPUT')[i])
    if (wardrobeBoxAm !== null)
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == "ch1Am") {
        P3setValues(0,wardrobeBoxAm,document.getElementById('autoForm').getElementsByTagName('INPUT')[i])
        document.getElementById('autoForm').getElementsByTagName('INPUT')[i].value = wardrobeBoxAm
        }
    }
  if (furniturePads == true) {
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == "ch2")
        P3setValues(1,true,document.getElementById('autoForm').getElementsByTagName('INPUT')[i])
    if (furniturePadAm !== null)
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == "ch2Am") {
        P3setValues(0,furniturePadAm,document.getElementById('autoForm').getElementsByTagName('INPUT')[i])
        document.getElementById('autoForm').getElementsByTagName('INPUT')[i].value = furniturePadAm
        }
    }
  if (handTruck == true)
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == "ch3")
        P3setValues(1,true,document.getElementById('autoForm').getElementsByTagName('INPUT')[i])
  }
function P3setValues(vset,value,control) {
  var names = new Array()
  var cname = control.name
  cname = cname.replace('Am','')
    switch (cname) {
        case 'ch1':
          names[0] = 'Hand Trollies'
          if (vset == 1) wardrobeBoxes = value
          else if (value !== '') wardrobeBoxAm = value; else wardrobeBoxAm = null
          break
        case 'ch2':
          names[0] = 'Bubble Wrap'
          if (vset == 1) furniturePads = value
          else if (value !== '') furniturePadAm = value; else furniturePadAm = null
          break
        case 'ch3':
          names[0] = 'Tail Lift'
          if (vset == 1) handTruck = value
          break
        }
  if (vset == 1)
    if (value) {
       if (control.name == 'ch1' || control.name == 'ch2') control.parentNode.parentNode.innerHTML = '<label style="width:190px"><input type="checkbox" name="'+control.name+'" onclick="P3setValues(1,this.checked,this)" checked="checked" /> '+names[0]+', Amount:</label><input onkeyup="P3setValues(0,this.value,this)" class="mini text" name="'+control.name+'Am" type="text">'
       else control.parentNode.parentNode.innerHTML = '<label style="width:190px"><input type="checkbox" name="'+control.name+'" onclick="P3setValues(1,this.checked,this)" checked="checked" /> '+names[0]+'</label>'
      } else {
       if (control.name == 'ch1' || control.name == 'ch2') control.parentNode.parentNode.innerHTML = '<label style="width:190px"><input type="checkbox" name="'+control.name+'" onclick="P3setValues(1,this.checked,this)" /> '+names[0]+'</label>'
       else control.parentNode.parentNode.innerHTML = '<label style="width:190px"><input type="checkbox" name="'+control.name+'" onclick="P3setValues(1,this.checked,this)" /> '+names[0]+'</label>'
      if (cname == 'ch1') wardrobeBoxAm = null
      else if (cname == 'ch2') furniturePadAm = null
      }
  checkPage(3)
  }
function PAGE2() {
  var page = '<label style="width:100px;">First Name</label><input onkeyup="P2setVals(this.name,this.value)" style="width:130px;" class="text" name="fname" type="text"><div class="clear">&nbsp;</div>'
  page += '<label style="width:100px;">Surname</label><input onkeyup="P2setVals(this.name,this.value)" style="width:130px;" class="text" name="sname" type="text"><div class="clear">&nbsp;</div>'
  page += '<label style="width:100px;">Email Address</label><input onkeyup="P2setVals(this.name,this.value)" style="width:130px;" class="text" name="email" type="text"><div class="clear">&nbsp;</div>'
  page += '<label style="width:100px;">Phone</label><input onkeyup="P2setVals(this.name,this.value)" style="width:130px;" class="text" name="phone" type="text"><div class="clear">&nbsp;</div>'
  
  page += '<p style="font:7pt Tahoma; color:#888; text-align:center;">Your trust and privacy is important to National Truck Rental. We will not sell, share or rent this information</p><div id="formpager"><a id="processCancelBtn" class="cancel" onclick="cancelProcess()" href="javascript:;">Cancel</a><a class="nextd" href="javascript:;" onclick="alert('+"'"+'Please enter all the details'+"'"+')">Next</a><a class="back" onclick="stepBack(2)" href="javascript:;">Back</a></div>'
  document.getElementById('autoForm').innerHTML = page;
  setFieldSpacing(9)
  if (firstName !== null) {
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == 'fname')
        document.getElementById('autoForm').getElementsByTagName('INPUT')[i].value = firstName
    P2setVals('fname',firstName)
    }
  if (lastName !== null) {
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == 'sname')
        document.getElementById('autoForm').getElementsByTagName('INPUT')[i].value = lastName
    P2setVals('sname',lastName)
    }
  if (emailAdd !== null) {
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == 'email')
        document.getElementById('autoForm').getElementsByTagName('INPUT')[i].value = emailAdd
    P2setVals('email',emailAdd)
    }
  if (phoneNum !== null) {
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == 'phone')
        document.getElementById('autoForm').getElementsByTagName('INPUT')[i].value = phoneNum
    P2setVals('phone',phoneNum)
    }
  }
function P2setVals(name,value) {
  if (name == 'fname') if (value == '') firstName = null; else firstName = value
  else if (name == 'sname') if (value == '') lastName = null; else lastName = value
  else if (name == 'email') if (value == '') emailAdd = null; else emailAdd = value
  else if (name == 'phone') if (value == '') phoneNum = null; else phoneNum = value
  checkPage(2)
  }
function PAGE1ADD() {
  var times = Array(Array('07:00','7 AM'),Array('08:00','8 AM'),Array('09:00','9 AM'),Array('10:00','10 AM'),
              Array('11:00','11 AM'),Array('12:00','12 PM'),Array('13:00','1 PM'),Array('14:00','2 PM'),
              Array('15:00','3 PM'),Array('16:00','4 PM'),Array('17:00','5 PM'),Array('18:00','6 PM'))
  var page = '<label>Number of days</label><input onkeyup="numdays(this.value)" class="mini text" name="ndays" type="text"> <em>(Min 1, Max 14)</em><div class="clear">&nbsp;</div>'
  page += '<label>Pick-up Date</label><div class="datepicker"><a class="datepickerbutton" href="javascript:;" onclick="datepickershow(this.parentNode,null,true)" title="Select Date"><span>Select Date</span></a><span class="selectedDateText">&nbsp;</span><div class="dates"></div></div><div class="clear">&nbsp;</div>'
  page += selectBox('pickupTime','Pick-up Time',times)
  page += '<p style="margin:0;padding:0; color:#888;">* Saturdays only from 8:30am - 12:30pm</p>'
  page += '<div id="formpager"><a style="display:none" id="processCancelBtn" class="cancel" onclick="cancelProcess()" href="javascript:;">Cancel</a><a class="nextd" href="javascript:;" onclick="alert('+"'"+'Please enter all the details'+"'"+')">Next</a></div>'
  document.getElementById('autoForm').innerHTML += page;
  for (var i=0; i < document.getElementsByTagName('DIV').length; i++)
    if (document.getElementsByTagName('DIV')[i].className == 'activeSelect')
      for (var n=0; n < document.getElementsByTagName('DIV')[i].getElementsByTagName('DIV').length; n++)
        if (document.getElementsByTagName('DIV')[i].getElementsByTagName('DIV')[n].className == 'options')
          document.getElementsByTagName('DIV')[i].getElementsByTagName('DIV')[n].style['display'] = 'none'
  for (var i=0; i<document.getElementById('bookformobject').getElementsByTagName('H3').length; i++)
    if (document.getElementById('bookformobject').getElementsByTagName('H3')[i].innerHTML == "Choose your Vehicle")
      document.getElementById('bookformobject').getElementsByTagName('H3')[i].innerHTML = "Online Booking"
  subState = false
  }
function PAGE1() {
  var vhs = Array()
  for (var i=0; i<vehicles.length ; i++)
    vhs[i] = Array(i,vehicles[i]['title'])
  var times = Array(Array('07:00','7 AM'),Array('08:00','8 AM'),Array('09:00','9 AM'),Array('10:00','10 AM'),
              Array('11:00','11 AM'),Array('12:00','12 PM'),Array('13:00','1 PM'),Array('14:00','2 PM'),
              Array('15:00','3 PM'),Array('16:00','4 PM'),Array('17:00','5 PM'),Array('18:00','6 PM'))

  var page = selectBox('vehicleType','Choose Vehicle',vhs)
//alert(document.getElementById('interactive').style['height'])
if (!subState && document.getElementById('interactive').style['height'] == '266px') {
  
  page += '<label>Number of days</label><input onkeyup="numdays(this.value)" class="mini text" name="ndays" type="text"> <em>(Min 1, Max 14)</em><div class="clear">&nbsp;</div>'
  
  page += '<label>Pick-up Date</label><div class="datepicker"><a class="datepickerbutton" href="javascript:;" onclick="datepickershow(this.parentNode,null,true)" title="Select Date"><span>Select Date</span></a><span class="selectedDateText">&nbsp;</span><div class="dates"></div></div><div class="clear">&nbsp;</div>'
  
  page += selectBox('pickupTime','Pick-up Time',times)
  page += '<p style="margin:0;padding:0; color:#888;">* Saturdays only from 8:30am - 12:30pm</p>'
  page += '<div id="formpager"><a style="display:none" id="processCancelBtn" class="cancel" onclick="cancelProcess()" href="javascript:;">Cancel</a><a class="nextd" href="javascript:;" onclick="alert('+"'"+'Please enter all the details'+"'"+')">Next</a></div>'
  }
  document.getElementById('autoForm').innerHTML = page;
  
  if (vehicleSelected !== null)
    for (var i = 0; i < document.getElementById('vehicleType_active').getElementsByTagName('A').length; i++)
      if (document.getElementById('vehicleType_active').getElementsByTagName('A')[i].id == "vehicleType_option_"+vehicleSelected)
        selectOption('vehicleType',document.getElementById('vehicleType_active').getElementsByTagName('A')[i],vehicleSelected)

  if (pickUpTime !== null)
    for (var i = 0; i < document.getElementById('pickupTime_active').getElementsByTagName('A').length; i++)
      if (document.getElementById('pickupTime_active').getElementsByTagName('A')[i].id == "pickupTime_option_"+pickUpTime)
        selectOption('pickupTime',document.getElementById('pickupTime_active').getElementsByTagName('A')[i],pickUpTime)

  if (pickupdate !== null) selectDate(pickupdate.getDate(),pickupdate.getMonth(),pickupdate.getFullYear())
  if (numdaysuse !== null) {
    for (var i=0; i < document.getElementById('autoForm').getElementsByTagName('INPUT').length; i++)
      if (document.getElementById('autoForm').getElementsByTagName('INPUT')[i].name == "ndays")
        document.getElementById('autoForm').getElementsByTagName('INPUT')[i].value = numdaysuse
    numdays(numdaysuse)
    }
  }
function cancelProcess() {
  if (subStateS) subState = true
  if (specsStatus) closeSpecifications()
  vehicleSelected = null
  numdaysuse = null
  pickupdate = null
  pickUpTime = null

  firstName = null
  lastName = null
  emailAdd = null
  phoneNum = null

  wardrobeBoxes = false
  wardrobeBoxAm = null
  furniturePads = false
  furniturePadAm = null
  handTruck = false
  
  addr1 = null
  addr2 = null
  cityTown = null
  county = null
  postalCode = null
  
  driverDOB = null
  driverLicenseNo = null
  countryIssued = null
  expiryDate = null
  licenseInsurance = null
  
  specialRequests = null
  
  writePage(1)
  }
function writePage(pid) {

  pageid = pid

  if (pid == 1) PAGE1()
  else if (pid == 2) PAGE2()
  else if (pid == 3) PAGE3()
  else if (pid == 4) PAGE4()
  else if (pid == 5) PAGE5()
  else if (pid == 6) PAGE6()
  if (document.getElementById('bookFormPager')) {
    document.getElementById('bookFormPager').innerHTML = '('+pageid+'/6)'
    /*if (specsStatus) document.getElementById('bookFormPager').style['display'] = 'block'
      else document.getElementById('bookFormPager').style['display'] = 'none'*/
    } else {
    var pager = document.createElement('DIV');
    pager.innerHTML = '('+pageid+'/6)'
    pager.id = 'bookFormPager'
    pager.style['position'] = 'absolute'
    pager.style['right'] = '20px'
    pager.style['top'] = '20px'
    pager.style['text-align'] = 'right'
    pager.style['color'] = '#f2e677'
    /*if (specsStatus) pager.style['display'] = 'block'
      else */pager.style['display'] = 'none'
    var w = document.getElementById('autoForm')
    w.parentNode.insertBefore(pager,w)
    }
  }

function serialize( mixed_value ) {
    // http://kevin.vanzonneveld.net
    // +   original by: Arpad Ray (mailto:arpad@php.net)
    // +   improved by: Dino
    // +   bugfixed by: Andrej Pavlovic
    // +   bugfixed by: Garagoth
    // %          note: We feel the main purpose of this function should be to ease the transport of data between php & js
    // %          note: Aiming for PHP-compatibility, we have to translate objects to arrays
    // *     example 1: serialize(['Kevin', 'van', 'Zonneveld']);
    // *     returns 1: 'a:3:{i:0;s:5:"Kevin";i:1;s:3:"van";i:2;s:9:"Zonneveld";}'
    // *     example 2: serialize({firstName: 'Kevin', midName: 'van', surName: 'Zonneveld'});
    // *     returns 2: 'a:3:{s:9:"firstName";s:5:"Kevin";s:7:"midName";s:3:"van";s:7:"surName";s:9:"Zonneveld";}'
 
    var _getType = function( inp ) {
        var type = typeof inp, match;
        var key;
        if (type == 'object' && !inp) {
            return 'null';
        }
        if (type == "object") {
            if (!inp.constructor) {
                return 'object';
            }
            var cons = inp.constructor.toString();
            if (match = cons.match(/(\w+)\(/)) {
                cons = match[1].toLowerCase();
            }
            var types = ["boolean", "number", "string", "array"];
            for (key in types) {
                if (cons == types[key]) {
                    type = types[key];
                    break;
                }
            }
        }
        return type;
    };
    var type = _getType(mixed_value);
    var val, ktype = '';
    
    switch (type) {
        case "function": 
            val = ""; 
            break;
        case "undefined":
            val = "N";
            break;
        case "boolean":
            val = "b:" + (mixed_value ? "1" : "0");
            break;
        case "number":
            val = (Math.round(mixed_value) == mixed_value ? "i" : "d") + ":" + mixed_value;
            break;
        case "string":
            val = "s:" + mixed_value.length + ":\"" + mixed_value + "\"";
            break;
        case "array":
        case "object":
            val = "a";
            /*
            if (type == "object") {
                var objname = mixed_value.constructor.toString().match(/(\w+)\(\)/);
                if (objname == undefined) {
                    return;
                }
                objname[1] = serialize(objname[1]);
                val = "O" + objname[1].substring(1, objname[1].length - 1);
            }
            */
            var count = 0;
            var vals = "";
            var okey;
            var key;
            for (key in mixed_value) {
                ktype = _getType(mixed_value[key]);
                if (ktype == "function") { 
                    continue; 
                }
                
                okey = (key.match(/^[0-9]+$/) ? parseInt(key) : key);
                vals += serialize(okey) +
                        serialize(mixed_value[key]);
                count++;
            }
            val += ":" + count + ":{" + vals + "}";
            break;
    }
    if (type != "object" && type != "array") val += ";";
    return val;
}
function urlencode( str ) {
    // http://kevin.vanzonneveld.net
    // +   original by: Philip Peterson
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +      input by: AJ
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Brett Zamir (http://brettz9.blogspot.com)
    // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +      input by: travc
    // +      input by: Brett Zamir (http://brettz9.blogspot.com)
    // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // %          note 1: info on what encoding functions to use from: http://xkr.us/articles/javascript/encode-compare/
    // *     example 1: urlencode('Kevin van Zonneveld!');
    // *     returns 1: 'Kevin+van+Zonneveld%21'
    // *     example 2: urlencode('http://kevin.vanzonneveld.net/');
    // *     returns 2: 'http%3A%2F%2Fkevin.vanzonneveld.net%2F'
    // *     example 3: urlencode('http://www.google.nl/search?q=php.js&ie=utf-8&oe=utf-8&aq=t&rls=com.ubuntu:en-US:unofficial&client=firefox-a');
    // *     returns 3: 'http%3A%2F%2Fwww.google.nl%2Fsearch%3Fq%3Dphp.js%26ie%3Dutf-8%26oe%3Dutf-8%26aq%3Dt%26rls%3Dcom.ubuntu%3Aen-US%3Aunofficial%26client%3Dfirefox-a'
                             
    var histogram = {}, tmp_arr = [];
    var ret = (str+'').toString();
    
    var replacer = function(search, replace, str) {
        var tmp_arr = [];
        tmp_arr = str.split(search);
        return tmp_arr.join(replace);
    };
    
    // The histogram is identical to the one in urldecode.
    histogram["'"]   = '%27';
    histogram['(']   = '%28';
    histogram[')']   = '%29';
    histogram['*']   = '%2A';
    histogram['~']   = '%7E';
    histogram['!']   = '%21';
    histogram['%20'] = '+';
    histogram['\u20AC'] = '%80';
    histogram['\u0081'] = '%81';
    histogram['\u201A'] = '%82';
    histogram['\u0192'] = '%83';
    histogram['\u201E'] = '%84';
    histogram['\u2026'] = '%85';
    histogram['\u2020'] = '%86';
    histogram['\u2021'] = '%87';
    histogram['\u02C6'] = '%88';
    histogram['\u2030'] = '%89';
    histogram['\u0160'] = '%8A';
    histogram['\u2039'] = '%8B';
    histogram['\u0152'] = '%8C';
    histogram['\u008D'] = '%8D';
    histogram['\u017D'] = '%8E';
    histogram['\u008F'] = '%8F';
    histogram['\u0090'] = '%90';
    histogram['\u2018'] = '%91';
    histogram['\u2019'] = '%92';
    histogram['\u201C'] = '%93';
    histogram['\u201D'] = '%94';
    histogram['\u2022'] = '%95';
    histogram['\u2013'] = '%96';
    histogram['\u2014'] = '%97';
    histogram['\u02DC'] = '%98';
    histogram['\u2122'] = '%99';
    histogram['\u0161'] = '%9A';
    histogram['\u203A'] = '%9B';
    histogram['\u0153'] = '%9C';
    histogram['\u009D'] = '%9D';
    histogram['\u017E'] = '%9E';
    histogram['\u0178'] = '%9F';
    
    // Begin with encodeURIComponent, which most resembles PHP's encoding functions
    ret = encodeURIComponent(ret);
    
    for (search in histogram) {
        replace = histogram[search];
        ret = replacer(search, replace, ret) // Custom replace. No regexing
    }
    
    // Uppercase for full PHP compatibility
    return ret.replace(/(\%([a-z0-9]{2}))/g, function(full, m1, m2) {
        return "%"+m2.toUpperCase();
    });
    
    return ret;
}

/*function helloForm(control,func) {
  
  alert('Roger that')
  formControlObject = control
  if (!resourceForm(control,func)) document.getElementById('autoForm').innerHTML = '<p>There was an error loading the form</p>'
  document.getElementById('autoForm').style['display'] = 'block'
  }*/
function initiate(state) {
  //if (formControlObject == null) document.getElementById('autoForm').style['display'] = 'none'
  document.getElementById('autoForm').style['display'] = 'block'
  
  if (state == 1) subState = true
    else document.getElementById('interactive').style['height'] = '266px'
  for (var i=0; i<document.getElementById('bookformobject').getElementsByTagName('H3').length; i++)
    if (document.getElementById('bookformobject').getElementsByTagName('H3')[i].innerHTML == "Online Booking")
      if (!subState && document.getElementById('interactive').style['height'] !== '266px') {}
        else document.getElementById('bookformobject').getElementsByTagName('H3')[i].innerHTML = "Choose your Vehicle"
  writePage(1)
  }
function stepBack(pid) {
  writePage(pid-1)
  }
function nextPage(from) {
  if (!from) from = pageid
  if (from == 1) writePage(2)
  if (from == 2) writePage(3)
  if (from == 3) writePage(4)
  if (from == 4) writePage(5)
  if (from == 5) writePage(6)
  }
function warnAllDetail() {
  if (emailAdd !== null)
  if (emailAdd.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) == -1)
  alert(emailAdd+' is not a valid email address')
  else alert('Please enter all the details')
  else alert('Please enter all the details')
  }
function checkPage(page) {
  for (var i = 0; i<document.getElementById('formpager').getElementsByTagName('A').length; i++)
      if (
        document.getElementById('formpager').getElementsByTagName('A')[i].className == 'next' ||
        document.getElementById('formpager').getElementsByTagName('A')[i].className == 'nextd'
        )
        var nextBtn = document.getElementById('formpager').getElementsByTagName('A')[i];
  if (page == 1)
  if (pickupdate !== null && pickUpTime !== null  && vehicleSelected !== null && numdaysuse !== null) {
      if (navigator.appName == "Microsoft Internet Explorer") nextBtn.onclick = nextPage
      else nextBtn.setAttribute("onclick","nextPage()")
      nextBtn.className = "next"
      } else {
      if (navigator.appName == "Microsoft Internet Explorer") nextBtn.onclick = warnAllDetail
      else nextBtn.setAttribute("onclick","warnAllDetail()")
      nextBtn.className = "nextd"
      } else
  if (page == 2)
  if (firstName !== null && lastName !== null  && emailAdd !== null && phoneNum !== null &&
        emailAdd.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) !== -1
        ) {
      if (navigator.appName == "Microsoft Internet Explorer") nextBtn.onclick = nextPage
      else nextBtn.setAttribute("onclick","nextPage()")
      nextBtn.className = "next"
      } else {
      if (navigator.appName == "Microsoft Internet Explorer") nextBtn.onclick = warnAllDetail
      else nextBtn.setAttribute("onclick","warnAllDetail()")
      nextBtn.className = "nextd"
      } else
  if (page == 3) {
    var ok = true
    if (wardrobeBoxes == true && wardrobeBoxAm == null) ok = false
    if (furniturePads == true && furniturePadAm == null) ok = false
  if (ok) {
      if (navigator.appName == "Microsoft Internet Explorer") nextBtn.onclick = nextPage
      else nextBtn.setAttribute("onclick","nextPage()")
      nextBtn.className = "next"
      } else {
      if (navigator.appName == "Microsoft Internet Explorer") nextBtn.onclick = warnAllDetail
      else nextBtn.setAttribute("onclick","warnAllDetail()")
      nextBtn.className = "nextd"
      }
    } else
  if (page == 4)
  if (addr1 !== null || addr2 !== null  || cityTown !== null || county !== null || postalCode !== null) {
      nextBtn.innerHTML = 'Next'
      } else {
      nextBtn.innerHTML = 'Skip'
      } else
  if (page == 5)
  if (driverDOB !== null || driverLicenseNo !== null  || expiryDate !== null || licenseInsurance !== null) {
      nextBtn.innerHTML = 'Next'
      } else {
      nextBtn.innerHTML = 'Skip'
      }
  }
function numdays(input) {
  numdaysuse = null
  if (input.toString().search(/^[0-9]+$/) == 0)
    if (input <= 14 && input >= 1) {
      numdaysuse = input
      numerror = null
      } else numerror = 'must be between 1 and 14 days'
    else numerror = '"'+input+'" is not a valid number'
  if (input == '') numerror = null
  summarize()
  }
function selectDate(day,month,year,child) {
  pickupdate = new Date()
  pickupdate.setDate(day)
  pickupdate.setMonth(month)
  pickupdate.setYear(year)
  if (child) child.parentNode.parentNode.style['display'] = 'none'
  for (var i=0; i<document.getElementById('autoForm').getElementsByTagName('SPAN').length; i++)
    if (document.getElementById('autoForm').getElementsByTagName('SPAN')[i].className == 'selectedDateText')
      var textArea = document.getElementById('autoForm').getElementsByTagName('SPAN')[i]
  textArea.innerHTML = wedays[pickupdate.getDay()]+' '+pickupdate.getDate()+' '+months[pickupdate.getMonth()]+' '+pickupdate.getFullYear()
  summarize()
  }
function datepickershow(object,incBy,mayToggle) {
  var highlight = false
  var thedate = new Date()
  if (pickupdate !== null) {
    thedate.setDate(pickupdate.getDate())
    thedate.setMonth(pickupdate.getMonth())
    thedate.setYear(pickupdate.getFullYear())
    highlight = true
    } else {
    thedate.setDate(currdate.getDate())
    thedate.setMonth(currdate.getMonth())
    thedate.setYear(currdate.getFullYear())
    }
  if (!incBy) incBy = 0
  if (incBy < 0) {
    var cr = 0-incBy
    thedate.setMonth(thedate.getMonth()-cr)
    }
  if (incBy > 0) thedate.setMonth(thedate.getMonth()+incBy)
  var min = currdate.getMonth()
  var max = currdate.getMonth()
  if (max<10) max = '0'+max
  if (min<10) min = '0'+min
  min += currdate.getFullYear()
  max += (currdate.getFullYear()+1)
  for (var i=0; i<object.getElementsByTagName('DIV').length; i++)
    if (object.getElementsByTagName('DIV')[i].className=="dates")
      var container = object.getElementsByTagName('DIV')[i]
  var month = thedate.getMonth()
  if (month<10) month = '0'+month
  month = month+thedate.getFullYear()
  var control = '<p class="control">'
  if (month == min)
    control += '<a href="javascript:;" class="rewinactive"><span>Back</span></a>'; else //'+parseInt(incBy-1)+'
    control += '<a href="javascript:;" title="Back" class="rewactive" onclick="datepickershow(this.parentNode.parentNode.parentNode,'+parseInt(incBy-1)+')"><span>Back</span></a>'
  control += '<span>'+months[thedate.getMonth()]+' '+thedate.getFullYear()+'</span>'
  if (month == max)
    control += '<a href="javascript:;" class="fwdinactive"><span>Back</span></a>'; else //'+parseInt(incBy+1)+'
    control += '<a href="javascript:;" title="Forward" class="fwdactive" onclick="datepickershow(this.parentNode.parentNode.parentNode,'+parseInt(incBy+1)+')"><span>Forward</span></a></p>'
  var sdate = null
  if (pickupdate !== null) sdate = Array(pickupdate.getDate(),pickupdate.getMonth(),pickupdate.getFullYear())
  container.innerHTML = control+monthGrid(sdate,thedate.getMonth(),thedate.getFullYear(),highlight)
  
  var alpha = 90
  container.style['opacity'] = (alpha / 100)
	container.style['MozOpacity'] = (alpha / 100)
	container.style['KhtmlOpacity'] = (alpha / 100)
	container.style['filter'] = "alpha(opacity=" + alpha + ")"
  container.style['z-index'] = '1'
  if (mayToggle)
    if (container.style['display'] !== 'block') container.style['display'] = 'block'
    else container.style['display'] = 'none'
  else container.style['display'] = 'block'
  }
function daysinaMonth(month,year) {
  var m = [31,28,31,30,31,30,31,31,30,31,30,31]
  if (month !== 2) return m[month - 1]
  if (year%4 !== 0) return m[1]
  if (year%100 == 0 && year%400 != 0) return m[1]
  return m[1] + 1
  }
function monthGrid(sdate,month,year,mark) {
  var daten = new Date()
  daten.setMonth(month)
  daten.setYear(year)
  daten.setDate(1)
  var daysm = daysinaMonth(daten.getMonth()+1,daten.getFullYear())
  var dated = 0
  var enter = false
  var day = 1
  var write =
  '<div class="wdaylabels"><span>S</span><span>M</span><span>T</span><span>W</span><span>T</span><span>F</span><span>S</span></div>'
  write += '<div class="week"></div><div class="week">'
  var weekCount = daten.getDay()+1
  
  for (var i=0; i<daten.getDay(); i++) write += '<a class="grey">&nbsp;</a>'
  
  for (var i=0; i<daysm; i++) {
    
    var day = i+1
    
    var style = ' onmouseover="this.style['+"'background'"+']='+"'#FDD'"+';this.style['+"'color'"+']='+"'#900'"+'" '+
                 'onmouseout="this.style['+"'background'"+']='+"'#FFF'"+';this.style['+"'color'"+']='+"'#333'"+'"'
    if (sdate !== null)
        if (mark && day==sdate[0] && month==sdate[1] && year==sdate[2])
    style = ' style="background:#C33;color:#FFF" onmouseover="this.style['+"'background'"+']='+"'#FDD'"+';this.style['+"'color'"+']='+"'#900'"+'" '+
             'onmouseout="this.style['+"'background'"+']='+"'#C33'"+';this.style['+"'color'"+']='+"'#FFF'"+'"'
    var isOff = false
        var reason = ''
        for (var vi in holidays)
          if (day == parseInt(holidays[vi][2]) && (month+1) == parseInt(holidays[vi][1]) && year == parseInt(holidays[vi][0])) {
            isOff = true
            if (holidays[vi][3]) reason = ' title="'+holidays[vi][3]+'"'
            }
    if (weekCount == 1) write += '<a class="grey">'+(i+1)+'</a>'
    else if (!isOff) write += '<a onclick="selectDate('+day+','+month+','+year+',this)" class="day"'+style+'>'+day+'</a>'
      else write += '<a class="grey"'+reason+'>'+day+'</a>'
    
    
    if (weekCount == 7) {
      weekCount = 1
      write += '</div><div class="week">'
      } else
    weekCount++
    }
  write += '</div>'
  
  /*for (var n=1; n<=5; n++) {
  write += '<div class="week">'
  if (dated !== daysm) {
  for (var i=0; i<=6; i++) {
    if (daten.getDay() == i) enter = true
    if (daysm == day-1) enter = false
    if (enter) {
      if (i == 0) write += '<a class="grey">'+day+'</a>'
      else {
        var isOff = false
        var reason = ''
        for (var vi in holidays)
          if (day == parseInt(holidays[vi][2]) && (month+1) == parseInt(holidays[vi][1]) && year == parseInt(holidays[vi][0])) {
            isOff = true
            if (holidays[vi][3]) reason = ' title="'+holidays[vi][3]+'"'
            }
        if (isOff == false) {

        var style = ' '
        style += 'onmouseover="this.style['+"'background'"+']='+"'#FDD'"+';this.style['+"'color'"+']='+"'#900'"+'" '+
                 'onmouseout="this.style['+"'background'"+']='+"'#FFF'"+';this.style['+"'color'"+']='+"'#333'"+'"'
        if (sdate !== null)
        if (mark && day==sdate[0] && month==sdate[1] && year==sdate[2])
    style = ' style="background:#C33;color:#FFF" onmouseover="this.style['+"'background'"+']='+"'#FDD'"+';this.style['+"'color'"+']='+"'#900'"+'" '+
             'onmouseout="this.style['+"'background'"+']='+"'#C33'"+';this.style['+"'color'"+']='+"'#FFF'"+'"'
        write += '<a onclick="selectDate('+day+','+month+','+year+',this)" class="day"'+style+'>'+day+'</a>'
        } else write += '<a class="grey"'+reason+'>'+day+'</a>'
        }
      day++
      } else write += '<a class="grey">&nbsp;</a>'
    }
  write += '</div>'
  }
  }*/
  return write
  }
function summarize() {
  var vtext = '<span style="color:#E00;">Select a Vehicle</span>'
  if (vehicleSelected !== null) vtext = vehicles[vehicleSelected]['make']
  
  
  var damtext = '&nbsp;'
  var todate = '<span style="color:#E00;">Specify number of days</span>'
  if (pickupdate == null && numdaysuse !== null) todate = '<span style="color:#E00;">&nbsp;</span>'
  if (numerror !== null) todate = '<span style="color:#E00;">'+numerror+'</span>'
    
  var fromdate = '<span style="color:#E00;">Select a pick-up date</span>'
  if (pickupdate !== null) {
    if (numdaysuse !== null) {
    if (numdaysuse == 1)
      damtext = numdaysuse+' day'
      else damtext = numdaysuse+' days'
      var ttodate = new Date()
      var dateslength = pickupdate.getDate()+parseInt(numdaysuse)
      
      var dinm = daysinaMonth(pickupdate.getMonth()+1,pickupdate.getFullYear())
      if (dateslength > dinm) {
        ttodate.setDate(dateslength-dinm)
        ttodate.setMonth(pickupdate.getMonth()+1)
        if (ttodate.getMonth() == 0) ttodate.setYear(pickupdate.getFullYear()+1)
        else ttodate.setYear(pickupdate.getFullYear())
        } else {
        ttodate.setDate(pickupdate.getDate()+parseInt(numdaysuse))
        ttodate.setMonth(pickupdate.getMonth())
        ttodate.setYear(pickupdate.getFullYear())
        }
      todate = wedays[ttodate.getDay()]+' '+ttodate.getDate()+' '+months[ttodate.getMonth()]+' '+ttodate.getFullYear()
      }
    fromdate = wedays[pickupdate.getDay()]+' '+pickupdate.getDate()+' '+months[pickupdate.getMonth()]+' '+pickupdate.getFullYear()
    }
  if (pickUpTime !== null) fromdate+= ' at '+pickUpTime
  
  vtext = '<p class="modelmake">'+vtext+'</p>'
  damtext = '<p><b>'+damtext+'</b></p>'
  todate = '<p><b>To</b><span>'+todate+'</span></p>'
  fromdate = '<p><b>From</b><span>'+fromdate+'</span></p>'
  
  for (var i=0; i<document.getElementById('IBSpecsColB').getElementsByTagName('DIV').length; i++)
    if (
      document.getElementById('IBSpecsColB').getElementsByTagName('DIV')[i].className == 'pd' &&
      document.getElementById('IBSpecsColB').getElementsByTagName('DIV')[i].parentNode.className == 'summary'
      ) document.getElementById('IBSpecsColB').getElementsByTagName('DIV')[i].innerHTML = vtext+damtext+fromdate+todate
  if (document.getElementById('formpager'))
  for (var i = 0; i<document.getElementById('formpager').getElementsByTagName('A').length; i++)
      if (document.getElementById('formpager').getElementsByTagName('A')[i].className == 'cancel')
        document.getElementById('formpager').getElementsByTagName('A')[i].style['display'] = 'block';
  checkPage(1)
  }
function selectVehicle(vid) {
  var specifications = '<p class="hd">'+vehicles[vid]['title']+
    '</p><p><b>Volume</b><span>: </span>'+vehicles[vid]['volume']+
    '</p><p><b>Max Load</b><span>: </span>'+vehicles[vid]['maxload']+
    '</p><p><b>Gross Vehicle Weight</b><span>: </span>'+vehicles[vid]['gvw']+
    '</p><p><b>Internal (L,W,H)</b><span>: </span>'+vehicles[vid]['internal']+
    '</p><p><b>Loading Height</b><span>: </span>'+vehicles[vid]['loadheight']+
    '</p><p><b>Door Opening (LxW)</b><span>: </span>'+vehicles[vid]['dooropening']+
    '</p><p><b>Drivers Licence</b><span>: </span>'+vehicles[vid]['license']+'</p>'
  var details = '<img src="'+vehicles[vid]['imagefile']+'" title="'+vehicles[vid]['make']+'" width="284" height="135" />'
  details += '<p><a id="calc_readmore" href="'+vehicles[vid]['readmore']+'" title="More about this vehicle">More info on the '+vehicles[vid]['make']+'</a></p>'
  details += '<span id="calc_idealFor">Ideal for '+vehicles[vid]['idealfor']+'</span>'
  document.getElementById('IBSpecsColA').innerHTML = details
  for (var i=0; i<document.getElementById('IBSpecsColB').getElementsByTagName('DIV').length; i++)
    if (document.getElementById('IBSpecsColB').getElementsByTagName('DIV')[i].className=="specifications") {
      var specArea = document.getElementById('IBSpecsColB').getElementsByTagName('DIV')[i]
      for (var n=0; n<specArea.getElementsByTagName('DIV').length; n++)
        if (specArea.getElementsByTagName('DIV')[n].className=="pd")
          specArea.getElementsByTagName('DIV')[n].innerHTML = specifications
      }
  summarize()
  }
function showSpecs() {
  for (var i = 0; i<document.getElementById('interActiveBanner').getElementsByTagName('DIV').length; i++)
    if (document.getElementById('interActiveBanner').getElementsByTagName('DIV')[i].className == 'specs')
      var specs = document.getElementById('interActiveBanner').getElementsByTagName('DIV')[i]
  if (specs) {
    fadeObject(specs,1,0.25)
    }
  }
function showBanner() {
  for (var i = 0; i<document.getElementById('interActiveBanner').getElementsByTagName('DIV').length; i++)
    if (document.getElementById('interActiveBanner').getElementsByTagName('DIV')[i].className == 'banner')
      var banner = document.getElementById('interActiveBanner').getElementsByTagName('DIV')[i]
  if (banner) {
    fadeObject(banner,1,0.75)
    }
  }
function restoreSub() {
  document.getElementById('interactive').style['height'] = '120px'
  }
var subStateS = false
function openSpecifications() {
  document.getElementById('bookFormPager').style['display'] = 'block'
  if (subState && document.getElementById('interactive').style['height'] !== '266px') {
    document.getElementById('interactive').style['height'] = '266px'
    subState = false
    subStateS = true
    PAGE1ADD()
    }
  subState = false
  for (var i = 0; i<document.getElementById('interActiveBanner').getElementsByTagName('DIV').length; i++)
    if (document.getElementById('interActiveBanner').getElementsByTagName('DIV')[i].className == 'banner')
      var banner = document.getElementById('interActiveBanner').getElementsByTagName('DIV')[i]
      else if (document.getElementById('interActiveBanner').getElementsByTagName('DIV')[i].className == 'specs')
      var specs = document.getElementById('interActiveBanner').getElementsByTagName('DIV')[i]
  if (banner && specs) {
    fadeObject(banner,0,0.25)
    setTimeout("showSpecs()",300)
    specsStatus = true
    }
  }
function closeSpecifications() {
  document.getElementById('bookFormPager').style['display'] = 'none'
  for (var i = 0; i<document.getElementById('interActiveBanner').getElementsByTagName('DIV').length; i++)
    if (document.getElementById('interActiveBanner').getElementsByTagName('DIV')[i].className == 'banner')
      var banner = document.getElementById('interActiveBanner').getElementsByTagName('DIV')[i]
      else if (document.getElementById('interActiveBanner').getElementsByTagName('DIV')[i].className == 'specs')
      var specs = document.getElementById('interActiveBanner').getElementsByTagName('DIV')[i]
  if (banner && specs) {
    fadeObject(specs,0,0.25)
    setTimeout("showBanner()",300)
    if (subState) {
      //subStateS = false
      setTimeout("restoreSub()",300)
      for (var i=0; i<document.getElementById('bookformobject').getElementsByTagName('H3').length; i++)
        if (document.getElementById('bookformobject').getElementsByTagName('H3')[i].innerHTML == "Online Booking")
          document.getElementById('bookformobject').getElementsByTagName('H3')[i].innerHTML = "Choose your Vehicle"
      }
    specsStatus = false
    }
  }
function fadeSetAlpha(alpha) {
  if (alpha>0)
    faderObject.style['display'] = 'block'
    else faderObject.style['display'] = 'none'
  faderObject.style['opacity'] = (alpha / 100)
	faderObject.style['MozOpacity'] = (alpha / 100)
	faderObject.style['KhtmlOpacity'] = (alpha / 100)
	faderObject.style['filter'] = "alpha(opacity=" + alpha + ")"
  }
function fadeObject(obj,direction,duration) {
  faderObject = obj
  var fps = 36
  if (!duration) duration = 1
  if (!direction) direction = 0
  var framelength = 1000 / fps
  var framecount = parseInt(fps * duration)
  var alpha
  var step = 0
  for (var i=0; i<=framecount; i++) {
    
    if (i == 0) alpha = 0
    else if (alpha == framecount) alpha = 100
    else alpha = parseInt((i/framecount)*100)
    if (direction == 0) alpha = 100 - alpha
    setTimeout("fadeSetAlpha("+alpha+")",step)
    step = i * framelength
    }
  }
function timehide() {
  if (thide) toHide.style['display'] = 'none'
  }
function setSelectDate(y,m,d,id) {
  if (id == 'ddob') {
    if (y) ddob_temp[0] = y
    if (m) ddob_temp[1] = m
    if (d) ddob_temp[2] = d
    if (ddob_temp[0] !== null && ddob_temp[1] !== null && ddob_temp[2] !== null) {
      driverDOB = new Date()
      driverDOB.setDate(ddob_temp[2])
      driverDOB.setMonth(ddob_temp[1])
      driverDOB.setYear(ddob_temp[0])
      } else driverDOB = null
    } else if (id == 'dexp') {
    if (y) dexp_temp[0] = y
    if (m) dexp_temp[1] = m
    if (d) dexp_temp[2] = d
    if (dexp_temp[0] !== null && dexp_temp[1] !== null && dexp_temp[2] !== null) {
      expiryDate = new Date()
      expiryDate.setDate(dexp_temp[2])
      expiryDate.setMonth(dexp_temp[1])
      expiryDate.setYear(dexp_temp[0])
      } else expiryDate = null
    }
  }

function selectOption(sName, opt, value) {
    var container = opt.parentNode.parentNode
    for (var i = 0; i<container.getElementsByTagName('DIV').length; i++)
      if (container.getElementsByTagName('DIV')[i].className == "value_display")
        container.getElementsByTagName('DIV')[i].innerHTML = '<span>'+opt.innerHTML+'</span>'
    if (container.getElementsByTagName('INPUT')[0])
      if (container.getElementsByTagName('INPUT')[0].type=="hidden")
        container.getElementsByTagName('INPUT')[0].value = value
  if (sName == "vehicleType") {
    vehicleSelected = value
    if (!specsStatus) openSpecifications()
    selectVehicle(value)
    } else
  if (sName == "pickupTime") {
    pickUpTime = value
    summarize()
    } else
  if (sName == "countryIssued") {
    P5setVals('countryIssued',value)
    } else
  if (sName == "insurance") {
    P5setVals('insurance',value)
    } else
  if (sName == "ddob_y") {
    setSelectDate(value,null,null,'ddob')
    } else
  if (sName == "ddob_m") {
    setSelectDate(null,value,null,'ddob')
    } else
  if (sName == "ddob_d") {
    setSelectDate(null,null,value,'ddob')
    } else
  if (sName == "dexp_y") {
    setSelectDate(value,null,null,'dexp')
    } else
  if (sName == "dexp_m") {
    setSelectDate(null,value,null,'dexp')
    } else
  if (sName == "dexp_d") {
    setSelectDate(null,null,value,'dexp')
    }
  toggleDrop(container,2)
  }


function toggleDrop(container,state) {
  if (!state) state = -1
  for (var i=0; i<container.getElementsByTagName("DIV").length; i++)
    if (container.getElementsByTagName("DIV")[i].className == "options")
      var obj = container.getElementsByTagName("DIV")[i]
var alpha = 90
  obj.style['opacity'] = (alpha / 100)
	obj.style['MozOpacity'] = (alpha / 100)
	obj.style['KhtmlOpacity'] = (alpha / 100)
	obj.style['filter'] = "alpha(opacity=" + alpha + ")"
  if (state == 1) obj.style['display'] = 'block'
    else if (state == 2) obj.style['display'] = 'none'
    else if (obj.style['display'] == 'block')
    obj.style['display'] = 'none'
    else obj.style['display'] = 'block'
  }
function setFieldSpacing(space) {
  if (document.getElementById('bookformobject'))
    for (var i=0; i<document.getElementById('bookformobject').getElementsByTagName('DIV').length; i++)
    if (document.getElementById('bookformobject').getElementsByTagName('DIV')[i].className == "clear")
    document.getElementById('bookformobject').getElementsByTagName('DIV')[i].style['height'] = space+'px'
  }