<!--                                                                  -->
<!--  Copyright (C) 2006 RoyaltyShare, Inc.   All Rights Reserved     -->
<!--                                                                  -->
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
    <xsl:output method="html" indent="no" doctype-system="http://www.w3.org/TR/html4/strict.dtd" doctype-public="-//W3C//DTD HTML 4.01//EN" encoding="utf-8" />

    <xsl:template name="catalogIncludes">
        <link href="/production/css/bookpub/catalog.css?v=14" rel="stylesheet" type="text/css" />
        <script src="/production/javascript/jquery/jquery-3.6.0.min.js"></script>
        <script type="text/javascript" src="/production/javascript/jquery/jquery.qtip.min.js"></script>
        <script type="text/javascript" src="/production/javascript/bookpub/catalog.js?v=9"></script>
    </xsl:template>

    <xsl:template name="addToList">
        <xsl:param name="assetType" />
        <xsl:param name="assetID" />
        <xsl:param name="positionMy" select="'top left'" />
        <xsl:param name="positionAt" select="'bottom right'" />

        <a href="javascript:void(0)" title="Add to List" class="js-tooltip">
            <div id="addToList{$assetID}">
                <xsl:call-template name="icon">
                    <xsl:with-param name="type" select="'add'" />
                    <xsl:with-param name="role" select="'action'" />
                </xsl:call-template>
            </div>
        </a>

        <script type="text/javascript">
            $('#addToList<xsl:value-of select="$assetID" />').qtip({
               content: {
                    ajax: {
                        url: '/bookpub/market?c=add_item&amp;<xsl:value-of select="$assetType" />=<xsl:value-of select="$assetID" />',
                        method: 'get',
                        once: false
                    },
                    text: '<xsl:call-template name="loader" />',
                    title: '<xsl:call-template name="addToListTitle"><xsl:with-param name="assetID" select="$assetID" /></xsl:call-template>'
               },
               show: {
                    solo: true,
                    event: 'click'
               },
               hide: {
                    event: 'click'
               },
               position: {
                  my: '<xsl:value-of select="$positionMy" />',
                  at: '<xsl:value-of select="$positionAt" />',
                  adjust: {
                     screen: true
                  }
               }
            });
            $('a#close<xsl:value-of select="$assetID" />').live('click', function() {
                $(this).parents('.qtip').qtip("hide");
            });
        </script>
    </xsl:template>

    <xsl:template name="addToListTitle">
        <xsl:param name="assetID" />
        <h3 class="Modal-title-text">Add to List</h3>
        <a href="javascript:void(0)" id="close{$assetID}" title="Close">
            <div class="Modal-close-trigger Icon-trigger">
                <xsl:call-template name="icon">
                    <xsl:with-param name="type" select="'close'"/>
                    <xsl:with-param name="role" select="'action'"/>
                </xsl:call-template>
            </div>
        </a>
    </xsl:template>

</xsl:stylesheet>
