function objetoAjax(){
	var xmlhttp=false;
	try {
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
		   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
			xmlhttp = false;
  		}
	}

	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp;
}

//Parametros que recibe obj= Elemento DOM (li) al cual le daremos un fondo cuando este activo
// lista = Id de la lista de enlaces de la categoria referida
// color = Color correspondiente a la categoria
// datos = Archivo donde se realizan las consultas
// capa1 = id de la capa donde se mostrara el resultado de la consulta
// capa2 = id de la capa de detalle de producto la cual mostrara una pantalla por default cuando se cambie de categoria principal

function MostrarConsulta(obj,lista,color,datos,capa1,capa2){
	
	//para ponerle color al elemnto de la lista de catalogo seleccionado
	temp=document.getElementById(lista);
	var fvc= temp.getElementsByTagName('li');
	  for(var i=0;i < fvc.length;i++){	 
	  	 var id1=fvc[i].id;
	  	 var id2=obj.id;
	  	 if ( id1.substr(1,3) == id2.substr(1,3)){
			  	 	
	  	 	 fvc[i].style.backgroundColor=color;
	  	 }else{
	  	 	 //alert(obj.id);	
	  	 	 fvc[i].style.backgroundColor="";	
	    	}
	  }  
	
	//para mostrar contenido por default en la capa detalle
	if (capa1!=capa2){
		divResultado2 = document.getElementById(capa2);
		divResultado2.innerHTML= '<img src="images/logomondrian1.jpg"> <center><img src="reflect_v21.php?img=images/logomondrian1.jpg&height=80&fade_start=60&fade_end=20"></center>';
	}
	
	divResultado = document.getElementById(capa1);
	divResultado.innerHTML= '<br><br><img src="images/ajax-loader.gif"> ';
	ajax=objetoAjax();
	ajax.open("GET", datos);
	ajax.onreadystatechange=function() {
		if (ajax.readyState==4) {
			divResultado.innerHTML = ajax.responseText
		}
	}
	ajax.send(null)
}