<?xml version="1.0" encoding="UTF-8"?>
<f:root
    xmlns:f="http://ajax4jsf.org/cdk/template"
    xmlns:c="http://java.sun.com/jsf/core"
    xmlns:ui="http://ajax4jsf.org/cdk/ui"
    xmlns:u="http://ajax4jsf.org/cdk/u"
    xmlns:x="http://ajax4jsf.org/cdk/x"
    xmlns:jsp="http://ajax4jsf.org/cdk/jsp"
    class="org.richfaces.renderkit.html.ImageSelectToolRenderer"
    baseclass="org.richfaces.renderkit.html.ImageSelectToolRendererBase"
    component="org.richfaces.component.UIImageSelectTool"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://ajax4jsf.org/cdk/template ">

    <h:styles>/org/richfaces/renderkit/html/css/richfaces.imageSelectTool.xcss</h:styles>
    <h:scripts>
        new org.ajax4jsf.javascript.PrototypeScript(),
        new org.ajax4jsf.javascript.AjaxScript(),
        /org/richfaces/renderkit/html/scripts/jquery/jquery.js,
        /org/richfaces/renderkit/html/scripts/jquery.Jcrop.js,
        /org/richfaces/renderkit/html/scripts/richfaces.imageSelectTool.js
    </h:scripts>


    <f:clientid var="clientId"/>

    <jsp:scriptlet>
        variables.setVariable("inputId",getInputId(context,component));
    </jsp:scriptlet>

    <div id="#{clientId}">
        <input type="hidden" id="#{inputId}" name="#{inputId}" value="#{this:getValueAsString(context,component)}"/>
        <script type="text/javascript">
            <f:call name="writeInitFunction"/>
        </script>
    </div>
</f:root>