// JavaScript Document
var url = "accion.php?param=";

function respuestaPass(){
	if (http.readyState == 4) {
		/*window.status = 'Cargando datos...';*/
		var total = http.responseXML.getElementsByTagName('ids').length; //total sucursales	
		var desp = http.responseXML.getElementsByTagName('desplie')[0].firstChild.data;
		var opkx = http.responseXML.getElementsByTagName('opkxi')[0].firstChild.data;
		var catid = http.responseXML.getElementsByTagName('idcategoria')[0].firstChild.data;
		var catnom = http.responseXML.getElementsByTagName('categoria')[0].firstChild.data;
		var j;
		var td = document.getElementById("celda"+desp);
		var cuantos = document.getElementById("cuantos"+desp).value;
		var k= eval(opkx)+1;
		//alert(k);
		if(cuantos > 0){
			for (j=1;j<=eval(total);j++){
				document.getElementById('menu').deleteRow(k)
			}
			document.getElementById('menu').rows[opkx].cells[0].innerHTML = '<span onClick="opciones(this.parentNode.parentNode.rowIndex,'+desp+','+catid+');" id="opc'+desp+'"> + '+catnom+'</span>';
			document.getElementById("cuantos"+desp).value = 0;
			td.className = "opciones";
		}else{
			document.getElementById('menu').rows[opkx].cells[0].innerHTML = '<span onClick="opciones(this.parentNode.parentNode.rowIndex,'+desp+','+catid+');" id="opc'+desp+'"> - '+catnom+'</span>';
			for (var i=0; i < eval(total); i++) {
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = '<a href="catalogo.php?idc='+catid+'&idsc='+http.responseXML.getElementsByTagName('ids')[i].firstChild.data+'" class="linka">'+http.responseXML.getElementsByTagName('desc')[i].firstChild.data+'</a>';
			}
			for (j=k;j<k+eval(total);j++){
				document.getElementById('menu').rows[j].cells[0].className = 'sopcioness';
			}
			var m=total;
		
			document.getElementById("cuantos"+desp).value = 1;
			td.className = "seleccionado";
		}
		window.status='';
	 }
}

function getHTTPObject() {
  var xmlhttp;
  /*@cc_on
  @if (@_jscript_version >= 5)
    try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
    }
  @else
  xmlhttp = false;
  @end @*/
  if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
    try {
      xmlhttp = new XMLHttpRequest();
    } catch (e) {
      xmlhttp = false;
    }
  }
  return xmlhttp;
}
var http = getHTTPObject(); // We create the HTTP Object

function opciones(opkxion,despliege,idcat){
	//alert(opkxion+","+despliege+","+idcat);
	var indiceValue = 1;
	http.open("GET", url + escape(indiceValue+"&"+opkxion+"&"+despliege+"&"+idcat) , true);
	http.onreadystatechange = respuestaPass;
	http.send(null);
}

/*function opciones(opkxion,despliege){
	var j;
	var td = document.getElementById("celda"+despliege);
	var cuantos = document.getElementById("cuantos"+despliege).value;
	k= opkxion+1;
	if(cuantos > 0){
		switch(despliege){
			case 0:
				for (j=1;j<=12;j++){
					document.getElementById('menu').deleteRow(k)
				}
				document.getElementById('menu').rows[opkxion].cells[0].innerHTML = '<span onClick="opciones(this.parentNode.parentNode.rowIndex,0);" id="opc0"> + Sede</span>';
			break;
			case 1:
				for (j=1;j<=2;j++){
					document.getElementById('menu').deleteRow(k)
				}
				document.getElementById('menu').rows[opkxion].cells[0].innerHTML = '<span onClick="opciones(this.parentNode.parentNode.rowIndex,1);" id="opc1"> + Fecha</span>';
			break;
			case 2:
				for (j=1;j<=8;j++){
					document.getElementById('menu').deleteRow(k)
				}
				document.getElementById('menu').rows[opkxion].cells[0].innerHTML = '<span onClick="opciones(this.parentNode.parentNode.rowIndex,2);" id="opc2"> + Grupo</span>';
			break;
			case 3:
				for (j=1;j<=5;j++){	//Para hora es 4
					document.getElementById('menu').deleteRow(k)
				}
				document.getElementById('menu').rows[opkxion].cells[0].innerHTML = '<span onClick="opciones(this.parentNode.parentNode.rowIndex,3);" id="opc3"> + Fases</span>';
			break;
		}
		document.getElementById("cuantos"+despliege).value = 0;
		td.className = "opciones";
	}else{
		switch(despliege){
			case 0:
				document.getElementById('menu').rows[opkxion].cells[0].innerHTML = '<span onClick="opciones(this.parentNode.parentNode.rowIndex,0);" id="opc0"> - Sede</span>';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = '<a href="#" class="linka">Munich</a>';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = '<a href="#" class="linka">Stuttgart</a>';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = '<a href="#" class="linka">Nuremberg</a>';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = '<a href="#" class="linka">Kaiserslaurten</a>';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = '<a href="#" class="linka">Francfort</a>';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = '<a href="#" class="linka">Colonia</a>';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = '<a href="#" class="linka">Leipzig</a>';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = '<a href="#" class="linka">Dortmund</a>';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = '<a href="#" class="linka">Gelserkinchen</a>';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = '<a href="#" class="linka">Berlin</a>';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = '<a href="#" class="linka">Hanover</a>';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = '<div onClick="visualizacion(1,1)" class="linka">Hamburgo</div>';
				for (j=k;j<k+12;j++){
					document.getElementById('menu').rows[j].cells[0].className = 'sopcioness';
				}
				var i=12;
				break;
			case 1:
				document.getElementById('menu').rows[opkxion].cells[0].innerHTML = '<span onClick="opciones(this.parentNode.parentNode.rowIndex,1);" id="opc1"> - Fecha</span>';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = 'Julio';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = 'Junio';
				for (j=k;j<k+2;j++){
					document.getElementById('menu').rows[j].cells[0].className = 'sopcioness';
				}
				var i=2;
				break;
			case 2:
				document.getElementById('menu').rows[opkxion].cells[0].innerHTML = '<span onClick="opciones(this.parentNode.parentNode.rowIndex,2);" id="opc2"> - Grupo</span>';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = 'Grupo H';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = 'Grupo G';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = 'Grupo F';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = 'Grupo E';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = 'Grupo D';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = 'Grupo C';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = 'Grupo B';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = 'Grupo A';
				for (j=k;j<k+8;j++){
					document.getElementById('menu').rows[j].cells[0].className = 'sopcioness';
				}
				var i=8;
				break;
			case 3:
				document.getElementById('menu').rows[opkxion].cells[0].innerHTML = '<span onClick="opciones(this.parentNode.parentNode.rowIndex,3);" id="opc3"> - Fases</span>';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = 'Final';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = 'Semifinales';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = '4tos. Final';
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = '8avos. Final'
				document.getElementById('menu').insertRow(k).insertCell(0).innerHTML = 'Fase de Grupos'
				for (j=k;j<k+5;j++){  //para hora es 4
					document.getElementById('menu').rows[j].cells[0].className = 'sopcioness';
				}
				var i=4;
				break;
		}
		document.getElementById("cuantos"+despliege).value = 1;
		td.className = "seleccionado";
	}
}

function visualizacion(opcion,valor){
	switch(opcion){
		case 1:
			switch(valor){
				case 1:
					document.getElementById('estadios').className = 'show';
					document.getElementById('principal').className = 'hidden';

				break;
			}
		break;
	}
}*/