var DIRECT = {};
var REF_COUNT = 0;

//*****************************************************************************
if(window.addEventListener) window.addEventListener("load", cartaInicio, false);
else window.onload = function() { cartaInicio(); }

//*****************************************************************************
function cartaPrint()
{
	var T = addChild(document.getElementById("cartaContenedor"), "TABLE");
		T.className = "tabla_pie";
	var TBODY = addChild(T, "TBODY");

	for(var i=0; i < CARTA.length; i++)
	{
		var D = CARTA[i];
		if(!D) continue;

		var TR = addChild(TBODY, "TR");

		if(D.secciones)
		{
			for(var j=0; j < D.secciones.length; j++)
			{
				cartaSection(addChild(TR, "TD"), D.secciones[j], true);
			}
		}
		else if(D.seccion)
		{
			var TD = addChild(TR, "TD");
				TD.colSpan = 20;
			cartaSection(TD, D);
		}
	}
}

//*****************************************************************************
function cartaSection(CONT, D, isShort)
{
	if(!D) return;

	var TITULO = addChild(CONT, "DIV");
		TITULO.className = !isShort ? "titulo" : "titulo2";
		TITULO.style.width = "100%";
		addText(addChild(TITULO, "STRONG"), D.seccion);
	var CUADRO = addChild(CONT, "DIV");
		CUADRO.className = !isShort ? "cuadro" : "cuadro2";
	var TABLE = addChild(CUADRO, "TABLE");
		TABLE.className = "muestras";
	var TBODY = addChild(TABLE, "TBODY");
	var TR = addChild(TBODY, "TR");

	for(var i=0; i < D.celdas.length; i++)
	{
		var C = D.celdas[i];
		if(!C) continue;

		if(C.espacio)
		{
			if(!C.titulo)
			{
				for(var j=0; j < C.espacio; j++)
				{
					addChild(addChild(TR, "TD"), "BR");
				}
			} else {
				var TD = addChild(TR, "TD");
				TD.className = "titulo";
				if(C.espacio > 1) TD.colSpan = C.espacio;
				addText(addChild(TD, "NOBR"), C.titulo);
			}
		}

		else if(C.salto)
		{
			TR = addChild(TBODY, "TR");
		}

		else if(C.id)
		{
			var TD = addChild(TR, "TD");
			var A = addChild(TD, "A");
				A.href = "javascript:void(0)";
				A.style.backgroundColor = C.color;
				A.id = C.id;
				A.onclick = function() { cartaClick(this.id); return false; }
				REF_COUNT += 1;
				setRef(REF_COUNT);
			addText(addChild(TD, "P"), C.id);
			DIRECT[C.id] = C;
		}
	}
}

//*****************************************************************************
//*****************************************************************************
function cartaInicio()
{
	cartaPrint();
	for(var id in DIRECT) { cartaClick(id); break; }
}

//*****************************************************************************
function cartaClick(id)
{
	var D = DIRECT[id];
	var idLow = D.id.toString().toLowerCase();

	imgM1new = new Image();
	imgM1new.src = "colimg.php/id" + D.m1;
	setTimeout("setImage('imgM1'"+(D.m1 ? ", imgM1new.src" : "")+")", 100);

	imgM2new = new Image();
	imgM2new.src = "colimg.php/id" + D.m2;
	setTimeout("setImage('imgM2'"+(D.m2 ? ", imgM2new.src" : "")+")", 100);

	setDoc('aM1', D.espec ? "docdowfr.php/id"+D.espec : null);
	setDoc('aM2', D.hoja ? "docdowfr.php/id"+D.hoja : null);

	var R = document.getElementById("referencia");
	if(R) R.innerHTML = D.id;
}

//*****************************************************************************
function addChild(tagParent, tagName) { return tagParent.appendChild(document.createElement(tagName)); }
function addText(tagParent, text) { return tagParent.appendChild(document.createTextNode(text)); }

//*****************************************************************************
function setImage(id, url)
{
	var I = document.getElementById(id);
	if(url)
	{
		I.src = url;
		I.parentNode.style.display = '';
	}
	else I.parentNode.style.display = 'none';
}

//*****************************************************************************
function setDoc(id, url)
{
	var I = document.getElementById(id);
	if(url)
	{
		I.href = url;
		I.style.display = '';
	} else I.style.display = 'none';
}

//*****************************************************************************
function setRef(R)
{
	document.getElementById("refCount").innerHTML = ""+R;
}

//*****************************************************************************
//*****************************************************************************