// VARIABLE QUE CONTIENE EL INDICE DEL PROXIMO ARCHIVO QUE SE VA A AGREGAR EN LA GALERIA DE ARCHIVOS
indiceCantElementos=2;

function createRoot(idRoot) {
	var mainDiv =  document.getElementById('main');
	var rootDiv = document.createElement('div');
	rootDiv.setAttribute("id", 'sec_'+idRoot);
	var newHtmlTable = document.createElement('table');
	newHtmlTable.className = "mainTable";
	var newHtmlTbody = document.createElement('tbody');
	newHtmlTable.appendChild(newHtmlTbody);
	newHtmlTbody.setAttribute("id", 'table_'+idRoot);
	rootDiv.appendChild(newHtmlTable);
	mainDiv.appendChild(rootDiv);
}

function createSection (sectionTitle, sectionId, sectionParentId){
// 	var cParent = document.getElementById('sec_'+sectionParentId);
	var newFieldset = document.createElement('fieldset');
	newFieldset.className = "fieldsetSection";

	var parentTable = document.getElementById('table_'+sectionParentId);
	var newHtmltr = document.createElement('tr');
	var newHtmlTd = document.createElement('td');

	var newHtmlTable = document.createElement('table');
	newHtmlTable.className = "mainTable";
	var newHtmlTbody = document.createElement('tbody');
	newHtmlTable.appendChild(newHtmlTbody);
	var cSpan = document.createElement('span');
	cSpan.className = "fieldsetTitle";
	

	newHtmlTbody.setAttribute("id", 'table_'+sectionId);
	newFieldset.setAttribute("id", sectionId);
	var legend = document.createElement('legend');
	var nodeText = document.createTextNode(sectionTitle);
	cSpan.appendChild(nodeText);
	legend.appendChild(cSpan);
	newFieldset.appendChild(legend);
	newFieldset.appendChild(newHtmlTable);
	
	newHtmlTd.setAttribute("colspan", "2");
	newHtmlTd.className = "fieldSetTd";
	newHtmlTd.colSpan = 2;
	newHtmlTd.appendChild(newFieldset);
	newHtmltr.appendChild(newHtmlTd);
	parentTable.appendChild(newHtmltr);
}

function createIntBox(fieldTitle, fieldRealId, fieldParentId, userTip, fieldValue){
	var newTextBox = document.createElement('input');

	var cTable = document.getElementById('table_'+fieldParentId);
	var newHtmltr = document.createElement('tr');
	var newHtmlTd = document.createElement('td');
	var newHtmlTd2 = document.createElement('td');
	
	var cSpan = document.createElement('span');
	cSpan.setAttribute("id", 'span_'+fieldRealId);
	cSpan.className = "formFieldLabel";

	var nodeText = document.createTextNode(fieldTitle + ": ");
	newTextBox.setAttribute("id", fieldRealId);
	newTextBox.setAttribute("type", 'text');
	newTextBox.setAttribute("name", fieldRealId);
	newTextBox.setAttribute("value", fieldValue);
	newTextBox.className = "formTextField";
	newTextBox.setAttribute("style","width:50px");
	newHtmltr.setAttribute("title", userTip);
	newHtmlTd.className = "formLabelTd";
	cSpan.appendChild(nodeText);
	newHtmlTd.appendChild(cSpan);
	newHtmlTd2.setAttribute("width","40");
	newHtmlTd2.appendChild(newTextBox);
	newHtmltr.appendChild(newHtmlTd);
	newHtmltr.appendChild(newHtmlTd2);
	cTable.appendChild(newHtmltr);
	//Agregar Validador
	a_fields[fieldRealId] = {'l':fieldTitle,'r':false,'f':'integer','t':'span_'+fieldRealId}
}

function createFloatBox(fieldTitle, fieldRealId, fieldParentId, userTip, fieldValue){
	var newTextBox = document.createElement('input');

	var cTable = document.getElementById('table_'+fieldParentId);
	var newHtmltr = document.createElement('tr');
	var newHtmlTd = document.createElement('td');
	var newHtmlTd2 = document.createElement('td');
	
	newTextBox.setAttribute("style","width:50px;");
	var cSpan = document.createElement('span');
	cSpan.setAttribute("id", 'span_'+fieldRealId);
	cSpan.className = "formFieldLabel";

	var nodeText = document.createTextNode(fieldTitle + ": ");
	newTextBox.setAttribute("id", fieldRealId);
	newTextBox.setAttribute("type", 'text');
	newTextBox.setAttribute("name", fieldRealId);
	newTextBox.setAttribute("value", fieldValue);
	newTextBox.className = "rellenoDato";
	newHtmltr.setAttribute("title", userTip);

	newHtmlTd.className = "formLabelTd";
	cSpan.appendChild(nodeText);
	newHtmlTd.appendChild(cSpan);
	newHtmlTd2.setAttribute("width","50");
	newHtmlTd2.appendChild(newTextBox);
	newHtmltr.appendChild(newHtmlTd);
	newHtmltr.appendChild(newHtmlTd2);
	cTable.appendChild(newHtmltr);
	//Agregar Validador
	a_fields[fieldRealId] = {'l':fieldTitle,'r':false,'f':'real','t':'span_'+fieldRealId}
}

function createTextBox(fieldTitle, fieldRealId, fieldParentId, userTip, fieldValue, required){
	var newTextBox = document.createElement('input');
	var cTable = document.getElementById('table_'+fieldParentId);
	var newHtmltr = document.createElement('tr');
	var newHtmlTd = document.createElement('td');
	var newHtmlTd2 = document.createElement('td');
	
	
	var cSpan = document.createElement('span');
	cSpan.setAttribute("id", 'span_'+fieldRealId);
	cSpan.className = "formFieldLabel";
	var nodeText = document.createTextNode(fieldTitle + ": ");
	newTextBox.setAttribute("id", fieldRealId);
	newTextBox.setAttribute("type", 'text');
	newTextBox.setAttribute("name", fieldRealId);
	newTextBox.setAttribute("value", fieldValue);
	newTextBox.className = "formTextField";
	newHtmltr.setAttribute("title", userTip);

	cSpan.appendChild(nodeText);
	newHtmlTd.className = "formLabelTd";
	newHtmlTd.appendChild(cSpan);
	newHtmlTd2.appendChild(newTextBox);
	newHtmltr.appendChild(newHtmlTd);
	newHtmltr.appendChild(newHtmlTd2);
	cTable.appendChild(newHtmltr);
	//Agregar Validador
	a_fields[fieldRealId] = {'l':fieldTitle,'r':required,'f':'','t':'span_'+fieldRealId}
}

function createTextArea(fieldTitle, fieldRealId, fieldParentId, userTip, fieldValue, editor){
	var newTextarea = document.createElement('textarea');
	var cTable = document.getElementById('table_'+fieldParentId);
	var newHtmltr = document.createElement('tr');
	var newHtmlTd = document.createElement('td');
	var newHtmltr2 = document.createElement('tr');
	var newHtmlTd2 = document.createElement('td');

 	var fieldValue = fieldValue.replace( new RegExp( "<br>", "g" ),"\n");
	var areaText = document.createTextNode(fieldValue);

	var cSpan = document.createElement('span');
	cSpan.setAttribute("id", 'span_'+fieldRealId);
	cSpan.className = "formFieldLabel";
	var nodeText = document.createTextNode(fieldTitle + ": ");
	newTextarea.setAttribute("id", fieldRealId);
	newTextarea.setAttribute("name", fieldRealId);
	newTextarea.setAttribute("cols", '10');
	newTextarea.setAttribute("rows", '5');
	newTextarea.appendChild(areaText);

	newHtmltr.setAttribute("title", userTip);
	cSpan.appendChild(nodeText);

	newHtmlTd.setAttribute("colspan", "2");
	newHtmlTd.colSpan = 2;
	newHtmlTd.className = "formLabelTd";
	newHtmlTd.appendChild(cSpan);
	newHtmltr.appendChild(newHtmlTd);
	cTable.appendChild(newHtmltr);

	newHtmlTd2.colSpan = 2;
	newHtmlTd2.setAttribute("colspan", "2");
	newHtmlTd2.appendChild(newTextarea);
	newHtmltr2.appendChild(newHtmlTd2);
	cTable.appendChild(newHtmltr2);

	if (editor == 'full'){
		var toolBar = 'Standar'
	}
	else{
		var toolBar = 'Basic'
	}
	CKEDITOR.replace( fieldRealId, {toolbar : toolBar});

	//Agregar Validador
// 	a_fields[fieldRealId] = {'l':fieldTitle,'r':false,'f':'','t':'span_'+fieldRealId}
}

function createFileBrowser(fieldTitle, fieldRealId, fieldParentId, userTip){
	var cTable = document.getElementById('table_'+fieldParentId);
	var newHtmltr = document.createElement('tr');
	var newHtmlTd = document.createElement('td');
	var newHtmlTd2 = document.createElement('td');

	var cSpan = document.createElement('span');
	cSpan.setAttribute("id", 'span_'+fieldRealId);
	cSpan.className = "formFieldLabel";
	var nodeText = document.createTextNode(fieldTitle + ": ");
	cSpan.appendChild(nodeText);

	var newHidden = document.createElement('input');
	newHidden.setAttribute("id", fieldRealId);	
	newHidden.setAttribute("name", fieldRealId);
	newHidden.setAttribute("type", 'hidden');
	newHtmlTd.appendChild(newHidden);

	var fileBrowser = _getProgressBar(fieldRealId);
	newHtmlTd2.appendChild(fileBrowser);


	newHtmltr.setAttribute("title", userTip);
	newHtmlTd.className = "formLabelTd";
	newHtmlTd.appendChild(cSpan);
	newHtmltr.appendChild(newHtmlTd);
	newHtmltr.appendChild(newHtmlTd2);
	cTable.appendChild(newHtmltr);

	//Agregar Validador
	a_fields[fieldRealId] = {'l':fieldTitle,'r':false,'f':'','t':'span_'+fieldRealId}
}

function _getProgressBar(fieldRealId){
	dojo.require("dojo.io.iframe");
	var divBrowserContent = document.createElement('div');

	var divFileBrowser = document.createElement('div');
	divFileBrowser.setAttribute("id", 'fileBrowser_' + fieldRealId);
	divFileBrowser.className = "small";	
	
	var fileBrowser = document.createElement('input');
	fileBrowser.setAttribute('type', 'file');
	fileBrowser.onchange = function() { appendMediaFileToSpool(this,fieldRealId);};
	divFileBrowser.appendChild(fileBrowser);
	divBrowserContent.appendChild(divFileBrowser);

	var divSpool = document.createElement('div');
	divSpool.setAttribute("id", 'cola_' + fieldRealId);	
	divSpool.style.display = 'none';
	divSpool.style.marginLeft = '40px';
	
	var nodeTextSpool = document.createTextNode("Esperando...");
	divSpool.appendChild(nodeTextSpool);
	divBrowserContent.appendChild(divSpool);

	var divProgressBar = document.createElement('div');
	divProgressBar.setAttribute("id", 'progress_bar_' + fieldRealId);	
	divProgressBar.style.display = 'none';
	divProgressBar.style.marginLeft = '2px';
	

	var divProgressBarChild = document.createElement('div');
	divProgressBarChild.style.width = '300px';
	divProgressBarChild.style.background = '#ccc';
	divProgressBarChild.style.border = '1px solid #444';
	divProgressBar.appendChild(divProgressBarChild);

	var divLoadBar = document.createElement('div');
	divLoadBar.setAttribute("id", 'load_bar_' + fieldRealId);	
	divLoadBar.style.width = '0%';
	divLoadBar.style.background = 'url(/webexperto/img/media/bg_progressbar.gif)';
	divLoadBar.style.height = '15px';
	divLoadBar.style.overflow = 'hidden';
	divLoadBar.className = "small";

	divProgressBarChild.appendChild(divLoadBar);

	var divLoadText = document.createElement('div');
	divLoadText.setAttribute("id", 'load_text_' + fieldRealId);
	divLoadText.className = 'small';
	divProgressBar.appendChild(divLoadText);
	divBrowserContent.appendChild(divProgressBar);


	var imgLoadText = document.createElement('img');
	imgLoadText.setAttribute("align", 'absmiddle');
	imgLoadText.setAttribute("border", '0');
	imgLoadText.setAttribute("src", '/webexperto/img/media/progress.gif');
	divLoadText.appendChild(imgLoadText);


	return divBrowserContent;

}


function createDownloadFile(fieldTitle, fieldRealId, fieldParentId, userTip, mediaId, mediaName){
	var cTable = document.getElementById('table_'+fieldParentId);
	var newHtmltr = document.createElement('tr');
	var newHtmlTd = document.createElement('td');
	var newHtmlTd2 = document.createElement('td');
	newHtmlTd2.setAttribute("id", 'td2_' + fieldRealId );	

	var cSpan = document.createElement('span');
	cSpan.setAttribute("id", 'span_'+fieldRealId);
	cSpan.className = "formFieldLabel";
	var nodeText = document.createTextNode(fieldTitle + ": ");
	cSpan.appendChild(nodeText);

	var newHidden = document.createElement('input');
	newHidden.setAttribute("id", fieldRealId);	
	newHidden.setAttribute("name", fieldRealId);
	newHidden.setAttribute("type", 'hidden');
	newHidden.value = mediaId;
	newHtmlTd.appendChild(newHidden);

	var newLink = document.createElement('a');
	var linkEliminar = document.createElement('a');

	var td2Content = document.createElement('div');
	newLink.setAttribute("href", '/webexperto/clientes/admin_clientes.cgi?accion=legajos&comando=DownloadFile&idMediaContent='+mediaId);
	var linkText = document.createTextNode('Descargar ('+mediaName+')');
	newLink.appendChild(linkText);
	newLink.className = 'linkForm';

	linkEliminar.onclick = function() { deleteFile(mediaId, fieldRealId, fieldParentId); };
	var linkEliminarText = document.createTextNode('eliminar');
	linkEliminar.className = 'linkDeleteForm';
	linkEliminar.appendChild(linkEliminarText);

	td2Content.appendChild(newLink);
	td2Content.appendChild(linkEliminar);

	newHtmlTd2.appendChild(td2Content);

	newHtmltr.setAttribute("title", userTip);
	newHtmlTd.className = "formLabelTd";
	newHtmlTd.appendChild(cSpan);
	newHtmltr.appendChild(newHtmlTd);
	newHtmltr.appendChild(newHtmlTd2);
	cTable.appendChild(newHtmltr);

}

function createImage(fieldTitle, fieldRealId, fieldParentId, userTip, mediaId, mediaName, filePath){
	var cTable = document.getElementById('table_'+fieldParentId);
	var newHtmltr = document.createElement('tr');
	var newHtmlTd = document.createElement('td');
	var newHtmlTd2 = document.createElement('td');
	newHtmlTd2.setAttribute("id", 'td2_' + fieldRealId );	

	var cSpan = document.createElement('span');
	cSpan.setAttribute("id", 'span_'+fieldRealId);
	cSpan.className = "formFieldLabel";
	var nodeText = document.createTextNode(fieldTitle + ": ");
	cSpan.appendChild(nodeText);

	var newHidden = document.createElement('input');
	newHidden.setAttribute("id", fieldRealId);	
	newHidden.setAttribute("name", fieldRealId);
	newHidden.setAttribute("type", 'hidden');
	newHidden.value = mediaId;
	newHtmlTd.appendChild(newHidden);

	var td2Content = document.createElement('div');
	var img = document.createElement('img');
	img.style.cursor = 'pointer';
	img.src = filePath;
	img.onclick = function() { location.href = '/webexperto/clientes/admin_clientes.cgi?accion=legajos&comando=DownloadFile&idMediaContent='+mediaId; };

	var linkEliminar = document.createElement('a');
	linkEliminar.onclick = function() { deleteFile(mediaId, fieldRealId, fieldParentId); };
	var linkEliminarText = document.createTextNode('eliminar');
	linkEliminar.className = 'linkDeleteForm';
	linkEliminar.appendChild(linkEliminarText);

	var newLink = document.createElement('a');
	newLink.setAttribute("href", '/webexperto/clientes/admin_clientes.cgi?accion=legajos&comando=DownloadFile&idMediaContent='+mediaId);
	var fileName = document.createTextNode(mediaName);
	var spanFileName = document.createElement('span');
	spanFileName.className = "formFieldLabel";
	spanFileName.appendChild(fileName);
	newLink.appendChild(spanFileName);

	var divImageDetails = document.createElement('div');
	divImageDetails.appendChild(newLink);
	divImageDetails.appendChild(linkEliminar);

	td2Content.appendChild(img);
	td2Content.appendChild(divImageDetails);

	newHtmlTd2.appendChild(td2Content);

	newHtmltr.setAttribute("title", userTip);
	newHtmlTd.className = "formLabelTd";
	newHtmlTd.appendChild(cSpan);
	newHtmltr.appendChild(newHtmlTd);
	newHtmltr.appendChild(newHtmlTd2);
	cTable.appendChild(newHtmltr);

}

function createSimpleSelectionList(fieldTitle, fieldRealId, fieldParentId, fieldOptions, userTip, fieldValue){
	var newList = document.createElement('select');
	var cTable = document.getElementById('table_'+fieldParentId);
	var newHtmltr = document.createElement('tr');
	var newHtmlTd = document.createElement('td');
	var newHtmlTd2 = document.createElement('td');

	//var arrOptions = fieldOptions.split(",");
	var cSpan = document.createElement('span');
	cSpan.setAttribute("id", 'span_'+fieldRealId);
	cSpan.className = "formFieldLabel";
	var nodeText = document.createTextNode(fieldTitle + ": ");
	newList.setAttribute("id", fieldRealId);
	newList.setAttribute("name", fieldRealId);
	//newList.setAttribute("type", 'text');
	newList.className = "comboAlta";
	newHtmltr.setAttribute("title", userTip);
	cSpan.appendChild(nodeText);
	
	newHtmlTd.className = "formLabelTd";
	newHtmlTd.appendChild(cSpan);
	newHtmlTd2.appendChild(newList);
	newHtmltr.appendChild(newHtmlTd);
	newHtmltr.appendChild(newHtmlTd2);
	cTable.appendChild(newHtmltr);

	var cont = 0;
	for (var i in fieldOptions) {
		var cOption = document.createElement('option');
		var optionText = document.createTextNode(fieldOptions[i]);
		cOption.appendChild(optionText);
		cOption.setAttribute("value", i);
		newList.appendChild(cOption);

		var i = i.replace(/^\s*/g,"");
		var i = i.replace(/\s*$/g,"");

		var fieldValue = fieldValue.replace(/^\s*/g,"");
		var fieldValue = fieldValue.replace(/\s*$/g,"");

		if(i == fieldValue) {
			cOption.setAttribute("selected", "selected");
			newList.selectedIndex = cont;
		}
		cont++;
	}
	//Agregar Validador
	a_fields[fieldRealId] = {'l':fieldTitle,'r':false,'f':'','t':'span_'+fieldRealId}
}

function createMultipleSelectionList(fieldTitle, fieldRealId, fieldParentId, fieldOptions, userTip, arrValues){
	var newList;
	if (navigator.appName.match(/Internet Explorer/)) {
		newList = document.createElement('<SELECT MULTIPLE>');
	}
	else{
		newList = document.createElement('select');
	}
	
	var cTable = document.getElementById('table_'+fieldParentId);
	var newHtmltr = document.createElement('tr');
	var newHtmlTd = document.createElement('td');
	var newHtmlTd2 = document.createElement('td');

	var cSpan = document.createElement('span');
	cSpan.setAttribute("id", 'span_'+fieldRealId);
	cSpan.className = "formFieldLabel";
	var nodeText = document.createTextNode(fieldTitle + ": ");
	newList.setAttribute("id", fieldRealId);
	newList.setAttribute("name", fieldRealId);
	newList.className = "listaMultiple";
// 	newList.setAttribute ("style", "height:200px;");
// 	newList.size='3';
	newList.multiple='true'; 
	newHtmltr.setAttribute("title", userTip);
	cSpan.appendChild(nodeText);

	newHtmlTd.className = "formLabelTd";
	newHtmlTd.appendChild(cSpan);
	newHtmlTd2.appendChild(newList);
	newHtmltr.appendChild(newHtmlTd);
	newHtmltr.appendChild(newHtmlTd2);
	cTable.appendChild(newHtmltr);

	for (var i in fieldOptions) {
		var cOption = document.createElement('option');
		cOption.setAttribute("value", i);
		
		for (var j=0;j < arrValues.length;j++){
			if(i == arrValues[j]){
				cOption.selected = true;
			}
		}

		var optionText = document.createTextNode(fieldOptions[i]);
		cOption.appendChild(optionText);
		newList.appendChild(cOption);
	}
	//Agregar Validador
	a_fields[fieldRealId] = {'l':fieldTitle,'r':false,'f':'','t':'span_'+fieldRealId}
}

function createDatePicker(fieldTitle, fieldRealId, fieldParentId, userTip, fieldValue){
	dojo.require("dijit.form.DateTextBox");

	var cTable = document.getElementById('table_'+fieldParentId);
	var newHtmltr = document.createElement('tr');
	var newHtmlTd = document.createElement('td');
	var newHtmlTd2 = document.createElement('td');
		
	var cSpan = document.createElement('span');
	cSpan.setAttribute("id", 'span_'+fieldRealId);
	cSpan.className = "formFieldLabel";
	var nodeText = document.createTextNode(fieldTitle + ": ");
	newHtmltr.setAttribute("title", userTip);
	cSpan.appendChild(nodeText);

	var inputDatePicker = document.createElement('input');
	inputDatePicker.setAttribute("type", "text");
	inputDatePicker.setAttribute("name", fieldRealId);
	inputDatePicker.setAttribute("id", fieldRealId);

	newHtmlTd.className = "formLabelTd";
	newHtmlTd.appendChild(cSpan);
	newHtmlTd2.appendChild(inputDatePicker);
	newHtmltr.appendChild(newHtmlTd);
	newHtmltr.appendChild(newHtmlTd2);
	cTable.appendChild(newHtmltr);
	
 	var dojoDatePickerParams = {widgetId: fieldRealId, dojoType:"dijit.form.DateTextBox", required:"true", promptMessage:"dd/mm/aaaa", invalidMessage:"Valor no v&aacute;lido", constraints:{datePattern:'dd/MM/yyyy'}};
 	dojoDatePicker = new dijit.form.DateTextBox(dojoDatePickerParams, fieldRealId);
	dojo.byId(fieldRealId).value = fieldValue;
	dojo.byId(fieldRealId).name = fieldRealId;
	
	//Agregar Validador
// 	a_fields[fieldRealId] = {'l':fieldTitle,'r':false,'f':'date','t':'span_'+fieldRealId}
}

function createBooleanBox(fieldTitle, fieldRealId, fieldParentId, userTip, fieldValue){
	var newTextBox = document.createElement('input');
	var checkHidden = document.createElement('input');

	var cTable = document.getElementById('table_'+fieldParentId);
	var newHtmltr = document.createElement('tr');
	var newHtmlTd = document.createElement('td');
	var newHtmlTd2 = document.createElement('td');
	
	var cSpan = document.createElement('span');
	cSpan.className = "formFieldLabel";
	var nodeText = document.createTextNode(fieldTitle+ ": ");
	newTextBox.setAttribute("type", 'checkbox');
	newTextBox.onclick = function() { SetForm(fieldRealId, this.checked);};

	checkHidden.setAttribute("type", 'hidden');
	checkHidden.setAttribute("name", fieldRealId);
	checkHidden.setAttribute("id", fieldRealId);
	checkHidden.value = "false";

	newHtmltr.setAttribute("title", userTip);

	cSpan.appendChild(nodeText);
	newHtmlTd.className = "formLabelTd";
	newHtmlTd.setAttribute("align", "left");
	newHtmlTd2.setAttribute("align", "left");
	newHtmlTd2.appendChild(newTextBox);
	newHtmlTd2.appendChild(checkHidden);
	newHtmlTd.appendChild(cSpan);
	newHtmltr.appendChild(newHtmlTd);
	newHtmltr.appendChild(newHtmlTd2);
	cTable.appendChild(newHtmltr);

	if(fieldValue == 1){
		checkHidden.value = "true";
		newTextBox.setAttribute("checked", 'checked');
	}

}

function createLabel(fieldTitle,fieldParentId,fieldValue){

	var cTable = document.getElementById('table_'+fieldParentId);
	var newHtmltr = document.createElement('tr');
	var newHtmlTd = document.createElement('td');
	var newHtmlTd2 = document.createElement('td');
	
	var cSpan = document.createElement('span');
	cSpan.className = "formFieldLabel";
	var nodeText = document.createTextNode(fieldTitle + ": ");
	cSpan.appendChild(nodeText);

	var cSpan2 = document.createElement('span');
	cSpan2.className = "formFieldLabel";
	var nodeText2 = document.createTextNode(fieldValue);
	cSpan2.appendChild(nodeText2);
	
	newHtmlTd.className = "fieldTd";
	newHtmlTd.setAttribute("align", "left");
	newHtmlTd.className = "formLabelTd";
	newHtmlTd2.setAttribute("align", "left");
	newHtmlTd2.appendChild(cSpan2);
	newHtmlTd.appendChild(cSpan);
	newHtmltr.appendChild(newHtmlTd);
	newHtmltr.appendChild(newHtmlTd2);
	cTable.appendChild(newHtmltr);

}

// upload media-file functions

var uploadingFile;

function getUploadIdentifier(hiddenFileId) {
	var uploadId;
	var rand = Math.round(100*Math.random());
	var deferred = dojo.xhrGet({
		url: "/index.cgi?accion=getPlugin&pluginName=get_upload_unique_identifier&inputFileName="+hiddenFileId+"&_nocache="+rand,
		handleAs: "text",
		sync:true,
		handle: function(response, ioArgs){
				if(response instanceof Error){
						if(response.dojoType == "cancel"){
								alert("Petición cancelada.");
						}else if(response.dojoType == "timeout"){
								alert("Tiempo de petición agotado.");
						}else{
								//Some other error happened.
								alert(response);
						}
					
				}else{
						uploadId = response;
				}
		
		}
	});

	return uploadId;
}

function addMediaFile(uploadIdentifier,hiddenFileId,descriptionMedia) {
	var mediaId;
	var mediaDescription = '';
	var rand = Math.round(100*Math.random());

	if(descriptionMedia){
		mediaDescription = descriptionMedia;
	}

	var deferred = dojo.xhrGet({
// EL PARAMETRO hiddenMode ESTABA EN TRUE PARA QUE LAS IMAGENES DEL CATALOGO SOLO ESTEN DISPONIBLES EN CATALOGO
		url: "/index.cgi?accion=getPlugin&pluginName=do_add_media&hiddenMode=false&uploadIdentifier="+uploadIdentifier+"&mediaDescription="+mediaDescription+"&_nocache="+rand,
		handleAs: "json",
		sync:true,
		handle: function(response, ioArgs){
				if(response instanceof Error){
						if(response.dojoType == "cancel"){
							alert("Petición cancelada.");
						}else if(response.dojoType == "timeout"){
							alert("Tiempo de petición agotado.");
						}else{
							alert(response); //Some other error happened.
						}
					
				}else{
					if (response.Status == 'ok_mediaAdded') {
						mediaId = response.MediaId;
						document.getElementById(hiddenFileId).value = mediaId;
					}
					else {
						alert("error_addMedia1: "+response.ErrorDescription);
					}
				}
		}
	});
	return mediaId;
}

function uploadFile(tempFileBrowser,hiddenFileId) {
	uploadingFile = true;
	tempFileBrowser.name = 'mediaFile';
	progressBar = 'progress_bar_'+hiddenFileId;
	var filename = tempFileBrowser.value;
	var fileNode = tempFileBrowser.parentNode.removeChild(tempFileBrowser);
	var formUpload = document.getElementById('formUpload');
	formUpload.appendChild(fileNode);
	document.getElementById(progressBar).style.display='block';
	document.getElementById('cola_'+hiddenFileId).style.display='none';

	var rand = Math.round(100*Math.random());
	var uploadId = getUploadIdentifier(hiddenFileId);
	var deferred = dojo.io.iframe.send({
		url: "/webexperto/resources/upload.cgi?fileUploadId="+uploadId+"&_nocache="+rand,
		handleAs: "text/json-comment-filtered",
		method: "post",
		form:formUpload,
		handle: function(response, ioArgs){
				if(response instanceof Error){
						if(response.dojoType == "cancel"){
								alert("Petición cancelada.");
						}else if(response.dojoType == "timeout"){
								alert("Tiempo límite de petición.");
						}else{
								//Some other error happened.
								alert("Ha ocurrido un error por favor comuníquese con nuestro soporte técnico.\n\nSepa disculpar las molestias ocasionadas.");
						}
				}else{
						var resp = response.match(/^(finishUploadOK)/g);
						if (resp) {
							uploadingFile = false;
							var values = response.split(/:/);
							fileNode.parentNode.removeChild(fileNode);
							var arrFileName = filename.split(/[\\\/]/);
							filename = arrFileName[arrFileName.length-1];
							var mediaId = addMediaFile(uploadId,hiddenFileId);
							document.getElementById(progressBar).style.display='none';
							var nodeFileName = document.createTextNode(filename);
							document.getElementById('fileBrowser_'+hiddenFileId).appendChild(nodeFileName);
							arrSpool.shift(); // lo saco de la cola
							if (arrSpool.length > 0){
								var mediaHsh = arrSpool[0];
								uploadFile(mediaHsh['tempFileBrowser'],mediaHsh['hiddenFileId']);
							}
						}
						else {}
				}

		}
	});

	
	getProgressBar(uploadId,hiddenFileId);
}

function getProgressBar(uploadIdentifier,hiddenFileId) {

	var barName = "load_bar_"+hiddenFileId;
	var textName = "load_text_"+hiddenFileId;

	var rand = Math.round(100*Math.random());
	var deferred = dojo.xhrGet({
		url: "/index.cgi?accion=getPlugin&pluginName=get_upload_status&uploadIdentifier="+uploadIdentifier+"&_nocache="+rand,
		handleAs: "json",
		sync:true,
		handle: function(response, ioArgs){
				if(response instanceof Error){
						if(response.dojoType == "cancel"){
								alert("Request canceled.");
						}else if(response.dojoType == "timeout"){
								alert("Request timed out.");
						}else{
								//Some other error happened.
								alert(response);
						}
				}else{
						if ((response.Status == 'finish') || (response.Status == 'unknownUploadIdentifier')) {

						}
						else if (response.Status == 'uploading') {
							var size = response.TotalUploadedFileSize;
							var totalSize = response.TotalFileSize;
							var percent = size * 100 / totalSize;
							if ((size != undefined) && (totalSize != undefined)) {
								document.getElementById(barName).style.width = percent+"%";
								document.getElementById(textName).innerHTML = "Cargando "+Math.floor(Math.round(size/1024*100)/100)+" de "+Math.floor(Math.round(totalSize/1024*100)/100)+" Kb";
							}
							setTimeout( "getProgressBar('"+uploadIdentifier+"', '"+hiddenFileId+"')", 300 );
						}		
						else {
							if(uploadingFile) setTimeout( "getProgressBar('"+uploadIdentifier+"', '"+hiddenFileId+"')", 300 );
						}
				}
		}
	});
}

var arrSpool = new Array();

function appendMediaFileToSpool(tempFileBrowser,hiddenFileId){

	var mediaHsh = {'tempFileBrowser':tempFileBrowser,'hiddenFileId':hiddenFileId};

	arrSpool.push(mediaHsh);

	if (arrSpool.length == 1){
		uploadFile(mediaHsh['tempFileBrowser'],mediaHsh['hiddenFileId']);
	}
	else {
		document.getElementById('fileBrowser_'+hiddenFileId).style.display='none';
		document.getElementById('cola_'+hiddenFileId).style.display='block';
	}
}
function sendForm() {
	if (arrSpool.length > 0){
		alert('Archivos en proceso de envío, aguarde su finalización por favor. Gracias.');
	}
	else {
		document.mainForm.submit();
	}
}



function deleteFile(id, fieldId, fieldParentId) {
	var rand = Math.round(100*Math.random());
	var deferred = dojo.xhrGet({
			url: "/webexperto/index.pl?_c=MediaManager&_a=delMediaContent&mediaContentId="+ id + "&fieldId=" + fieldId +"&_nocache="+rand,
			handleAs: "text",
			sync:true,
			handle: function(response, ioArgs){
					if(response instanceof Error){
							if(response.dojoType == "cancel"){
									alert("Request canceled.");
							}else if(response.dojoType == "timeout"){
									alert("Request timed out.");
							}else{
									//Some other error happened.
									alert(response);
							}
						
					}else{
						var hidden = document.getElementById(fieldId);
						hidden.value = '';

						var parentObj = document.getElementById('td2_'+fieldId);
						//Cambiar link por input file
						var fileBrowser = _getProgressBar(fieldId);

						parentObj.replaceChild(fileBrowser,parentObj.firstChild);
						alert('El archivo se ha borrado con éxito');
					}
			
			}
		});

}

function createFieldMultipleFile(fieldTitle, fieldRealId, fieldParentId, userTip, fieldValue){
	var newbuttonBox = document.createElement('input');

	var cTable = document.getElementById('table_'+fieldParentId);
	var newHtmltr = document.createElement('tr');
	var newHtmlTd = document.createElement('td');
	var newHtmlTd2 = document.createElement('td');
	var newDivInTd2 = document.createElement('div');
	var newInputHidden = document.createElement('input');
	
	newInputHidden.setAttribute("type", 'hidden');
	newInputHidden.setAttribute("id", fieldRealId);
	newInputHidden.setAttribute("name", fieldRealId);
	
// 	document.body.className = "tundra";

	newDivInTd2.setAttribute("id", "divPopUp_"+fieldRealId);
	
	var cSpan = document.createElement('span');
	cSpan.className = "formFieldLabel";
	var nodeText = document.createTextNode(fieldTitle+ ": ");

	newbuttonBox.setAttribute("type", 'button');
	newbuttonBox.setAttribute("value", 'Agregar archivos');
	newbuttonBox.setAttribute("id", 'buttonMultipleMedia');

	newbuttonBox.onclick = function () {getMultipleFilePopup(fieldRealId);};

	newHtmltr.setAttribute("title", userTip);

	cSpan.appendChild(nodeText);
	newHtmlTd.className = "formLabelTd";
	newHtmlTd.setAttribute("align", "left");
	newHtmlTd2.setAttribute("align", "left");
	newDivInTd2.setAttribute("align", "left");
	newHtmlTd2.appendChild(newDivInTd2);
	newHtmlTd2.appendChild(newbuttonBox);
	newHtmlTd.appendChild(cSpan);
	newHtmltr.appendChild(newHtmlTd);
	newHtmltr.appendChild(newHtmlTd2);
	cTable.appendChild(newHtmltr);
	newHtmltr.appendChild(newInputHidden);

	//Agregar Validador
//	a_fields[fieldRealId] = {'l':fieldTitle,'r':false,'f':'','t':'span_'+fieldRealId}
}

function getMultipleFilePopup(fieldRealId){
	dojo.require("dijit.Dialog");
	dojo.xhrGet({
			url: "/webexperto/index.pl?_c=mediaManager&_a=getMultipleMediaUpdater",
			timeout: 12000,
			preventCache:true,
			load: function(response, ioArgs) {
				var multipleMediaDialog = new dijit.Dialog({id: 'widgetMultipleFileUpload',title: "Selección de archivos multiple"});
				
				dojo.body().appendChild(multipleMediaDialog.domNode);
				multipleMediaDialog.startup();
				multipleMediaDialog.setContent(response);
				
				var newHidden = document.createElement('input');
				newHidden.setAttribute("id", 'hiddenFile_1');	
				newHidden.setAttribute("name", 'hiddenFile_1');
				newHidden.setAttribute("type", 'hidden');
				document.getElementById('hiddenContainer').appendChild(newHidden);
				
				arrayElements = new Array();
				indiceCantElementos = 2;
				elementsHsh = {'tempFileBrowser':'file_1','hiddenFileId':'hiddenFile_1','descriptionMedia':'descMedia_1'};
				arrayElements.push(elementsHsh);
				
				var inputDescMedia = document.createElement('input');
				inputDescMedia.setAttribute("id", 'descMedia_1');	
				inputDescMedia.setAttribute("name", 'descMedia_1');
				inputDescMedia.setAttribute("type", 'text');

				var fileBrowser = _getProgressBarMultipleMedia('file_1','hiddenFile_1');

				document.getElementById('td_descMedia').appendChild(inputDescMedia);
				document.getElementById('td_InitFile').appendChild(fileBrowser);

// 				dojo.connect(multipleMediaDialog,"onClick", setMultipleMediaField);
				dojo.connect(multipleMediaDialog,"onClose", function(){getMultipleMedia(fieldRealId)});
				dojo.style(multipleMediaDialog.closeButtonNode,"display","none");

				multipleMediaDialog.show();
			},
			error: function(response, err) {
			console.info("HTTP status code: "+ ioArgs.xhr.status+" - err: " + err);
			return response;
			}
	});
}

function addFieldMultipleMedia(){
	var table = document.getElementById("tableCampos");
	var tr = document.createElement("tr");
	var td = document.createElement("td");
	var tdDescripcion = document.createElement("td");
	var td2 = document.createElement("td");
	var buttonQuitar = document.createElement("input");

	buttonQuitar.setAttribute("type", "button");
	buttonQuitar.setAttribute("name", "button_"+indiceCantElementos);
	buttonQuitar.setAttribute("value", "");
	buttonQuitar.setAttribute("id", "quitar_"+indiceCantElementos);
	buttonQuitar.style.backgroundImage = "url('/webexperto/img/publish_x.png')";
	buttonQuitar.style.backgroundRepeat = 'no-repeat';
	buttonQuitar.style.border = '1px solid #FFFFFF';
	buttonQuitar.style.width = '20px';
	buttonQuitar.style.height = '20px';
	
	
	tr.setAttribute("id", "tr_"+indiceCantElementos);

	
	elementsHsh = {'tempFileBrowser':'file_'+indiceCantElementos,'hiddenFileId':'hiddenFile_'+indiceCantElementos,'descriptionMedia':'descMedia_'+indiceCantElementos};

	arrayElements.push(elementsHsh);

	var inputDescMedia = document.createElement('input');
	inputDescMedia.setAttribute("id", 'descMedia_'+indiceCantElementos);
	inputDescMedia.setAttribute("name", 'descMedia_'+indiceCantElementos);
	inputDescMedia.setAttribute("type", 'text');

	var inputFile = _getProgressBarMultipleMedia('file_'+indiceCantElementos,'hiddenFile_'+indiceCantElementos);

	
	
	var newHidden = document.createElement('input');
	newHidden.setAttribute("id", 'hiddenFile_'+indiceCantElementos);	
	newHidden.setAttribute("name", 'hiddenFile_'+indiceCantElementos);
	newHidden.setAttribute("type", 'hidden');
	document.getElementById('hiddenContainer').appendChild(newHidden);
	
	var valorCampo = "tr_"+indiceCantElementos;
	buttonQuitar.onclick = function() {deleteFieldMultipleMedia(this.parentNode.parentNode);};
	
	td.className = "small";
	td.appendChild(inputFile);
	tdDescripcion.appendChild(inputDescMedia);
	td2.appendChild(buttonQuitar);

	tr.appendChild(tdDescripcion);
	tr.appendChild(td);
	tr.appendChild(td2);
	table.appendChild(tr);
	indiceCantElementos = indiceCantElementos+1;
}
function deleteFieldMultipleMedia(objectDeleted){
	var table = document.getElementById('tableCampos');
	table.removeChild(objectDeleted);

	var indexDeleted = objectDeleted.id.substring(3)-1;
	var cHsh = arrayElements[indexDeleted];

// 	VACIO LA POSICION DEL ARREGLO PORQUE ELIMINARLA Y MODIFICAR EL TAMAÑO DEL MISMO TRAIA PROBLEMAS
	cHsh['tempFileBrowser'] = '';
	cHsh['hiddenFileId'] = '';
	cHsh['descriptionMedia'] = '';
	arrayElements[indexDeleted] = cHsh;

	var inputFile = document.getElementById('hiddenFile_'+objectDeleted.id.substring(3));
	document.getElementById('hiddenContainer').removeChild(inputFile);
}

function _getProgressBarMultipleMedia(fielId, hiddenId){
	dojo.require("dojo.io.iframe");
	var divBrowserContent = document.createElement('div');

	var divFileBrowser = document.createElement('div');
	divFileBrowser.setAttribute("id", 'fileBrowser_' + hiddenId);
	divFileBrowser.className = "small";	
	
	var fileBrowser = document.createElement('input');
	fileBrowser.setAttribute('type', 'file');
	fileBrowser.setAttribute('title', "");
	fileBrowser.setAttribute('id', fielId);
	fileBrowser.onchange = function() {this.title = this.value;};
	divFileBrowser.appendChild(fileBrowser);
	divBrowserContent.appendChild(divFileBrowser);

	var divSpool = document.createElement('div');
	
	divSpool.setAttribute("id", 'cola_' + hiddenId);	
	divSpool.style.display = 'none';
	divSpool.style.marginLeft = '40px';
	
	var nodeTextSpool = document.createTextNode("Esperando...");
	divSpool.appendChild(nodeTextSpool);
	divBrowserContent.appendChild(divSpool);

	var divProgressBar = document.createElement('div');
	divProgressBar.setAttribute("id", 'progress_bar_' + hiddenId);	
	divProgressBar.style.display = 'none';
	divProgressBar.style.marginLeft = '2px';
	

	var divProgressBarChild = document.createElement('div');
	divProgressBarChild.style.width = '100%';
	divProgressBarChild.style.background = '#ccc';
	divProgressBarChild.style.border = '1px solid #444';
	divProgressBar.appendChild(divProgressBarChild);

	var divLoadBar = document.createElement('div');
	divLoadBar.setAttribute("id", 'load_bar_' + hiddenId);	
	divLoadBar.style.width = '0%';
	divLoadBar.style.background = 'url(/webexperto/img/media/bg_progressbar.gif)';
	divLoadBar.style.height = '15px';
	divLoadBar.style.overflow = 'hidden';
	divLoadBar.className = "small";

	divProgressBarChild.appendChild(divLoadBar);

	var divLoadText = document.createElement('div');
	divLoadText.setAttribute("id", 'load_text_' + hiddenId);
	divLoadText.className = 'small';
	divProgressBar.appendChild(divLoadText);
	divBrowserContent.appendChild(divProgressBar);


	var imgLoadText = document.createElement('img');
	imgLoadText.setAttribute("align", 'absmiddle');
	imgLoadText.setAttribute("border", '0');
	imgLoadText.setAttribute("src", '/webexperto/img/media/progress.gif');
	divLoadText.appendChild(imgLoadText);


	return divBrowserContent;

}

var arrMultipleMediaSpool = new Array();

function appendMultipleMediaFileToSpool(idtempFileBrowser,hiddenFileId, descMedia){
	var tempFileBrowser = document.getElementById(idtempFileBrowser);

	if(tempFileBrowser.value != ''){
		var mediaHsh = {'tempFileBrowser':tempFileBrowser,'hiddenFileId':hiddenFileId, 'descriptionMedia':descMedia};

		arrMultipleMediaSpool.push(mediaHsh);

		if (arrMultipleMediaSpool.length == 1){
			uploadMultipleFile(mediaHsh['tempFileBrowser'],mediaHsh['hiddenFileId'],mediaHsh['descriptionMedia']);
		}
		else {
			document.getElementById('fileBrowser_'+hiddenFileId).style.display='none';
			document.getElementById('cola_'+hiddenFileId).style.display='block';
		}
	}
}

function uploadMultipleFile(tempFileBrowser,hiddenFileId,descriptionMedia) {
	uploadingFile = true;
	tempFileBrowser.name = 'mediaFile';
	
	progressBar = 'progress_bar_'+hiddenFileId;
	var filename = tempFileBrowser.value;
	var fileNode = tempFileBrowser.parentNode.removeChild(tempFileBrowser);
	var formUpload = document.getElementById('formUpload');
	formUpload.appendChild(fileNode);
	document.getElementById(progressBar).style.display='block';
	document.getElementById('cola_'+hiddenFileId).style.display='none';

	var rand = Math.round(100*Math.random());
	var uploadId = getUploadIdentifier(hiddenFileId);
	var deferred = dojo.io.iframe.send({
		url: "/webexperto/resources/upload.cgi?fileUploadId="+uploadId+"&_nocache="+rand,
		handleAs: "text/json-comment-filtered",
		method: "post",
		form:formUpload,
		handle: function(response, ioArgs){
		
				if(response instanceof Error){
						if(response.dojoType == "cancel"){
								alert("Petición cancelada.");
						}else if(response.dojoType == "timeout"){
								alert("Tiempo límite de petición.");
						}else{
								//Some other error happened.
								alert("Ha ocurrido un error por favor comuníquese con nuestro soporte técnico.\n\nSepa disculpar las molestias ocasionadas.");
						}
				}else{
						var resp = response.match(/^(finishUploadOK)/g);
						
						if (resp) {
							uploadingFile = false;
							var values = response.split(/:/);
							fileNode.parentNode.removeChild(fileNode);
							var arrFileName = filename.split(/[\\\/]/);
							filename = arrFileName[arrFileName.length-1];
							var mediaId = addMediaFile(uploadId,hiddenFileId,descriptionMedia);
							document.getElementById(progressBar).style.display='none';
							var nodeFileName = document.createTextNode(filename);
							document.getElementById('fileBrowser_'+hiddenFileId).appendChild(nodeFileName);
							document.getElementById('fileBrowser_'+hiddenFileId).style.display='block';
							arrMultipleMediaSpool.shift(); // lo saco de la cola
							
							if (arrMultipleMediaSpool.length > 0){
								var mediaHsh = arrMultipleMediaSpool[0];

								var cDescMedia = mediaHsh['descriptionMedia'];
								uploadMultipleFile(mediaHsh['tempFileBrowser'],mediaHsh['hiddenFileId'],cDescMedia);
							}
							else{
								document.getElementById('btnOK').style.display='inline';
							}
						}
						else {}
				}

		}
	});

	
	getProgressBar(uploadId,hiddenFileId);
}

function setMultipleMediaField(){
	var tableFiles = document.getElementById('tableCampos');
	var arrInputs = tableFiles.getElementsByTagName('input');

// 	OCULTO LOS BOTONES DE QUITAR
	for (var p=0;p<arrInputs.length;p++){
		var cInput = arrInputs[p];

		var idInput = cInput.id;

		if(idInput.match(/^quitar/)){
			cInput.style.display='none';
		}
	}


	for (l=0;l<arrayElements.length;l++){
		var row = arrayElements[l];

		if(row['tempFileBrowser'] !='' && row['hiddenFileId'] !=''){
			document.getElementById('btnAgregar').style.display='none';
			document.getElementById('uploadMultipleFile').style.display='none';
			document.getElementById('spanDescripcion').style.display='none';

			var descMedia = document.getElementById(row['descriptionMedia']);
			row['descriptionMedia'] = descMedia;
			arrayElements[l] = row;
			appendMultipleMediaFileToSpool(row['tempFileBrowser'],row['hiddenFileId'],descMedia.value);
		}
	}
}

function getMultipleMedia(fieldRealId){
	arrayinputMedia = document.getElementById('hiddenContainer').childNodes;
	var idMedia = '';
	for (var h=0; h<arrayinputMedia.length; h++){
		idMedia = idMedia+ ',' +arrayinputMedia[h].value;
	}
	idMedia = idMedia.substring(1);

	if(document.getElementById(fieldRealId).value != ''){
		document.getElementById(fieldRealId).value += ',' + idMedia;
	}
	else{
		document.getElementById(fieldRealId).value = idMedia;
	}


	dojo.xhrGet({
				url: "/webexperto/index.pl?_c=widgetMedia&_a=getWidgetMediaGallery&idMediaContents="+document.getElementById(fieldRealId).value,
				timeout: 12000,
				preventCache:true,
				handleAs:"text",
				load: function(response, ioArgs) {
					if(document.getElementById('divPopUp_'+fieldRealId) && response){
						document.getElementById('divPopUp_'+fieldRealId).innerHTML = response;
						document.getElementById('fieldId').innerHTML = fieldRealId;
					}
					
				},
				error: function(response, err) {
					console.info("HTTP status code: "+ ioArgs.xhr.status+" - err: " + err);
					return response;
				}
	});

	dijit.byId('widgetMultipleFileUpload').destroy();
}

function createGallery(fieldId,fieldTitle,fieldName,galleryParentId,tip,arrImages){
	var cTable = document.getElementById('table_'+galleryParentId);
	var trField = document.createElement('tr');
	var tdLabel = document.createElement('td');
	var tdFieldValue = document.createElement('td');
	var divGallery = document.createElement('div');
	var divContainerGallery = document.createElement('div');
	var divOverflowContainer = document.createElement('div');
	
	var cSpan = document.createElement('span');
	cSpan.setAttribute("id", 'span_'+fieldId);
	cSpan.className = "formFieldLabel";

	var labelText = document.createTextNode(fieldTitle + ": ");

	var newInputHidden = document.createElement('input');
	
	newInputHidden.setAttribute("type", 'hidden');
	newInputHidden.setAttribute("id", fieldName);
	newInputHidden.setAttribute("name", fieldName);

	cSpan.appendChild(labelText);
	tdLabel.appendChild(cSpan);
// 	divGallery.setAttribute("id", 'container_'+fieldName);
	divContainerGallery.setAttribute("id", "divPopUp_"+fieldName);
	divGallery.style.width = '540px';
	divGallery.style.height = '180px';
	divGallery.style.overflowX = 'auto';
	divGallery.style.overflowY = 'hidden';
	divGallery.style.marginBottom = '6px';
	divOverflowContainer.style.width = '40000px';
	
	for(var k=0;k<arrImages.length;k++){
		var rowGallery = arrImages[k];
		var divContainer = document.createElement('div');
		divContainer.style.width = '135px';
		divContainer.style.height = '180px';
		divContainer.style.styleFloat = 'left';
		divContainer.style.overflow = 'hidden';

		divContainer.setAttribute("style",'width:135px;float:left;overflow:hidden;height:185px;');

		var br = document.createElement('br');
		var br2 = document.createElement('br');

		if(rowGallery['mimeType'] == 'image'){
			var imgGallery = document.createElement('img');
			var divLinkForm = document.createElement('div');

			imgGallery.src = '/' + rowGallery['thumbMin'];
			imgGallery.setAttribute("alt",rowGallery['originalFileName']);
			imgGallery.setAttribute("title",rowGallery['originalFileName']);
			imgGallery.setAttribute("border",0);
			imgGallery.style.marginRight = '8px';
			imgGallery.style.height = '100px';
			imgGallery.style.overflow = 'hidden';

			divLinkForm.className = 'linkForm';
			divLinkForm.style.height = '100px';
			divLinkForm.style.width = '100px';
			divLinkForm.style.overflow = 'hidden';
			divLinkForm.appendChild(imgGallery);

			divContainer.appendChild(divLinkForm);
		}
		else{
			var divContainerLink = document.createElement('div');
			divContainerLink.style.height = '100px';
			divContainerLink.style.overflow = 'hidden';
			var mediaLink = document.createElement('a');
			mediaLink.className = 'linkForm';
			mediaLink.setAttribute("href", '/webexperto/clientes/admin_clientes.cgi?accion=legajos&comando=DownloadFile&idMediaContent='+rowGallery['id']);
			txtName = document.createTextNode(rowGallery['originalFileName']);
			mediaLink.appendChild(txtName);
			divContainerLink.appendChild(mediaLink);
			divContainer.appendChild(divContainerLink);
		}

		var newLink = document.createElement('a');
		var linkEliminar = document.createElement('a');
		var imgDownload = document.createElement('img');

		imgDownload.src = "/webexperto/img/media/download.gif";
		imgDownload.setAttribute("alt","Descargar");
		imgDownload.setAttribute("title","Descargar");
		imgDownload.setAttribute("border",0);
		newLink.setAttribute("href", '/webexperto/clientes/admin_clientes.cgi?accion=legajos&comando=DownloadFile&idMediaContent='+rowGallery['id']);
		newLink.style.marginLeft = '3px';
		newLink.appendChild(imgDownload);
		newLink.className = 'linkForm';

		linkEliminar.setAttribute("id",rowGallery['id']);
		linkEliminar.style.marginLeft = '3px';
		linkEliminar.onclick = function() {deleteMultipleFile(this.id, fieldName, galleryParentId);};
		var imgDelete = document.createElement('img');

		imgDelete.src = "/webexperto/img/media/delete.gif";
		imgDelete.setAttribute("alt","Eliminar");
		imgDelete.setAttribute("title","Eliminar");
		imgDelete.setAttribute("border",0);

		linkEliminar.className = 'linkDeleteForm';
		linkEliminar.style.marginLeft = '3px';
		linkEliminar.appendChild(imgDelete);

		var pDescription = document.createElement('p');
		pDescription.className = 'formFieldLabel';
		pDescription.style.height = '32px';
		pDescription.style.width = '100px';
		pDescription.style.overflow = 'hidden';
		pDescription.setAttribute("id", 'span_'+rowGallery['id']);
		pDescription.style.marginBottom = '4px';
		pDescription.setAttribute("title",rowGallery['description']);
		var cDesc = document.createTextNode(rowGallery['description']);
		pDescription.appendChild(cDesc);

		var linkModificar = document.createElement('a');
		linkModificar.setAttribute("href", "javascript:getUpdateMediaData(document.getElementById('span_"+rowGallery['id']+"').innerHTML,'"+rowGallery['id']+"');");
		linkModificar.setAttribute("name", 'linkModificar');
		linkModificar.style.marginLeft = '3px';
		linkModificar.className = 'linkDeleteForm';
// 		linkModificar.style.marginLeft = '20px';
		var imgEdit = document.createElement('img');

		imgEdit.src = "/webexperto/img/media/edit.gif";
		imgEdit.setAttribute("alt","Modificar descripcion");
		imgEdit.setAttribute("title","Modificar descripcion");
		imgEdit.setAttribute("border",0);
		linkModificar.appendChild(imgEdit);

		var spanActions = document.createElement('span');
		spanActions.appendChild(newLink);
		spanActions.appendChild(linkEliminar);

		divContainer.appendChild(pDescription);
		divContainer.appendChild(linkModificar);
		divContainer.appendChild(spanActions);
		divOverflowContainer.appendChild(divContainer);

		newInputHidden.value += rowGallery['id'] + ',';
	}

	newInputHidden.value = newInputHidden.value.substring(0, (newInputHidden.value.length-1));

	indiceCantElementos=2;

	var divClear = document.createElement('div');
	divClear.style.clear = 'both';
	var txtClear = document.createTextNode(' ');
	divClear.appendChild(txtClear);
	divOverflowContainer.appendChild(divClear);
	divGallery.appendChild(divOverflowContainer);
	divContainerGallery.appendChild(divGallery);
	tdFieldValue.appendChild(divContainerGallery);

// 	document.body.className = "tundra";

// 	tdFieldValue.setAttribute("id", "divPopUp_"+fieldName);
	
	var newbuttonBox = document.createElement('input');
	newbuttonBox.setAttribute("type", 'button');
	newbuttonBox.setAttribute("value", 'Agregar archivos');
	newbuttonBox.setAttribute("id", 'buttonMultipleMedia');
	newbuttonBox.onclick = function () {getMultipleFilePopup(fieldName);};

	tdFieldValue.appendChild(newbuttonBox);
	tdFieldValue.appendChild(newInputHidden);

	trField.appendChild(tdLabel);
	trField.appendChild(tdFieldValue);
	trField.setAttribute("title", tip);

	cTable.appendChild(trField);
}

function deleteMultipleFile(id, fieldId, fieldParentId) {
	var rand = Math.round(100*Math.random());
	var deferred = dojo.xhrGet({
			url: "/webexperto/index.pl?_c=MediaManager&_a=delMediaContent&mediaContentId="+ id + "&fieldId=" + fieldId +"&_nocache="+rand,
			handleAs: "text",
			sync:true,
			handle: function(response, ioArgs){
					if(response instanceof Error){
							if(response.dojoType == "cancel"){
									alert("Request canceled.");
							}else if(response.dojoType == "timeout"){
									alert("Request timed out.");
							}else{
									//Some other error happened.
									alert(response);
							}
						
					}else{
						var hidden = document.getElementById(fieldId);
						var arrIdMedia = hidden.value.split(",");
						hidden.value = '';
	
						for(var k=0;k<arrIdMedia.length;k++){
							if(arrIdMedia[k] != id){
								hidden.value += arrIdMedia[k]+',';
							}
						}

						hidden.value = hidden.value.substring(0, (hidden.value.length-1));
						
						alert('El archivo se ha borrado con éxito');
					}
			
			}
	});

	dojo.xhrGet({
				url: "/webexperto/index.pl?_c=widgetMedia&_a=getWidgetMediaGallery&idMediaContents="+document.getElementById(fieldId).value,
				timeout: 12000,
				preventCache:true,
				load: function(response, ioArgs) {
					if(document.getElementById('divPopUp_'+fieldId) && response){
						document.getElementById('divPopUp_'+fieldId).innerHTML = response;
						document.getElementById('fieldId').innerHTML = fieldId;
					}
					
				},
				error: function(response, err) {
					console.info("HTTP status code: "+ ioArgs.xhr.status+" - err: " + err);
					return response;
				}
	});
}

function getUpdateMediaData(mediaDescription, idMediaContent){
	dojo.require("dijit.Dialog");
	dojo.xhrGet({
			url: "/webexperto/index.pl?_c=mediaManager&_a=getUpdateMediaContent",
			timeout: 12000,
			preventCache:true,
			load: function(response, ioArgs) {
				var updateMediaDialog = new dijit.Dialog({id: 'widgetUpdateMedia',title: "Modificar contenido"});
				
				dojo.body().appendChild(updateMediaDialog.domNode);
				updateMediaDialog.startup();
				updateMediaDialog.setContent(response);
				
				document.getElementById('descMedia').value = mediaDescription;
				document.getElementById('idMediaContent').value = idMediaContent;
				dojo.connect(updateMediaDialog,"onClose", function(){dijit.byId('widgetUpdateMedia').destroy();});
				dojo.style(updateMediaDialog.closeButtonNode,"display","none");
				
				updateMediaDialog.show();
			},
			error: function(response, err) {
			console.info("HTTP status code: "+ ioArgs.xhr.status+" - err: " + err);
			return response;
			}
	});
}

function updateMediaData(idMedia, mediaDescription){
	dojo.xhrGet({
			url: "/webexperto/index.pl?_c=mediaManager&_a=updateMediaContent&media_description="+ mediaDescription +"&mediaContentId="+ idMedia,
			handleAs: "json",
			timeout: 12000,
			preventCache:true,
			load: function(response, ioArgs) {
				document.getElementById('span_'+idMedia).innerHTML = mediaDescription;
				
				alert(response.message);
				dijit.byId('widgetUpdateMedia').destroy();
			},
			error: function(response, err) {
			console.info("HTTP status code: "+ ioArgs.xhr.status+" - err: " + err);
			return response;
			}
	});
}

function createColorPicker(fieldTitle, fieldRealId, fieldParentId, userTip, fieldValue){
	dojo.require("dojox.widget.ColorPicker");

	var cTable = document.getElementById('table_'+fieldParentId);
	var newHtmltr= document.createElement('tr');
	var newHtmltr2 = document.createElement('tr');
	var newHtmlTd = document.createElement('td');
	var newHtmlTd2 = document.createElement('td');
	var newHtmlTd3 = document.createElement('td');
	var newHtmlTd4 = document.createElement('td');
		
	var cSpan = document.createElement('span');
	cSpan.setAttribute("id", 'span_'+fieldRealId);
	cSpan.className = "formFieldLabel";
	var nodeText = document.createTextNode(fieldTitle + ": ");
	newHtmltr.setAttribute("title", userTip);
	cSpan.appendChild(nodeText);

	var inputColorPicker = document.createElement('input');
	inputColorPicker.setAttribute("type", "text");
	inputColorPicker.setAttribute("id", "inputColor_"+fieldRealId);
	inputColorPicker.setAttribute("name", fieldRealId);
	inputColorPicker.setAttribute("value", fieldValue);
// 	inputColorPicker.setAttribute("onclick", "viewColorPicker('tr_"+fieldRealId+"');");
	
	var divColorPicker = document.createElement('div');
	newHtmltr2.setAttribute("id", "tr_"+fieldRealId);
// 	newHtmltr2.setAttribute("style", "display:none;");
	divColorPicker.setAttribute("id", fieldRealId);
// 	divColorPicker.setAttribute("onchange", "completeValueColorPicker(arguments[0], 'inputColor_"+fieldRealId+"')");
	
// 	var buttonHiddenColorPicker = document.createElement('input');
// 	buttonHiddenColorPicker.setAttribute("type", "button");
// 	buttonHiddenColorPicker.setAttribute("value", "Ocultar");
// 	buttonHiddenColorPicker.setAttribute("onclick", "hiddenColorPicker('tr_"+fieldRealId+"');");

	newHtmlTd.className = "formLabelTd";
	newHtmlTd.appendChild(cSpan);
	newHtmlTd2.appendChild(inputColorPicker);
	newHtmltr.appendChild(newHtmlTd);
	newHtmltr.appendChild(newHtmlTd2);
// 	newHtmlTd3.appendChild("&nbsp;");
	newHtmlTd4.appendChild(divColorPicker);
// 	newHtmlTd4.appendChild(buttonHiddenColorPicker);
	newHtmltr2.appendChild(newHtmlTd3);
	newHtmltr2.appendChild(newHtmlTd4);
	cTable.appendChild(newHtmltr);
	cTable.appendChild(newHtmltr2);
	
 	var dojoColorPickerParams = {widgetId: fieldRealId, dojoType:"dojox.widget.ColorPicker", animatePoint:"false", showHsv:"false", showRgb:"false", webSafe:"false"};
 	dojoColorPicker = new dojox.widget.ColorPicker(dojoColorPickerParams, fieldRealId);
	dojo.connect(dijit.byId(fieldRealId),"onChange", function(event){handler(arguments[0], "inputColor_"+fieldRealId)});
}

var handler = function(val,id){
    dojo.byId(id).value = val;
};