// constants
var noValue = '0'

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

function body_onLoad(){

  // initialize lists
  emptyList( 'lstpais' );
  emptyList( 'lstprov');
  emptyList( 'lstloca' );
  
  jsrsExecute( 'select_rs.asp', cbFillpais, 'paisList' );
   
}

function lstpais_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( 'lstprov' );
    emptyList( 'lstloca');
    window.status = 'Cargando Provincias...';
    jsrsExecute( 'select_rs.asp', cbFillprov, 'provList', val );
  }  
}

function lstprov_onChange(){
  var val = this.options[this.selectedIndex].value;
  if(val == noValue){
    selectOption( this.name, curOption[this.name] )
  } else {
    curOption[this.name] = val;
    emptyList( 'lstloca');
    window.status = 'Cargando Localidades...';
    jsrsExecute( 'select_rs.asp', cbFillloca, 'locaList', val );
  }  
}

function lstloca_onChange(){
  var val = this.options[this.selectedIndex].value;
  if(val == noValue){
    selectOption( this.name, curOption[this.name] )
  } else {
//    var msg = "You have selected: \n\n";
//   msg += this.form.lstMake.options[this.form.lstMake.selectedIndex].text + "\n";
//   msg += this.form.lstModel.options[this.form.lstModel.selectedIndex].text + "\n";
//    msg += this.options[this.selectedIndex].text + "\n";
//    alert (msg);
  }
}


function cbFillpais ( strMakes ){ 
  window.status = '';
  fillList( 'lstpais',  strMakes ); 
}

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

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

function fillList( listName, strOptions ){
  // fill any list with options
  emptyList( listName );
  
  // always insert selection prompt
  var lst = document.forms['QForm'][listName];
  lst.disabled = true;
  lst.options[0] = new Option('-- Seleccionar --', 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 );
  lst.onchange = eval( listName + "_onChange" );
  isLoaded[listName] = true;
  lst.disabled = false;
}

function emptyList( listName ){
  var lst = document.forms['QForm'][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['QForm'][listName];
  for( var i = 0; i< lst.options.length; i++ ){
    if( lst.options[i].value == optionVal ){
      lst.selectedIndex = i;
      curOption[listName] = optionVal;
      return;
    }  
  }
}