code: @Override
  	public void encodeEnd(FacesContext context, UIComponent component) throws IOException {
  	    if (!component.isRendered()) {
  	        return;
  	    }
  		
              Thumbnail thumbnail = (Thumbnail) component;
              ResponseWriter rw = context.getResponseWriter();
              UIComponent capt;
              capt = thumbnail.getFacet("caption");
              if (capt != null ) {
                  rw.startElement("div", thumbnail);
                  rw.writeAttribute("class", "caption", "class");
                  capt.encodeAll(context);
                  rw.endElement("div");
              }
              rw.endElement("div");
              Tooltip.activateTooltips(context, thumbnail);
              
              endResponsiveWrapper(component, rw);
  	}
docs: This methods generates the HTML code of the current b:thumbnail.
  <code>encodeBegin</code> generates the start of the component. After the, the JSF framework calls <code>encodeChildren()</code>
  to generate the HTML code between the beginning and the end of the component. For instance, in the case of a panel component
  the content of the panel is generated by <code>encodeChildren()</code>. After that, <code>encodeEnd()</code> is called
  to generate the rest of the HTML code.
  @param context the FacesContext.
  @param component the current b:thumbnail.
  @throws IOException thrown if something goes wrong when writing the HTML code.