code: @Override
  	public void encodeBegin(FacesContext context, UIComponent component) throws IOException {
  		if (!component.isRendered()) {
  			return;
  		}
  		ResponseWriter rw = context.getResponseWriter();
  
  		rw.startElement("div", component);
  
  		rw.writeAttribute("id", component.getId(), "id");
  
  		if (component instanceof CarouselCaption) {
  			Tooltip.generateTooltip(context, ((CarouselCaption) component), rw);
  			AJAXRenderer.generateBootsFacesAJAXAndJavaScript(context, ((CarouselCaption) component), rw, false);
  			rw.writeAttribute("style", ((CarouselCaption) component).getStyle(), "style");
  		}
  		String styleClass = null;
  		if (component instanceof CarouselCaption) {
  			styleClass = ((CarouselCaption) component).getStyleClass();
  		}
  		if (null == styleClass)
  			styleClass = "carousel-caption";
  		else
  			styleClass = "carousel-caption " + styleClass;
  		rw.writeAttribute("class", styleClass, "class");
  	}
docs: This methods generates the HTML code of the current b:carouselCaption.
  <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:carouselCaption.
  @throws IOException
  thrown if something goes wrong when writing the HTML code.