$(function(){
		   
 	
  function getFamiliaOptions(){
		$.getJSON("/js/select.php",{idTipoInv: $('#idTipoInv').val(), ajax: 'true', action: 'tipo'}, function(j){
		   var options = '';																									       options = '<option id="idTipoFammilia_0" value="ALL" disabled="disabled" selected="selected">elija uno</option>';
		  for (var i = 0; i < j.length; i++) {
			options += '<option id="' + j[i].id + '" value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
		  }
		  $("select#idTipoFammilia").html(options);
		  //alert('ya acabe');
		  getSectorOptions(0);
		})
	}
	
   function getSectorOptions(param){
		if(param){
			var idFamilia = '#idTipoFammilia';	
		}else{		
			var idFamilia = '#idTipoFamila_1';																														       	}																																							        $.getJSON("/js/select.php",{idTipoInversion: $('#idTipoInv').val(), idTipoFammilia: $(idFamilia).val(), ajax: 'true', action: 'sector'}, function(j){
		  var options = '';
		  options = '<option id="idSector_0" value="ALL" disabled="disabled" selected="selected">elija uno</option>';
		  for (var i = 0; i < j.length; i++) {
			options += '<option id="' + j[i].id + '" value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
		  }
		  $("select#idSector").html(options);
		  //alert('ya acabe');
		  //getPrecios();
			if(param){
				getPrecios(1);
			}else{		
				getPrecios(0);
			}
		  
		})
	}
	
	function getPrecios(param){
		
		if(param){
			var idFamilia = '#idTipoFammilia';
			var idSector = '#idSector';
		}else{		
			var idFamilia = '#idTipoFamila_1';
			var idSector = '#idSector_1';
		}	
		
	$.getJSON("/js/select.php",{idTipoInversion: $('#idTipoInv').val(), idTipoFammilia: $(idFamilia).val(), idSector: $(idSector).val(),ajax: 'true', action: 'precios'}, function(j){
																																															  	
      var options = '';
	  options = '<option id="idRango_" value="ALL" disabled="disabled" selected="selected">elija uno</option>';
      for (var i = 0; i < j.length; i++) {
        options += '<option id="' + j[i].id + '" value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
      }
      $("select#idRango").html(options);
    })
	}	
	
 
 
  /* Cambia  hijos de Inversion */ 
  $("select#idTipoInv").change(function(){
	getFamiliaOptions();
  })
  
  
  
  /* Cambia  hijos de Familias */
  
  $("select#idTipoFammilia").change(function(){
	getSectorOptions(1);
  })  
   
   /* Cambia  hijos de Sector */
  
  $("select#idSector").change(function(){
	getPrecios(1);	
  })
   
   
   
      
   
   
  
  
})