// Javascript escrito para el iFG visual

var current, currentxy, currentwh, sobreElemento;
var x, y, w, h, padX, padY, fila, elemento, tipo;
var startX, startY, offsetX, offsetY;
var comp;
var sector;
var mostrarPos;
var snap = 1;
var posx, posy;

document.onmouseup = mouseUp;
document.onmousedown = mouseDown;
document.onkeydown = keyDown;
document.onkeyup = keyUp;
document.onmousemove = showMouse;

var usarContext = false; // debe aparecer el menu para seleccionar estilos?
var mouseSobreContext = false; // esta el mouse sobre el context menu? 
var contextMenu = document.getElementById('contextMenu');
var currentEstilo, contextEstilo, contextFila, contextElemento;
var contextInicializado = false;

//*******Generar HTML*******
function regenerarHtml(generar) {
  qxIni("regenerarHtml(generar)", 1, "generadorgrafico.js");
  document.conector.regenerarHtml(generar, qdf.autohide.checked);
  qxEnd();
}

function borrarElmto(f, e) {
  qxIni("borrarElmto(f, e)", 1, "generadorgrafico.js");
  if(f!='' && e!='' && proFila[f-1][13]!='1')
	document.conector.borrarElmto(f - 1, e - 1, qdf.autohide.checked);
  qxEnd();
}

function crearElmto(f, e, tipo) {
  qxIni("crearElmto(f, e, tipo)", 1, "generadorgrafico.js");
  if(f!='' && e!='')
	document.conector.crearElmto(f - 1, e - 1, tipo, qdf.autohide.checked);
  qxEnd();
}

function crearFila(f) {
  qxIni("crearFila(f)", 1, "generadorgrafico.js");
  document.conector.crearFila(true, f, qdf.autohide.checked);
  qxEnd();
}

function nuevoFormulario() {
  qxIni("nuevoFormulario()", 1, "generadorgrafico.js");
  document.conector.nuevoFormulario(true, true, qdf.autohide.checked);
  qxEnd();
}

function editarFila(f) {
  qxIni("editarFila(f)", 1, "generadorgrafico.js");
  var ff;
  var hayCambios = false;
  var hojaEstilos = document.styleSheets[1];
  
  // Desde el combo de opciones en la barra de herramientas
  if(f == null) {    
    f = showModalDialog("html/selRow.html", proFila.length,
           "status:false;dialogWidth:146px;dialogHeight:115px;scroll:no;help:no;status:no;");
  }

  if(f != null && f != "") {
	document.conector.actualizarElemento(f, 0, null, qdf.autohide.checked);
    var args = new Array();
    for(var i=0; i<proFila[f].length; i++)  args[i] = proFila[f][i];
    args[14] = hojaEstilos;
    args[15] = f;
    args[16] = document.body.maesDetF;
    args[17] = proFila[f][13];
    ff = showModalDialog("html/mensajeFila.html", args,
            "status:false;dialogWidth:486px;dialogHeight:520px;scroll:no;help:no;status:no;");
    if(ff != null) {
      for(var i=0; i<ff.length-4; i++) {
        if(proFila[f][i] != ff[i]) {
          hayCambios = true;
          break;
        }
      }
      if(hayCambios) {
        for(var j=0; j<ff.length-4; j++)  proFila[f][j] = ff[j];
        document.conector.actualizarFila(proFila[f][0], proFila[f][1],
													proFila[f][2], proFila[f][3], proFila[f][4], proFila[f][5],
													proFila[f][6], proFila[f][7], proFila[f][8], proFila[f][9],
													proFila[f][10], proFila[f][11], proFila[f][12], f, qdf.autohide.checked);
      }
    }
  }
  qxEnd();
}

function editarFormulario() {
  qxIni("editarFormulario()", 1, "generadorgrafico.js");
  var hojaEstilos = document.styleSheets[1];
  var f = document.body;
  var nuevasProps;
  var hayCambios = false;
  
  var propsForm = new Array(f.tituloF, f.estiloF, f.marIzqF, f.marSupF, f.posRelElF,
				f.jvsIniF, f.accionF, f.tipoF, f.subsF, f.tranF, f.idiomaF, f.verF, f.maesDetF,
				f.consPosF12F, f.imprLibRecF, f.pagF9F, f.contCamManF);
  
  var args = new Array();
  for(var i=0; i<propsForm.length; i++)  args[i] = propsForm[i];
  args[17] = hojaEstilos;
  args[18] = conector;
  
  nuevasProps = showModalDialog("html/mensajeForm.html", args,
                   "status:false;dialogWidth:600px;dialogHeight:603px;scroll:no;help:no;status:no;");
  
  if(nuevasProps != null) {    
    for(var i=0; i<args.length - 2; i++) {
      if(propsForm[i] != nuevasProps[i]) {
        hayCambios = true;
        break;
      }
    }
    if(hayCambios) {
      for(var i=0; i<args.length-2; i++)  propsForm[i] = nuevasProps[i];
      document.conector.actualizarFormulario(propsForm[0], propsForm[1], propsForm[2],
        propsForm[3], propsForm[4], propsForm[5], propsForm[6], propsForm[7], propsForm[8],
        propsForm[9], propsForm[10], propsForm[11], propsForm[12], propsForm[13],
        propsForm[14], propsForm[15], propsForm[16], true, qdf.autohide.checked);
    }
  }
  qxEnd();
}
//*******xGenerar HTML*******

//*******Functiones para mantener el "snap"*******
function keyDown() {
  if(event.keyCode == 16)  snap = 0;  // Se trasladó esta ejecución a funciones.js donde se define document.onkeydown
}

function keyUp() {
  if(event.keyCode == 16)  snap = 1;
}
//*******xFunctiones para mantener el "snap"*******

//******Functiones de extender/mover un elemento********
function mover() {
  //Mover el objeto
  setPos();
  if(current) {
    var dx = posx - startX;
    var dy = posy - startY;
    showmsg("Mover [" + dx + "," + dy + "] " + getPosicionInfo());
    currentxy.style.pixelLeft = x + dx;
    currentxy.style.pixelTop = y + dy;
    return false;
  }
}

function extW() {
  //Extender al Oeste
  setPos();
  if(current) {
    var dx = posx - startX;
    showmsg("Extender [" + (0 - dx) + "] " + getPosicionInfo());
    if(currentwh.width)  currentwh.width = Math.max(3, w - dx);
    else  currentwh.style.width = Math.max(3, w - dx);
    currentxy.style.pixelLeft = x + Math.min(dx, w - 3);
    return false;
  }
}

function extE() {
  //Extender al Este
  setPos();
  if(current) {
    var dx = posx - startX;
    showmsg("Extender [" + dx + "] " + getPosicionInfo());
    if(currentwh.width)  currentwh.width = Math.max(3, w + dx);
    else  currentwh.style.width = Math.max(3, w + dx);
    return false;
  }
}

function extN() {
  //Extender al Norte
  setPos();
  if(current) {
    var dy = posy-startY;
    showmsg("Extender [" + (0 - dy) + "] " + getPosicionInfo());
    if(currentwh.width)  currentwh.height = Math.max(3, h - dy);
    else  currentwh.style.height = Math.max(3, h - dy);
    currentxy.style.pixelTop = y + Math.min(dy, h - 3);
    return false;
  }
}

function extNE() {
  //Extender al Noreste
  setPos();
  if(current) {
    var dx = posx - startX;
    var dy = posy - startY;
    showmsg("Extender [" + dx + "," + (0 - dy) + "] " + getPosicionInfo());
    if(currentwh.width){
      currentwh.width = Math.max(3, w + dx);
      currentwh.height = Math.max(3, h - dy);
    }
    else {
      currentwh.style.width = Math.max(3, w + dx);
      currentwh.style.height = Math.max(3, h - dy);
    }
    currentxy.style.pixelTop = y + Math.min(dy, h - 3);
    return false;
  }
}

function extS() {
  //Extender al Sur
  setPos();
  if(current) {
    var dy = posy - startY;
    showmsg("Extender [" + dy + "] " + getPosicionInfo());
    if(currentwh.width)  currentwh.height = Math.max(3, h + dy);
    else  currentwh.style.height = Math.max(3, h + dy);
    return false;
  }
}

function extNW() {
  //Extender al Noroeste
  setPos();
  if(current) {
    var dx = posx - startX;
    var dy = posy - startY;
    showmsg("Extender [" + (0 - dx) + "," + (0 - dy) + "] " + getPosicionInfo());
    currentxy.style.pixelLeft = x + Math.min(dx, w - 3);
    currentxy.style.pixelTop = y + Math.min(dy, h - 3);
    if(currentwh.width) {
      currentwh.width = Math.max(3, w - dx);
      currentwh.height = Math.max(3, h - dy);
    }else {
      currentwh.style.width = Math.max(3, w - dx);
      currentwh.style.height = Math.max(3, h - dy);
    }
    return false;
  }
}

function extSE() {
  //Extender al Sudeste
  setPos();
  if(current) {
    var dx = posx - startX;
    var dy = posy - startY;
    showmsg("Extender [" + dx + "," + dy + "] " + getPosicionInfo());
    if(currentwh.width) {
      currentwh.width = Math.max(3, w + dx);
      currentwh.height = Math.max(3, h + dy);
    }else {
      currentwh.style.width = Math.max(3, w + dx);
      currentwh.style.height = Math.max(3, h + dy);
    }
    return false;
  }
}

function extSW() {
  //Extender al Sudoeste
  setPos();
  if(current) {
    var dx = posx - startX;
    var dy = posy - startY;
    showmsg("Extender [" + (0 - dx) + "," + dy + "] " + getPosicionInfo());
    if(currentwh.width) {
      currentwh.width = Math.max(3, w - dx);
      currentwh.height = Math.max(3, h + dy);
    }else {
      currentwh.style.width = Math.max(3, w - dx);
      currentwh.style.height = Math.max(3, h + dy);
    }
    currentxy.style.pixelLeft = x + Math.min(dx, w - 3);
    return false;
  }
}
//******xFunctiones de extender/mover un elemento********

//***********Generales***********
function setPos() {
  var e = window.event;
  if(e.pageX || e.pageY)  {
    posx = e.pageX;
    posy = e.pageY;
  }else if(e.clientX || e.clientY)  {
    posx = e.clientX + document.body.scrollLeft;
    posy = e.clientY + document.body.scrollTop;
  }
  posx -= snap * posx % 5;
  posy -= snap * posy % 5;
}

function setMouse(obj, tipo) {
//Cambia el mouse de este objeto al tipo especificado
  obj.style.cursor = tipo;
}

function showmsg(mje) {
//Muestra un mensaje en el área "status"
  window.status = mje;
  return true;
}

function getPosicionInfo() {
  var msg = "";
  if(mostrarPos) {
    msg += "Mouse x,y:[" + posx + "," + posy + "]";
    if(current) msg += " Objeto x,y:[" + currentxy.style.pixelLeft + "," + currentxy.style.pixelTop + "]";
    //msg += " offsetLeft,top [" + currentxy.offsetLeft + "," + currentxy.offsetTop + "]";
    if(current && currentwh)  msg += " w/h:[" + w + "/" + h + "]";
    if(current)  msg += " fila,elemento:[" + fila + "," + elemento + "]";
  }
  return msg;
}

function showMouse() {
  if(mostrarPos)  showmsg(getPosicionInfo());
}

function setInformacion(f, e) {
//Guarda la informacion importante del objeto elegido
  sobreElemento = true;
  fila = f;
  elemento = e;
  setPos();
  startX = posx;
  startY = posy;
  offsetX = event.offsetX + comp;
  offsetY = event.offsetY + comp;
  x = currentxy.style.pixelLeft;
  y = currentxy.style.pixelTop;
  if(currentwh.width) {
    w = currentwh.width;
    h = currentwh.height;
  }else {
    w = parseInt(currentwh.style.width.substr(0, currentwh.style.width.length - 2));
    h = parseInt(currentwh.style.height.substr(0, currentwh.style.height.length - 2));
  }
}

function setAreas() {
//Determina en que parte del objeto se encuentra para determinar
//cual accion se debe tomar al mover el mouse.
  if(current)  return;
  var obj = event.srcElement;
  
  if(offsetX < padX) {      //Hecho click en el lado izquierdo
    if(offsetY < padY) {
      setMouse(obj, 'nw-resize');
      sector = 1;    //NW
    }else if(offsetY > (h - padY - 1)) {
      setMouse(obj, 'sw-resize');
      sector = 7;    //SW
    }else {
      setMouse(obj, 'w-resize');
      sector = 4;    //W
    }
  }else if(offsetX > (w - padX - 1)) {  //Hecho click en el lado derecho
    if(offsetY < padY) {
      setMouse(obj, 'ne-resize');
      sector = 3;    //NE
    }else if(offsetY > (h - padY - 1)) {
      setMouse(obj, 'se-resize');
      sector = 9;    //SE
    }else {
      setMouse(obj, 'e-resize');
      sector = 6;    //E
    }
  }else {              //Hecho click en el medio
    if(offsetY < padY) {
      setMouse(obj, 'n-resize');
      sector = 2;    //N
    }else if(offsetY > (h - padY - 1)) {
      setMouse(obj, 's-resize');
      sector = 8;    //S
    }else {
      setMouse(obj, 'move');
      sector = 5;    //Center
    }
  }
  //window.status="Event: ["+event.clientX+","+event.clientY+"] w/h: ["+w+"/"+h+"] offset:["+offsetX+","+offsetY+"] snap="+snap;
  //alert("Setarea "+offsetX+":"+offsetY+":"+w+":"+h+":"+sector);
}

function mouseDown() { 
  if(mouseSobreContext || current || !currentxy) {
    return;
  }
  var div = document.getElementById('contextMenu');
  if(event.button == 2) {
    if(!sobreElemento) {
      mouseOut();
      if(div)  div.style.display = 'none';
      return;
    }else {
      usarContext = true; 
      return;
    }
  }else if(div && div.style.display != 'none') {
    div.style.display = 'none';
    if(!sobreElemento)  return;
  }
  current = event.srcElement;
  switch(sector){
    case(1):  document.onmousemove = extNW;		break;
    case(2):  document.onmousemove = extN;		break;
    case(3):  document.onmousemove = extNE;		break;
    case(4):  document.onmousemove = extW;		break;
    case(5):  document.onmousemove = mover;		break;
    case(6):  document.onmousemove = extE;		break;
    case(7):  document.onmousemove = extSW;		break;
    case(8):  document.onmousemove = extS;		break;
    case(9):  document.onmousemove = extSE;		break;
    default:
      //alert("Error, sector no es definido (generadorgrafico.js)");
  }
}

function mouseUp() {
//Al terminar de mover/extender un elemento, se envia la informacion
//al iFG y se retira la accion del elemento.
  if(!current || current.type=='hidden')  return;
  
  var w1, h1;
  if(!currentwh) w1 = h1 = 0;  //A veces elementos no tienen width o height
  else if(currentwh.width || currentwh.height) {
    w1 = currentwh.width ? currentwh.width : 0;
    h1 = currentwh.height ? currentwh.height : 0;
  }else if(currentwh.style.width || currentwh.style.height) {
      if(tipo.match("CheckBox|RadioBoton")) {
        current = null;
        return;
      }
      if(currentwh.style.width)
        w1 = parseInt(currentwh.style.width.substr(0, currentwh.style.width.length - 2));  //quita el "px"
      else  w1 = 0;

      if(currentwh.style.height)
        h1 = parseInt(currentwh.style.height.substr(0, currentwh.style.height.length - 2));  //quita el "px"
      else  h1 = 0;
  }else  w1 = h1 = 0;
    
  document.onmousemove = showMouse;
  current = null;

  qdf.qzFila.value = fila + 1;
  qdf.qzElmto.value = elemento + 1;
  qdf.qzTipo.value = tipo;
  
  document.conector.actualizarElemento(fila, elemento, currentxy.style.pixelLeft, currentxy.style.pixelTop, w1, h1, qdf.autohide.checked);
  //if(comp==1) alert("Enviando informacion: [Fila:"+fila+" Elemento:"+elemento+" x:"+x+" y:"+y+" w:"+w+" h:"+h+"]");
  
  return false;
}

function mouseOut() {
  sobreElemento = false;
  var div = document.getElementById('contextMenu');
  if(!current && div && div.style.display == 'none')  currentxy = currentwh = currentEstilo = null;
}

function getAtributos(e, dato, atributos) {
  for(var i=0; i<atributos.length; i++)  dato[i + 2] = e[atributos[i]];
  return dato;
}

function setAtributos(e, dato, atributos) {
  for(var i=0; i<atributos.length; i++)  e[atributos[i]] = dato[i + 2];
}

function doubleClick(e, tipo) {
  qxIni("doubleClick(e, tipo)", 1, "generadorgrafico.js");
  
  var barraFija = qdf.autohide.checked;
  var dato = new Array();
  var atributos = new Array();
  var texto = "";
  
  tipo = tipo != null ? tipo : "";
  
  if(tipo == "Etiqueta") {
    dato[0] = e.innerText != null ? e.innerText : "";
  }else if(tipo == "Imagen") {
    dato[0] = "- NO APLICA -";
  }else if(tipo.match("CheckBox|RadioBoton")) {
    dato[0] = e.firstChild.value;
  }else {
		dato[0] = e.value;
  }
  if(dato[0] == "(sin texto)")  dato[0] = "";
  
  dato[1] = e.guia;
  
  if(tipo == "Combo") {
    texto = dato[0];
    atributos = split("selini,valopts,valtagopts,ancho,primopcvacia,numlns,multsel,insertable,modificable,requerido,ctrlmanual,origen,jvscript", ",");
    args = new Array(getAtributos(e, dato, atributos), conector);
    dato = showModalDialog("html/mensajeCombo.html", args,
            "status:false;dialogWidth:496px;dialogHeight:575px;scroll:no;help:no;status:no;");
  }else if(tipo == "Oculto") {
    dato[1] = "O";
    atributos = split("insertable,ctrlmanual,tipoarchivo,origen", ",");
    args = new Array(getAtributos(e, dato, atributos), conector);
    dato = showModalDialog("html/mensajeOculto.html", args,
               "status:false;dialogWidth:616px;dialogHeight:325px;scroll:no;help:no;status:no;");
  }else if(tipo == "CheckBox" || tipo == "RadioBoton") {
    atributos = split("etiqueta,ladoetiq,seleccionado,espacios,insertable,modificable,valorsel,ctrlmanual,origen,jvscript", ",");
    args = new Array(getAtributos(e, dato, atributos), conector);
    if(tipo == "CheckBox")
      e.childNodes[0].checked = e[atributos[2]] == 'true' ? true : false;
    dato = showModalDialog("html/mensajeCheck.html", args,
            "status:false;dialogWidth:465px;dialogHeight:471px;scroll:no;help:no;status:no;");
  }else if(tipo == "Datos" || tipo == "Password") {
    atributos = split("maxlength,insertable,requerido,tipodato,modificable,ctrlmanual,ancho,tipoarchivo,origen,jvscript", ",");
    args = new Array(getAtributos(e, dato, atributos), conector);
    dato = showModalDialog("html/mensajeDatos.html", args,
            "status:false;dialogWidth:616px;dialogHeight:521px;scroll:no;help:no;status:no;");
  }else if(tipo == "AreaTexto") {
    atributos = split("maxlength,insertable,requerido,alto,modificable,ctrlmanual,ancho,cortarln,origen", ",");
    dato = showModalDialog("html/mensajeAreaTexto.html", getAtributos(e, dato, atributos),
            "status:false;dialogWidth:496px;dialogHeight:489px;scroll:no;help:no;status:no;");
  }else if(tipo == "Boton") {
    atributos = split("ejecutar,accion,etiqueta,imagen,posetiq,insertable", ",");
    args = new Array(getAtributos(e, dato, atributos), conector);
    dato = showModalDialog("html/mensajeBoton.html", args,
            "status:false;dialogWidth:342px;dialogHeight:346px;scroll:no;help:no;status:no;");
  }else if(tipo == "Etiqueta") {
    atributos = split("enlace,destino,ide,jvscript", ",");
    args = new Array(getAtributos(e, dato, atributos), conector);
    dato = showModalDialog("html/mensajeEtiqueta.html", args,
            "status:false;dialogWidth:377px;dialogHeight:294px;scroll:no;help:no;status:no;");
  }else if(tipo == "Imagen") {
    atributos = split("tipoimg,enlace,destino,barsec,extension,codper,codtipper,codtipdoc,fuente", ",");
    dato = showModalDialog("html/mensajeImagen.html", getAtributos(e, dato, atributos),
            "status:false;dialogWidth:420px;dialogHeight:477px;scroll:no;help:no;status:no;");
  }else if(tipo=="ListaForms") {
    atributos = split("formularios,consultaf7,textos,bajartextos,camcomunes,validacion,juegoimgs,aligntextabs,ubicaciontabs", ",");
    dato = showModalDialog("html/mensajeLF.html", getAtributos(e, dato, atributos),
         "status:false;dialogWidth:386px;dialogHeight:365px;scroll:no;help:no;status:no;");
  }else if(tipo=="ListaMenu") {
    atributos = split("lista,enlaces,ancho,desviacion,compensacion", ",");
    dato = showModalDialog("html/mensajeLM.html", getAtributos(e, dato, atributos),
         "status:false;dialogWidth:386px;dialogHeight:320px;scroll:no;help:no;status:no;");
  }else if(tipo=="ListaTabs") {
    atributos = split("tabs,textos,bajartextos,validacion,juegoimgs,aligntextabs,ubicaciontabs", ",");
    dato = showModalDialog("html/mensajeLT.html", getAtributos(e, dato, atributos),
         "status:false;dialogWidth:366px;dialogHeight:320px;scroll:no;help:no;status:no;");
  }else if(tipo == "ListaValores") {
    atributos = split("campos,origenes,evaluarqfun,qlv1,subsistema,transaccion,nomventana,tipoventana,ancho,alto,jsalcerrar,paramimages,tipodoc,tipoprs,etiqueta,borrarcamposlv,reflv", ",");
    args = new Array(getAtributos(e, dato, atributos), conector);
    dato = showModalDialog("html/mensajeLOV.html", args,
            "status:false;dialogWidth:431px;dialogHeight:707px;scroll:no;help:no;status:no;");
  }else {
    dato = showModalDialog("html/mensaje.html", dato,
            "status:false;dialogWidth:380px;dialogHeight:174px;scroll:no;help:no;status:no;");
  }
  
  if(dato == null)  return;
  setAtributos(e, dato, atributos);
//  if(microGen && tipo != "Etiqueta")  dato[0] = texto;
  
  try {
    if(tipo == "Combo") {
      var nopasa = true;
      for(var i=0; i<e.options.length; i++) {
        if(e.options[i].value == dato[0]) {
          e.options[i].selected = true;
          nopasa = false;
          break;
        }
      }
      if(nopasa)  dato[0] = texto;
    }else if(tipo == "Etiqueta") {
      e.innerText = dato[0] == "" ? "(sin texto)" : dato[0];
    }else if(tipo.match("CheckBox|RadioBoton")) {
      e.firstChild.value = dato[0];
    }else {
      e.innerText = dato[0];
    }
  }catch(Exception) { }
  try {
    e.guia = dato[1];
  }catch(Exception) { }
  
  if(tipo.match("Datos|Password")) {
    document.conector.actualizarElemento(fila, elemento, null, dato[0], dato[1], dato[2], dato[3], dato[4], dato[5], dato[6], dato[7], dato[8], dato[9], dato[10], dato[11], barraFija);
  }else if(tipo == "Oculto") {
    document.conector.actualizarOculto(fila, elemento, null, dato[0], dato[1], dato[2], dato[3], dato[4], dato[5], barraFija);
  }else if(tipo == "AreaTexto") {
    document.conector.actualizarElementoAT(fila, elemento, null, dato[0], dato[1], dato[2], dato[3], dato[4], dato[5], dato[6], dato[7], dato[8], dato[9], dato[10], barraFija);
  }else if(tipo == "Boton") {
    document.conector.actualizarElementoBO(fila, elemento, null, dato[1], dato[2], dato[3], dato[4], dato[5], dato[6], dato[7], barraFija);
  }else if(tipo == "Etiqueta") {
    document.conector.actualizarElementoET(fila, elemento, null, dato[0], dato[1], dato[2], dato[3], dato[4], dato[5], barraFija);
  }else if(tipo == "Imagen") {
    document.conector.actualizarElementoIM(fila, elemento, proFila[fila][0], dato[1], dato[2], dato[3], dato[4], dato[5], dato[6], dato[7], dato[8], dato[9], dato[10], barraFija);
  }else if(tipo.match("CheckBox|RadioBoton")) {
    document.conector.actualizarCheck(fila, elemento, proFila[fila][0], dato[1], dato[2], dato[3], dato[4], dato[5], dato[6], dato[7], dato[8], dato[9], dato[10], dato[11], barraFija);
  }else if(tipo == "Combo") {
    document.conector.actualizarCombo(fila, elemento, null, dato[1], dato[2], dato[3], dato[4], dato[5], dato[6], dato[7], dato[8], dato[9], dato[10], dato[11], dato[12], dato[13], dato[14], barraFija);
  }else if(tipo == "ListaForms") {
    document.conector.actualizarLF(fila, elemento, proFila[fila][0], dato[2], dato[3], dato[4], dato[5], dato[6], dato[7], dato[8], dato[9], dato[10], barraFija);
  }else if(tipo == "ListaMenu") {
    document.conector.actualizarElementoLM(fila, elemento, proFila[fila][0], dato[1], dato[2], dato[3], dato[4], dato[5], dato[6], barraFija);
  }else if(tipo == "ListaTabs") {
    document.conector.actualizarLT(fila, elemento, proFila[fila][0], dato[2], dato[3], dato[4], dato[5], dato[6], dato[7], dato[8], barraFija);
  }else if(tipo == "ListaValores") {
    document.conector.actualizarLOV(fila, elemento, null, dato[1], dato[2], dato[3], dato[4], dato[5], dato[6], dato[7], dato[8], dato[9], dato[10], dato[11], dato[12], dato[13], dato[14], dato[15], dato[16], dato[17], dato[18], barraFija);
  }else {
    document.conector.actualizarElemento(fila, elemento, null, dato[0], dato[1], barraFija);
  }
  qxEnd();
}
//***********xGenerales***********
 
 
 
//******Functiones de "set" para cada tipo*********
function setImagen(f, e) {
  if(current)  return;
  qxIni("setImagen(f, e)", 1, "generadorgrafico.js");
  currentwh = currentEstilo = event.srcElement;
  currentxy = currentwh.parentElement;
  comp = 0;  //comp es la compensacion para el offset que no es perfecto
  setInformacion(f, e);
  padX = Math.max(3, w / 10);
  padY = Math.max(3, h / 10);
  setAreas();
  tipo = "Imagen";
  qxEnd();
}
 
function setCuadrado(f, e) {
  if(current)  return;
  qxIni("setCuadrado(f, e)", 1, "generadorgrafico.js");
  currentwh = currentxy = currentEstilo = event.srcElement;
  comp = 0;
  setInformacion(f, e);
  padX = Math.max(3, w / 10);
  padY = Math.max(3, h / 10);
  setAreas();
  tipo = "Cuadrado";
  qxEnd();
}

function setClonarFila(f, e) {
  if(current)  return;
  qxIni("setClonarFila(f, e)", 1, "generadorgrafico.js");
  setBoton(f, e);
  tipo = "ClonarFila";
  qxEnd();
}

function setListaValores(f, e) {
  if(current)  return;
  qxIni("setListaValores(f, e)", 1, "generadorgrafico.js");
  setBoton(f, e);
  tipo = "ListaValores";
  qxEnd();
}

function setEscaner(f, e) {
  if(current)  return;
  qxIni("setEscaner(f, e)", 1, "generadorgrafico.js");
  setBoton(f, e);
  tipo = "Escaner";
  qxEnd();
}

function setPassword(f, e) {
  if(current)  return;
  qxIni("setPassword(f, e)", 1, "generadorgrafico.js");
  setDatos(f, e);
  tipo = "Password";
  qxEnd();
}

function setOculto(d, ee) {
  qxIni("setOculto(d, ee)", 1, "generadorgrafico.js");
  currentwh = d;
  currentxy = currentwh.parentElement;
  fila = trim(split(ee, "-")[1]).substring(6) - 1;
  elemento = trim(split(ee, "-")[2]).substring(7) - 1;
  qdf.qzFila.value = fila + 1;
  qdf.qzElmto.value = elemento + 1;
  document.conector.actualizarElemento(fila, elemento, 0, 0, 0, 0, qdf.autohide.checked);
  tipo = "Oculto";
  qdf.qzTipo.value = tipo;
  qxEnd();
}

function setDatos(f, e) {
  if(current)  return;
  qxIni("setDatos(f, e)", 1, "generadorgrafico.js");
  currentwh = currentEstilo = event.srcElement;
  currentxy = currentwh.parentElement;
  comp = 1;
  setInformacion(f, e);
  padX = Math.max(3, w / 10);
  padY = Math.max(3, h / 10);
  setAreas();
  tipo = "Datos";
  qxEnd();
}

function setBoton(f, e) {
  if(current)  return;
  qxIni("setBoton(f, e)", 1, "generadorgrafico.js");
  if(event.srcElement.width)  currentwh = event.srcElement.parentElement;
  //Si han hecho click en la imagen del boton, queremos usar el boton, no la imagen
  else  currentwh = event.srcElement;
  currentxy = currentwh.parentElement;
  currentEstilo = event.srcElement;
  comp = 3;
  setInformacion(f, e);
  padX = Math.max(3, w / 10);
  padY = Math.max(3, h / 5);
  setAreas();
  tipo = "Boton";
  qxEnd();
}

function setRadioBoton(f, e) {
  if(current)  return;
  qxIni("setRadioBoton(f, e)", 1, "generadorgrafico.js");
  currentEstilo = currentwh = event.srcElement;
  currentxy = currentwh.parentElement;
  comp = 0;
  setInformacion(f, e);
  padX = 0;
  padY = 0;
  setAreas();
  tipo = "RadioBoton";
  qxEnd();
}

function setEtiqueta(f, e) {
  if(current)  return;
  qxIni("setEtiqueta(f, e)", 1, "generadorgrafico.js");
  if(event.srcElement.className != "")  currentxy = currentwh = event.srcElement;
  else  currentxy = currentwh = event.srcElement.parentElement;
  currentEstilo = currentxy;
  comp = 0;
  setInformacion(f, e);
  padX = Math.max(3, w / 10);
  padY = Math.max(3, h / 5);
  setAreas();
  tipo = "Etiqueta";
  qxEnd();
}

function setAreaTexto(f, e) {
  if(current)  return;
  qxIni("setAreaTexto(f, e)", 1, "generadorgrafico.js");
  currentwh = currentEstilo = event.srcElement;
  currentxy = currentwh.parentElement;
  comp = 1;
  setInformacion(f, e);
  padX = Math.max(3, w / 10);
  padY = Math.max(3, h / 10);
  setAreas();
  tipo = "AreaTexto";
  qxEnd();
}

function setCheckBox(f, e) {
  if(current)  return;
  qxIni("setCheckBox(f, e)", 1, "generadorgrafico.js");
  setRadioBoton(f, e);
  tipo = "CheckBox";
  qxEnd();
}

function setCombo(f, e) {
  if(current)  return;
  qxIni("setCombo(f, e)", 1, "generadorgrafico.js");
  currentwh = currentEstilo = event.srcElement;
  currentxy = currentwh.parentElement;
  comp = 2;
  setInformacion(f, e);
  padX = Math.max(3, w / 10);
  padY = 0;
  setAreas();
  tipo = "Combo";
  qxEnd();
}

function setListaTabs(f, e) {
  if(current)  return;
  qxIni("setListaTabs(f, e)", 1, "generadorgrafico.js");
  
  if(event.srcElement.onmousemove != null)  currentxy = currentwh = event.srcElement;
  else  currentxy = currentwh = event.srcElement.parentElement;

  currentEstilo = currentxy;
  comp = 0;
  setInformacion(f, e);
  padX = 0;
  padY = 0;
  setAreas();
  tipo = "ListaTabs";
  qxEnd();
}

function setListaForms(f, e) {
  if(current)  return;
  qxIni("setListaForms(f, e)", 1, "generadorgrafico.js");
  setListaTabs(f, e);
  tipo = "ListaForms";
  qxEnd();
}

function setListaMenu(f, e) {
  if(current)  return;
  qxIni("setListaMenu(f, e)", 1, "generadorgrafico.js");
  if(event.srcElement.className.substr(0,5) == "qpaws")  currentxy = currentwh = event.srcElement;
  else {
      currentxy = event.srcElement;
      currentwh = event.srcElement.parentElement;
  }
  currentEstilo = event.srcElement;
  comp = 0;
  setInformacion(f, e);
  padX = Math.max(1, w / 10);
  padY = Math.max(1, w / 10);
  setAreas();
  tipo = "ListaMenu";
  qxEnd();
}

//******xFunctiones de "set" para cada tipo*********



//***********CambiarEstilos**************
function contextShow() { 
  qxIni("contextShow()", 1, "generadorgrafico.js");
   contextEstilo = currentEstilo;
   contextFila = fila;
   contextElemento = elemento
   if(usarContext && !mouseSobreContext) { 
      var div = document.getElementById('contextMenu');
      div.style.display = 'none'; 
      div.style.left = event.clientX + document.body.scrollLeft;
      div.style.top = event.clientY + document.body.scrollTop;
      div.style.display = 'block';
      var oldEstilo = contextEstilo.className;
      if(oldEstilo.substr(0,5).match("qpaws|qprws"))  oldEstilo = oldEstilo.substring(6);
      document.getElementById("qzContextOldEstilo").innerHTML = "Actual: &nbsp;" +
                                        (oldEstilo == "" ? "ninguno" : oldEstilo);
      usarContext = false;
      qxEnd();
      return false;
   }
   qxEnd();
   return true;
} 

function setEstilo(estilo) {
  qxIni("setEstilo(estilo)", 1, "generadorgrafico.js");
  var oldEstilo = contextEstilo.className;
  var div = document.getElementById('contextMenu');
  div.style.display = 'none';
  
  if(contextEstilo.className.substr(0, 5) == "qpaws") {
     oldEstilo = oldEstilo.substring(6);
    contextEstilo.className = "qpaws" + (estilo!="" ? " " + estilo : "");
  }else if(contextEstilo.className.substr(0, 5) == "qprws") {
     oldEstilo = oldEstilo.substring(6);
    contextEstilo.className = "qprws" + (estilo!="" ? " " + estilo : "");
  }else
    contextEstilo.className = estilo;

    if(contextEstilo.hasChildNodes) {
      if(oldEstilo == "") oldEstilo = " ";
      var g = contextEstilo.childNodes;
      for(a=0; a<g.length; a++)
       if(g[a].className == oldEstilo)  g[a].className = estilo=="" ? " " : estilo;
  }
  
  document.conector.actualizarElemento(contextFila, contextElemento, estilo, qdf.autohide.checked);
  qxEnd();
}

//***********xCambiarEstilos**************