void draw() {
  background(255);
  

  logotipo();
  
    ///////franja nivel historico
  
 //rectMode(CORNER); 
  //noStroke();
  //fill(200);
  //rect(width-ancho_nivelhis, 0, width, height);
   
   ///final franja
  
  navegar();

  transp=0;
  transp2=0;
  transp3=0;
  transp_docover=0;

  alert="";

  textodesc="";
  labelline1="";
  labelline2="";

  label2line0="";
  label2line1="";
  label2line2="";
  label2line4="";
  

  label3line1="";
  label3line2="";

  setposx=-1;
  setposy=-1;
  setfecha=-1;
  setfecha_doc=-1;
  setfecha2=-1;
  
  
  
  setposx2=-1;
  setposy2=-1;
  setdocx=-1;
  setdocy=-1;
  rocaSelect="otro";
  //docSelect="otro";

  

  deep = 245*sval;

  hint(NO_FLYING_POO);
  pushMatrix();


  lineageo();

float dx = transx - mx2; 
  if(abs(dx) > 1) { 
    mx2 = dx/delay2; //antes era  mx2 = mx2 + dx/delay2; 
  } 
  float dy = transy - my2; 
  if(abs(dy) > 1) { 
    my2 = dy/delay2; //antes era  my2 = my2 + dy/delay2;
   
  } 
  
 
   
  nivelhistorico();
  
  
 
  
  
  translate( mx2+hor, my2+ver, 0 ); 
  scale(sval, sval, sval/3);

  rotateZ(rotz);
  rotateX(rotx+radians(o));
  rotateY(roty);


  strokeWeight(30);
  /////este es el formato del grid
  for (float p = -gridsize-2000; p < gridsize; p =p+(50*space)){
    for (float py = -gridsize-2000; py < gridsize; py=py+(50*space)){
      stroke(0, 230, 50);
      point(p, py);
    }
  }
 
  
/*
  textroty = -roty;  //-roty
  textrotz = -rotz;   //-((PI/2)+radians(o));
  textrotx = -rotx-radians(o);//*/
  
////////////////xml GEO
  // extract data with details
  for(int i=0; i<places.length; i++) {

    XMLElement node=(XMLElement)places[i];

    altitud=node.getIntAttribute("altitud", 0)/20;
    descub=node.getStringAttribute("Descubridor", "N.N.");
    fecha=node.getIntAttribute("hallazgo", forigen)-forigen;
    posx=(((node.getIntAttribute("coor_este")-940000)/40)-gridsize)*space;
    posy=(((node.getIntAttribute("coor_norte")-940000)/40)-gridsize)*space;

    mun=node.getStringAttribute("mun", "Sin identificar");
    fotoname=node.getStringAttribute("foto", "Default.jpg");
    label=node.getStringAttribute("nombre", "piedra sin nombre asignado");
    tipo=node.getIntAttribute("tipo", 3);
    //tipofile=node.getIntAttribute("tipofile", 1);
    desc=node.getStringAttribute("desc", "Sin Descripcion");
    id=node.getStringAttribute("geo_id", "sin Código");
    conser=node.getIntAttribute("conserva", 100);
    riesgo=node.getIntAttribute("riesgo", 0);
    
 
   /* 
    if (tipofile == 1){
      c2 =  color(0, 215, 55);
    }if(tipofile == 2){
      c2 = color(0, 180, 255);
    }if(tipofile == 3) {
      c2 = color(245, 200, 0);
    }*/
    if (tipo == 1){
      c1 =  color(20, 220, 40);

    }if(tipo == 2){
      c1 = color(255, 0, 200);

    }if(tipo == 3) {

      c1 = color(205, 255, 0);
    }

    misRocas[i].dibujarforma();

  }
  
  
  
  
 popMatrix();
 
 
  for(int i=0; i<files.length; i++) {

    XMLElement node2=(XMLElement)files[i];

    
      fecha_doc=node2.getIntAttribute("ano_pub", forigen)-forigen;
      mes_doc=node2.getIntAttribute("mes_pub", 1);
      grupo_doc=node2.getStringAttribute("grupo", "sin ID");
      autor_doc=node2.getStringAttribute("autor", "N. N.");
      titulo_doc=node2.getStringAttribute("titulo", "Sin titulo");
      
      ref_roca=node2.getStringAttribute("ref_roca", "sin Código");
    tipo_doc=node2.getIntAttribute("tipo_doc", 0);
    desc_doc=node2.getStringAttribute("descripcion", "Sin Descripcion");
    geo_id=node2.getStringAttribute("geo_id", "sin ID");
    id_doc=node2.getStringAttribute("id_doc", "Sin clasificar");
    key_doc=node2.getStringAttribute("key_doc", "sin keywords");
    url_doc=node2.getStringAttribute("url", id_doc);
    img_doc=node2.getStringAttribute("image", "sin ID");
    
    
    
    keywords_doc = key_doc; 
    String list[] = split(keywords_doc, ','); 
    
    if(tipo_doc == 0) {////sin identificar
      c2 = color(90, 80);
      ctxt = color(150);
    }if (tipo_doc == 1){///grafico
      c2 =  color(218, 218, 60);
      ctxt =  color(188, 188, 60);
    }if(tipo_doc == 2){///texto
      c2 = color(254, 230, 51);
      ctxt = color(214, 200, 51);
    }if(tipo_doc == 3) {////multimedia
      c2 = color(165, 213, 237);
      ctxt = color(165, 213, 237);
    }if(tipo_doc == 4) {////audio
      c2 = color(179, 70, 132);
      ctxt = color(179, 70, 132);
    }if(tipo_doc == 5) {///video
      c2 = color(225, 9, 127);
      ctxt = color(225, 9, 127);
    }
    
    
   
    ///////lista de palabras claves
   
     
    misDocs[i].dibujarforma();
    

  }

  //lineadetiempo();
 
  for(int i=0; i<files.length; i++) {
    misRocas[i].puntoslinea();
  }
  
  textolabel();

direccionnorte();


 
  

}