function crearTabla(parentEl, ancho, alto)
{
      var tabla = document.createElement("table");
      tabla.cellPadding = 0;
      tabla.cellSpacing = 0;
      if(ancho)
      {
            tabla.style.width = ancho;
      }
      if(alto)
      {
            tabla.style.height = alto;
      }
      parentEl.appendChild(tabla);

      var tbody = document.createElement("tbody");
      tabla.appendChild(tbody);

      return tbody;
};

function cE(tagName, parentEl)
{
	var elemento = document.createElement(tagName);
	if(parentEl)
	{
		 parentEl.appendChild(elemento);
	};
	
	return elemento;
};

function crearInputFila(tbody, etiqueta, padding, value, width)
{
	var tr = cE("tr",tbody);
	
	var td = cE("td", tr);
	td.style.paddingTop = (padding) ? padding : 0;
	td.id = "texto";
	
	var span = cE("span", td);
	span.innerHTML = etiqueta;
	
	var td = cE("td", tr);
	td.style.paddingTop = (padding) ? padding : 0;
	td.style.paddingLeft = 15;
	
	var input = cE("input", td);
	input.style.width = (width) ? width : 200;
	input.id = "texto";
	input.value = (value) ? value : "";
	
	return input;
};

function crearCheckbox(tbody, etiqueta, padding, valor, color, backgroundColor)
{
	var tr = cE("tr",tbody);
	
	var td = cE("td", tr);
	td.style.paddingTop = (padding) ? padding : 0;
	td.id = "texto";
	
	var span = cE("span", td);
	span.innerHTML = etiqueta;
	
	var td = cE("td", tr);
	td.style.paddingTop = (padding) ? padding : 0;
	td.style.paddingLeft = 15;
	
	var span = cE("span", td);
	span.style.color = color;
	span.style.backgroundColor = backgroundColor;
	span.innerHTML = valor;
	span.className = "on_off";
	
	return span;	
}

function mO(elemento1, elemento2)
{
	elemento1.style.cursor = "pointer";
	var onmouseoverFx = function()
	{
		elemento2.style.backgroundColor = "#eff1d6";
		
		elemento1.onmouseout = function()
		{
			elemento2.style.backgroundColor = "white";
		};
	};	
	eh_attachEvent("onmouseover", elemento1, onmouseoverFx);
};

function uE(elemento)
{
	var mouseOverFx = function(){elemento.style.textDecoration='underline'};
	eh_attachEvent("onmouseover", elemento, mouseOverFx);
	
	var mouseOutFx = function(){elemento.style.textDecoration=''};
	eh_attachEvent("onmouseout", elemento, mouseOutFx);	
};