// JavaScript Document

	num=0;
	var difi = 0;
	var difi2 = 0;
	var semaforo = 0;
	var semaforo2 = 0;



function crear(senal,divi,contenido,diferenciador) { 

	//senal le avisa con un 1 si es onclick, divi avisa del div padre, contenido del tercer nivel a sacaco , diferencaidor diferencia entre botones
		if(diferenciador != difi) { // si el diferenciador es distinto de difi
			semaforo = 0;	// permitiremos crear nuevo div
			difi = diferenciador;
			senal = 0;
			semaforo2 = 0;
			var el = document.getElementById("div1");
			var padre = el.parentNode;
			padre.removeChild(el);
			
		}
		if (semaforo == 0) { //controla si debe crear o no el div
			if (divi == 1) { //div selecciona el div padre
				var capa = document.getElementById("categos");
			} else if (divi == 2) {
				var capa = document.getElementById("categos443");
			} else if (divi == 3) {
				var capa = document.getElementById("categos3");
			}
			var h1 = document.createElement("h1");
			h1.id = "div1";
			if (divi == 2) {
				h1.innerHTML = '<div class="esterilla"><img class ="lin" src="images/barra/lineaL2.png" /><input id="boti" name="boti" class="cruz" type ="image" src="images/barra/x.png" value="X" onclick=" borrar(1);cruceta();"/></div>'+contenido;
			} else {
				h1.innerHTML = '<div class="esterilla"><img class ="lin" src="images/barra/lineaL.png" /><input id="boti" name="boti" class="cruz" type ="image" src="images/barra/x.png" value="X" onclick=" borrar(1);cruceta();"/></div>'+contenido;
			}
			h1.style.position = 'relative';
			h1.style.border = '';
			h1.style.marginTop = '100px';
			h1.style.fontSize = '12px';
			h1.style.fontStyle = 'normal';
			h1.style.fontWeight = 'normal';
			h1.style.color= '#444444';
			
			capa.appendChild(h1);			
			semaforo = 1;//evitará q se cree el div a no ser q se ponga primero a 0, lo que quiere decir que si el div no ha sido 
						 //borrado , en teoria el semaforo no se pone a 0 y no se crean mas divs	

		}
		if (senal == 1) { //si el div es fijo 
			semaforo2 = 1; //evitara q borrar actue
		} 
	}
function borrar(senal2) {
	if (senal2 == 1) {
		semaforo2 = 0;
	} 
	if (semaforo2 == 0) {
		var el = document.getElementById("div1");
		// Obtenemos el padre de dicho elemento
		// con la propiedad “parentNode”
		var padre = el.parentNode;
		// Eliminamos el hijo (el) del elemento padre
		padre.removeChild(el);
		semaforo = 0;
	} 

}



function cruceta() {
	document.getElementById('cate').style.background='url(fondobotonera.gif)'; 
	document.getElementById('cate').style.color= '#000000';
	document.getElementById('cate3').style.background='url(fondobotonera.gif)'; 
	document.getElementById('cate3').style.color= '#000000';
}