// constants
var noValue = '-99'

// globals
var curOption = new Array();
var isLoaded = new Array();

function body_onLoad(){
  // initialize lists
  emptyList( 'lstLevel1' );
  emptyList( 'lstLevel2');
  emptyList( 'lstLevel3' );
  jsrsExecute( 'select_rs.php', cbFillMake, 'level1List' );
  
  emptyList( 'lstRegion1' );
  emptyList( 'lstRegion2');
  emptyList( 'lstRegion3' );
  jsrsExecute( 'select_rs.php', cbFillCountry, 'region1List' );
}

function lstLevel1_onChange(){
  var val = this.options[this.selectedIndex].value;
  if(val == noValue){
    // don't allow novalue selection - revert to current
    selectOption( this.name, curOption[this.name] )
  } else {
    curOption[this.name] = val;
    // init dependent lists
    emptyList( 'lstLevel2' );
    emptyList( 'lstLevel3');
    window.status = 'Loading Model Selections...';
    jsrsExecute( 'select_rs.php', cbFillModel, 'level2List', val );
  }  
}

function lstLevel2_onChange(){
  var val = this.options[this.selectedIndex].value;
  if(val == noValue){
    selectOption( this.name, curOption[this.name] )
  } else {
    curOption[this.name] = val;
    emptyList( 'lstLevel3');
    window.status = 'Loading Options Selections...';
    jsrsExecute( 'select_rs.php', cbFillOptions, 'level3List', val );
  }  
}

function lstLevel3_onChange(){
  var val = this.options[this.selectedIndex].value;
  if(val == noValue){
    selectOption( this.name, curOption[this.name] )
  } else {
    /*comment by dena 20040121
	var msg = "You have selected: \n\n";
    msg += this.form.lstLevel1.options[this.form.lstLevel1.selectedIndex].text + "\n";
    msg += this.form.lstLevel2.options[this.form.lstLevel2.selectedIndex].text + "\n";
    msg += this.options[this.selectedIndex].text + "\n";
    alert (msg);
	*/
  }
}

function lstRegion1_onChange(){
  var val = this.options[this.selectedIndex].value;
  if(val == noValue){
    // don't allow novalue selection - revert to current
    selectOption( this.name, curOption[this.name] )
  } else {
    curOption[this.name] = val;
    // init dependent lists
    emptyList( 'lstRegion2' );
    emptyList( 'lstRegion3');
    window.status = 'Loading Model Selections...';
    jsrsExecute( 'select_rs.php', cbFillState, 'region2List', val );
  }  
}

function lstRegion2_onChange(){
  var val = this.options[this.selectedIndex].value;
  if(val == noValue){
    selectOption( this.name, curOption[this.name] )
  } else {
    curOption[this.name] = val;
    emptyList( 'lstRegion3');
    window.status = 'Loading Options Selections...';
    jsrsExecute( 'select_rs.php', cbFillCity, 'region3List', val );
  }  
}

function lstRegion3_onChange(){
  var val = this.options[this.selectedIndex].value;
  if(val == noValue){
    selectOption( this.name, curOption[this.name] )
  } else {
    /*comment by dena 20040121
	var msg = "You have selected: \n\n";
    msg += this.form.lstRegion1.options[this.form.lstRegion1.selectedIndex].text + "\n";
    msg += this.form.lstRegion2.options[this.form.lstRegion2.selectedIndex].text + "\n";
    msg += this.options[this.selectedIndex].text + "\n";
    alert (msg);
	*/
  }
}


function cbFillMake ( strMakes ){ 
  window.status = '';
  fillList( 'lstLevel1',  strMakes ); 
}

function cbFillModel ( strModels ){ 
  // callback for dependent listbox
  window.status = '';
  fillList( 'lstLevel2',  strModels ); 
}

function cbFillOptions( strOptions ){ 
  // callback for dependent listbox
  window.status = '';
  fillList( 'lstLevel3', strOptions ); 
}

function cbFillCountry ( strCountries ){ 
  window.status = '';
  fillList( 'lstRegion1',  strCountries ); 
}

function cbFillState ( strStates ){ 
  // callback for dependent listbox
  window.status = '';
  fillList( 'lstRegion2',  strStates ); 
}

function cbFillCity( strCities ){ 
  // callback for dependent listbox
  window.status = '';
  fillList( 'lstRegion3', strCities ); 
}

function fillList( listName, strOptions ){
  // fill any list with options
  emptyList( listName );
  
  // always insert selection prompt
  var lst = document.forms['searcher'][listName];
  lst.disabled = true;
  lst.options[0] = new Option('-- Selecciona --', noValue);
  
  // options in form "value~displaytext|value~displaytext|..."
  var aOptionPairs = strOptions.split('|');
  for( var i = 0; i < aOptionPairs.length; i++ ){
    if (aOptionPairs[i].indexOf('~') != -1) {
      var aOptions = aOptionPairs[i].split('~');
      lst.options[i + 1] = new Option(aOptions[1], aOptions[0]);
    }  
  }
  
  // init to no value
  selectOption( listName, noValue );
  isLoaded[listName] = true;
  lst.disabled = false;
  lst.onchange = eval( listName + "_onChange" );
  // eval( "document.forms['searcher']['" + listName + "'].onchange=" + listName + "_onChange;" );
}

function emptyList( listName ){
  var lst = document.forms['searcher'][listName];
  lst.options.length = 0;
  lst.onchange = null;
  isLoaded[listName] = false;
  curOption[listName] = noValue;
}

function selectOption( listName, optionVal ){
  // set list selection to option based on value
  var lst = document.forms['searcher'][listName];
  for( var i = 0; i< lst.options.length; i++ ){
    if( lst.options[i].value == optionVal ){
      lst.selectedIndex = i;
      curOption[listName] = optionVal;
      return;
    }  
  }
}