function nuevoAjax()
{
    /* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
	lo que se puede copiar tal como esta aqui */
    var xmlhttp=false;
    try
    {
        // Creacion del objeto AJAX para navegadores no IE
        xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e)
    {
        try
        {
            // Creacion del objet AJAX para IE
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(E)
        {
            if (!xmlhttp && typeof XMLHttpRequest!='undefined') xmlhttp=new XMLHttpRequest();
        }
    }
    return xmlhttp;
}

// Declaro los selects que componen el documento HTML. Su atributo ID debe figurar aqui.
var listadoSelects=new Array();
listadoSelects[0]="catalogo";
listadoSelects[1]="modalidad";
listadoSelects[2]="producto";

function buscarEnArray(array, dato)
{
    // Retorna el indice de la posicion donde se encuentra el elemento en el array o null si no se encuentra
    var x=0;
    while(array[x])
    {
        if(array[x]==dato) return x;
        x++;
    }
    return null;
}

function cargaContenido(idSelectOrigen)
{
    // Obtengo la posicion que ocupa el select que debe ser cargado en el array declarado mas arriba
    var posicionSelectDestino=buscarEnArray(listadoSelects, idSelectOrigen)+1;
    // Obtengo el select que el usuario modifico
    var selectOrigen=document.getElementById(idSelectOrigen);
    // Obtengo la opcion que el usuario selecciono
    var opcionSeleccionada=selectOrigen.options[selectOrigen.selectedIndex].value;
    // Si el usuario eligio la opcion "Elige", no voy al servidor y pongo los selects siguientes en estado "Selecciona opcion..."
    if(opcionSeleccionada==0)
    {
        var x=posicionSelectDestino, selectActual=null;
        // Busco todos los selects siguientes al que inicio el evento onChange y les cambio el estado y deshabilito
        while(listadoSelects[x])
        {
            selectActual=document.getElementById(listadoSelects[x]);
            selectActual.length=0;

            var nuevaOpcion=document.createElement("option");
            nuevaOpcion.value=0;

            if(x == 1)
                nuevaOpcion.innerHTML="Modalidad:";
            if(x == 2)
                nuevaOpcion.innerHTML="Producto:";

            selectActual.appendChild(nuevaOpcion);
            selectActual.disabled=true;
            x++;
        }
    }
    // Compruebo que el select modificado no sea el ultimo de la cadena
    else if(idSelectOrigen!=listadoSelects[listadoSelects.length-1])
    {
        // Obtengo el elemento del select que debo cargar
        var idSelectDestino=listadoSelects[posicionSelectDestino];
        var selectDestino=document.getElementById(idSelectDestino);
        // Creo el nuevo objeto AJAX y envio al servidor el ID del select a cargar y la opcion seleccionada del select origen
        var ajax=nuevoAjax();
        ajax.open("GET", "cargar_selects_buscador.php?select="+idSelectDestino+"&opcion="+opcionSeleccionada, true);
        ajax.onreadystatechange=function()
        {
            if (ajax.readyState==1)
            {
                // Mientras carga elimino la opcion "Selecciona Opcion..." y pongo una que dice "Cargando..."
                selectDestino.length=0;
                var nuevaOpcion=document.createElement("option");
                nuevaOpcion.value=0;
                nuevaOpcion.innerHTML="Cargando...";
                selectDestino.appendChild(nuevaOpcion);
                selectDestino.disabled=true;
            }
            if (ajax.readyState==4)
            {
                selectDestino.parentNode.innerHTML=ajax.responseText;
            }
        }
        ajax.send(null);
    }
}

function comprobarSeleccionInicial(){
    var opcionSelectCatalogo = document.getElementById("catalogo").selectedIndex;

    if(opcionSelectCatalogo == 0 || opcionSelectCatalogo == 1) {
        alert('Para filtrar: primero seleccione un Catálogo, luego una Modalidad y posteriormente un producto. O si desea buscar por palabra clave o por el código del producto, escriba en la caja de texto. Para realizar la busqueda haga finalmente click en Buscar');
    }
}

function comprobarSeleccionItem() {

    var opcionSelectCatalogo = document.getElementById("catalogo").selectedIndex;
    var inputCodigo = document.getElementById("inputCodigo").value;
    var bool = true;
    if(opcionSelectCatalogo == 0 || opcionSelectCatalogo == 1) {

        if(inputCodigo == 'Código o Nombre del producto')
            bool = false;
    }
    if(bool == false)
        alert('Seleccione o ingrese un item de busqueda');
    return bool;
}