<?xml version="1.0"?>
<!DOCTYPE window SYSTEM "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" [
  <!ENTITY % pencilDTD SYSTEM "chrome://pencil/locale/pencil.dtd">
  %pencilDTD;
]>

<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<?xml-stylesheet href="chrome://pencil/content/bindings/clipartBrowserPane.css" type="text/css"?>
<?xml-stylesheet href="chrome://pencil/content/bindings/searchBar.css" type="text/css"?>

<window
    title="&clipart.browsing.title;"
    id="pencilClipartBrowser"
    persist="screenX screenY width height"
    sizemode="normal" height="500" width="900"
    xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
    xmlns:html="http://www.w3.org/1999/xhtml">

    <script src="chrome://pencil/content/common/nsDragAndDrop.js"/>
    <script src="chrome://pencil/content/common/util.js"/>
    <script src="chrome://pencil/content/common/io.js"/>
    <script src="chrome://pencil/content/common/base64.js"></script>

    <script src="chrome://pencil/content/common/pencilNamespaces.js"/>
    <script src="chrome://pencil/content/common/config.js"/>
    <script src="chrome://pencil/content/common/sax.js"/>

    <script src="chrome://pencil/content/clipartBrowser/searchEngine.js"/>
    <script src="chrome://pencil/content/clipartBrowser/searchService.js"/>
    <script src="chrome://pencil/content/clipartBrowser/openClipartSearch.js"/>
    <script src="chrome://pencil/content/clipartBrowser/googleImageSearch.js"/>
    <script src="chrome://pencil/content/clipartBrowser/newOpenClipartSearch.js"/>
    <script src="chrome://pencil/content/clipartBrowser/webUtil.js"/>

    <vbox flex="1" id="clipartBrowserBox">
        <hbox>
            <searchbar id="searchbar" flex="1" chromedir="ltr" src="data:image/png;base64,AAABAAEAEBAAAAEAGABoAwAAFgAAACgAAAAQAAAAIAAAAAEAGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADs9Pt8xetPtu9FsfFNtu%2BTzvb2%2B%2Fne4dFJeBw0egA%2FfAJAfAA8ewBBegAAAAD%2B%2FPtft98Mp%2BwWsfAVsvEbs%2FQeqvF8xO7%2F%2F%2F63yqkxdgM7gwE%2FggM%2BfQA%2BegBDeQDe7PIbotgQufcMufEPtfIPsvAbs%2FQvq%2Bfz%2Bf%2F%2B%2B%2FZKhR05hgBBhQI8hgBAgAI9ewD0%2B%2Fg3pswAtO8Cxf4Kw%2FsJvvYAqupKsNv%2B%2Fv7%2F%2FP5VkSU0iQA7jQA9hgBDgQU%2BfQH%2F%2Ff%2FQ6fM4sM4KsN8AteMCruIqqdbZ7PH8%2Fv%2Fg6Nc%2Fhg05kAA8jAM9iQI%2BhQA%2BgQDQu6b97uv%2F%2F%2F7V8Pqw3eiWz97q8%2Ff%2F%2F%2F%2F7%2FPptpkkqjQE4kwA7kAA5iwI8iAA8hQCOSSKdXjiyflbAkG7u2s%2F%2B%2F%2F39%2F%2F7r8utrqEYtjQE8lgA7kwA7kwA9jwA9igA9hACiWSekVRyeSgiYSBHx6N%2F%2B%2Fv7k7OFRmiYtlAA5lwI7lwI4lAA7kgI9jwE9iwI4iQCoVhWcTxCmb0K%2BooT8%2Fv%2F7%2F%2F%2FJ2r8fdwI1mwA3mQA3mgA8lAE8lAE4jwA9iwE%2BhwGfXifWvqz%2B%2Ff%2F58u%2Fev6Dt4tr%2B%2F%2F2ZuIUsggA7mgM6mAM3lgA5lgA6kQE%2FkwBChwHt4dv%2F%2F%2F728ei1bCi7VAC5XQ7kz7n%2F%2F%2F6bsZkgcB03lQA9lgM7kwA2iQktZToPK4r9%2F%2F%2F9%2F%2F%2FSqYK5UwDKZAS9WALIkFn%2B%2F%2F3%2F%2BP8oKccGGcIRJrERILYFEMwAAuEAAdX%2F%2Ff7%2F%2FP%2B%2BfDvGXQLIZgLEWgLOjlf7%2F%2F%2F%2F%2F%2F9QU90EAPQAAf8DAP0AAfMAAOUDAtr%2F%2F%2F%2F7%2B%2Fu2bCTIYwDPZgDBWQDSr4P%2F%2Fv%2F%2F%2FP5GRuABAPkAA%2FwBAfkDAPAAAesAAN%2F%2F%2B%2Fz%2F%2F%2F64g1C5VwDMYwK8Yg7y5tz8%2Fv%2FV1PYKDOcAAP0DAf4AAf0AAfYEAOwAAuAAAAD%2F%2FPvi28ymXyChTATRrIb8%2F%2F3v8fk6P8MAAdUCAvoAAP0CAP0AAfYAAO4AAACAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAQAA"/>
        </hbox>
        <hbox flex="1">
            <pclipartbrowserpane id="clipartBrowserPane" flex="1"/>
        </hbox>
        <hbox pack="end">
            <div class="BottomPane" xmlns="http://www.w3.org/1999/xhtml">
                <div class="Navigation">
                    <label for="scaleImage"><input type="checkbox" id="scaleImage" value="1" checked="checked" />&input.scale.image.value;</label>
                    <a href="javascript:;" class="Previous Disabled" id="goPrevious">
                        <span class="Previous">&span.prev.results.value;</span>
                    </a>
                    <a href="javascript:;" class="Next Disabled" id="goNext">
                        <span class="Next">&span.more.results.value;</span>
                    </a>
                </div>
                <div class="BrowseLimit">
                    <span>&span.show.value;</span>
                    <a href="javascript:;" class="BrowseLimitLink Active" id="limit24"><span class="Active24">24</span></a>
                    <a href="javascript:;" class="BrowseLimitLink" id="limit60"><span class="Active60">60</span></a>
                    <a href="javascript:;" class="BrowseLimitLink" id="limit120"><span class="Active120">120</span></a>
                    <span>&span.results.per.page.value;</span>
                </div>
            </div>
        </hbox>
    </vbox>
</window>

