var xmlDoc ;
var xmlDoc1;
var xmlCiudad = "../xml/Ciudades.xml";
var xmlDpto = "../xml/Departamento.xml";
var isExplorer = false;
GetCiudad(xmlCiudad);
GetDpto(xmlDpto);

function GetCiudad(ruta)
{
    if (window.ActiveXObject) //IExplorer
	{	        
		isExplorer = true;
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.async=false;
		xmlDoc.load(ruta);
		if (document.getElementById("ddlciudad")!=null)
		{
			Cargar_combo_ciudades();
		}
	}
    else if (document.implementation && document.implementation.createDocument)
    {           	            
        isExplorer = false;
        xmlDoc = document.implementation.createDocument("", "", null);
        xmlDoc.load(ruta);
        //Cargar_combo_ciudades();
	    //xmlDoc.onload = Cargar_combo_ciudades();
    }
}

function GetDpto(ruta)
{
    if (window.ActiveXObject) //IExplorer
	{	        
		isExplorer = true;
		xmlDoc1 = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc1.async=false;
		xmlDoc1.load(ruta);
		if (document.getElementById("ddldepartamento")!=null)
		{
			Cargar_combo_dpto();
		}
	}
    else if (document.implementation && document.implementation.createDocument)
    {           	            
        isExplorer = false;
        xmlDoc1 = document.implementation.createDocument("", "", null);
        xmlDoc1.load(ruta);        
    }
}
    
function Cargar_combo_ciudades() 
{ 	    	                
    var entradas = xmlDoc.getElementsByTagName("ciudades");
    var numEntradas = entradas.length;
    var nombre;	        
    var valor;

    opciones = "<option value=\"-1\" >Seleccione una ciudad</option>";								
    for(var i=0;i<numEntradas;i++)
    {
        nombre = entradas[i].getElementsByTagName("ciudad")[0].firstChild.nodeValue;
        valor = entradas[i].getElementsByTagName("departamento")[0].firstChild.nodeValue;
        opciones += "<option value=\""+valor+"\">"+nombre+"</option>";
    }
	
	if (isExplorer)
	{
		document.getElementById("ddlciudad").outerHTML = "<SELECT class=bqd_ComboBox id=\"ddlciudad\" style=\"WIDTH: 262px\" name=\"ddlciudad\" >" + opciones + "</SELECT>";
	}
	else
	{
		document.getElementById("ddlciudad").innerHTML = opciones;
	}
} 

function Cargar_combo_dpto() 
{ 	    	                
    var entradas = xmlDoc1.getElementsByTagName("dptos");
    var numEntradas = entradas.length;
    var nombre;	        
    var valor;   
    
    opciones = "<option value=\"-1\" >Seleccione un Departamento</option>";								
    for(var i=0;i<numEntradas;i++)
    {
        nombre = entradas[i].getElementsByTagName("departamento")[0].firstChild.nodeValue;
        valor = entradas[i].getElementsByTagName("departamento")[0].firstChild.nodeValue;
        opciones += "<option value=\""+valor+"\">"+nombre+"</option>";
    }
	
	if (isExplorer)
	{
		document.getElementById("ddldepartamento").outerHTML = "<SELECT class=bqd_ComboBox id=\"ddldepartamento\" style=\"WIDTH: 262px\" name=\"ddldepartamento\" >" + opciones + "</SELECT>";
	}
	else
	{
		document.getElementById("ddldepartamento").innerHTML = opciones;
	}
}  

function Leer_combos()
{
    LimpiarItems(document.getElementById("ddlciudad"));
   	Cargar_combo_ciudades();
    var objCiudad = document.getElementById("ddlciudad");
	var objDpto = document.getElementById("ddldepartamento");	
	var strDpto = objDpto.options[objDpto.selectedIndex].value;
	var longitud = objCiudad.options.length;
	
	if (strDpto!="Seleccione un Departamento")
	{
		for (var i=0; i<longitud; i++) {
			if (objCiudad.options[i].value!=strDpto)
			{
				objCiudad.remove(i);
				i--;
				longitud--;
			}
		}
	}	
	sortSelect(document.getElementById("ddlciudad"));	
}

function Leer_combos_dpto()
{
	//Cargar_combo_dpto();
	var objDpto = document.getElementById("ddldepartamento");
	var objCiudad = document.getElementById("ddlciudad");
	var strDpto = objCiudad.options[objCiudad.selectedIndex].value;
	var longitud = objCiudad.options.length;
	
	if (strDpto!="Seleccione una ciudad")
	{
		for (var i=0; i<longitud; i++) {							
			if (objDpto.options[i].text==strDpto)
			{	
			    document.getElementById("ddldepartamento").selectedIndex = i;				
				return;												
			}
		}
	}			
}

function item_seleccionado_ciudad()
{
	var objValue = document.getElementById("hciudad");
	var objCiudad = document.getElementById("ddlciudad");
	objValue.value = objCiudad.options[objCiudad.selectedIndex].text;
}

function Leer_combos_ciudad()
{	
	var objCiudad = document.getElementById("ddlciudad");
	var objDepto = document.getElementById("ddldepartamento");
	var strCiudad = objCiudad.options[objCiudad.selectedIndex].value;
	
	var longitud = objDepto.options.length;
	
	if (strCiudad!="Seleccione una ciudad")
	{
		for (var i=0; i<longitud; i++) {							
			if (objDepto.options[i].text==strCiudad)
			{					
				document.getElementById("ddldepartamento").selectedIndex = i;				
				return;												
			}
		}
	}
}

function sortSelect(obj)
{
    var o = new Array();
    for (var i=0; i<obj.options.length; i++){
        o[o.length] = new Option(obj.options[i].text, obj.options[i].value, obj.options[i].defaultSelected, obj.options[i].selected);
    }
    o = o.sort(
        function(a,b){ 
            if ((a.text+"") < (b.text+"")) { return -1; }
            if ((a.text+"") > (b.text+"")) { return 1; }
            return 0;
        } 
    );

    for (var i=0; i<o.length; i++){
        obj.options[i] = new Option(o[i].text, o[i].value, o[i].defaultSelected, o[i].selected);
    }
}

function LimpiarItems(obj)
 {
    var longitud = obj.options.length;
    for (var i=0; i<longitud; i++) 
    {
	    obj.remove(i);
		i--;
		longitud--;			
	}
 }