// JavaScript Document

var cars=new Array();

cars[0]=new Array();
cars[0]['make']='Ford';
cars[0]['model']=['Edge','Escape','Escape-Hybrid','Expedition','Explorer','Explorer-Sport Trac','F-150','F-250/350 Super Duty','F-450/550 Chassis','Flex','Focus','Fusion','Mustang','Ranger','Taurus/Taurus X'];

cars[1]=new Array();
cars[1]['make']='Lincoln';
cars[1]['model']=['MKS','MKT','MKX','MKZ','Navigator','Town Car'];

cars[2]=new Array();
cars[2]['make']='Mercury';
cars[2]['model']=['Milan','Mariner','Sable','Mountaineer','Grand Marquis'];


function initBoxes(box1,box2) {
var make=document.getElementById(box1);
var model=document.getElementById(box2);
for (i=0; i<cars.length; i++) {
  var x=document.createElement('option');
  var y=document.createTextNode(cars[i]['make']);
  if (window.attachEvent) { // for IE
  x.setAttribute('value',y.nodeValue);
  }
  x.appendChild(y);
  make.appendChild(x);
}

make.onchange=function() {
  if(this.value!="") {
   var list=document.getElementById(box2);
   while (list.childNodes[0]) {
    list.removeChild(list.childNodes[0])
   }
   fillBox2(model,this.value);
   }
  }

fillBox2(model,make.value);
}


function fillBox2(box2,make) {
for (i=0; i<cars.length; i++) {
  if (cars[i]['make']==make) {
   var model=cars[i]['model'];
  }
}
for (i=0; i<model.length; i++) {
  var x=document.createElement('option');
  var y=document.createTextNode(model[i]);
  x.appendChild(y);
  box2.appendChild(x);
  }
} 


window.onload=function() {initBoxes('make','model');}