/* FORMATO DE FORMULARIOS **********************************************************/	 
function FormatearFormulario(IdContenedor){
	var IdContEtiquetas = "contenedor_etiquetas_" + IdContenedor;
	var IdContCampos = "contenedor_campos_" + IdContenedor;
	var IdContBotones = "contenedor_botones_" + IdContenedor;
	var jqIdContenedor = "#" + IdContenedor;
	var jqIdContEtiquetas = "#" + IdContEtiquetas;
	var jqIdContCampos = "#" + IdContCampos;
	var jqIdContBotones = "#" + IdContBotones;
	var AnchoContCampos = 0;

	// Ajusta la clase dle contenedor del formulario.
	$(jqIdContenedor).attr("class", "formulario");
	
	// Crea los contenedores de las distintas partes del formulario.
	$(jqIdContenedor).prepend("<div id='" + IdContBotones + "' class='formulario_cont_botones'></div>");
	$(jqIdContenedor).prepend("<div id='" + IdContCampos + "' class='formulario_cont_campos'></div>");
	$(jqIdContenedor).prepend("<div id='" + IdContEtiquetas + "' class='formulario_cont_etiquetas'></div>");
	
	// Mueve las etiquetas, los campos y los botones a sus correspondientes contenedores.
	$(jqIdContenedor + " label").appendTo(jqIdContEtiquetas);
	$(jqIdContenedor + " input, " + jqIdContenedor + " textarea, " + jqIdContenedor + " select").appendTo(jqIdContCampos);	

	// Enmarca cada etiqueta y cada campo con un div
	$(jqIdContEtiquetas + " label").wrap("<div class='formulario_etiqueta'></div>");
	$(jqIdContCampos + " input, " + jqIdContCampos + " textarea, " + jqIdContCampos + " select").wrap("<div class='formulario_campo'></div>");

	// Ajusta el ancho del contenedor de campos al ancho del campo mayor.
	$(jqIdContCampos + ">div").each(function(){
		if($(this).outerWidth() > AnchoContCampos)
			AnchoContCampos = $(this).outerWidth();
	});
	$(jqIdContCampos).width(AnchoContCampos);

	// Si algún campo tiene el atributo TITLE con valor, crea un div para meter el 
	// campo y otro para meter el valor de TITLE como una observación de ese campo.
	// Estos dos divs quedan dentro del creado en el paso anterior. 
	$(jqIdContCampos + " input[title!='']").each(function(){
		$(this).after("<div class='formulario_observacion'>" + $(this).attr("title") + "</div>");
		$(this).wrap("<div></div>");
	});
	
	// Alinea a la derecha el div que contiene los botones.
	$(jqIdContCampos + ">div>input[type=button]").parent().css("text-align", "right");

}
/***********************************************************************************/