{% load i18n %}

<script type="text/javascript" src="{{ CM_MEDIA_PREFIX }}js/lib/fg-menu/fg.menu.js"></script>

<link type="text/css" href="{{ CM_MEDIA_PREFIX }}js/lib/fg-menu/fg.menu.css" media="screen" rel="stylesheet" />

        <style type="text/css">

                .fg-menu-action .fg-menu li { width: 95%; }

                .fg-menu a {border:1px solid #FFF;}

                .fg-menu-container {border: 1px solid #AAAAAA;}

        </style>

<div class="text-buttons">

<a id="share" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="flat"><span class="ui-icon ui-icon-triangle-1-s"></span>{% blocktrans %}Share{% endblocktrans %}&nbsp;<img class="align-mid" src="{{ CM_MEDIA_PREFIX }}img/social/facebook.gif" /><img class="align-mid" src="{{ CM_MEDIA_PREFIX }}img/social/digg.gif" /></a>

<div id="share-options" class="hidden">

<ul>

        <li><a href="http://www.facebook.com/sharer.php?u={{ SITE_URL }}{% url text-view text.key %}"><img class="align-mid" src="{{ CM_MEDIA_PREFIX }}img/social/facebook.gif" /> Facebook</a></li>

        <li><a href="http://digg.com/remote-submit/?phase=2&url={{ SITE_URL }}{% url text-view text.key %}"><img class="align-mid" src="{{ CM_MEDIA_PREFIX }}img/social/digg.gif" /> Digg</a></li>

        <li><a href="http://www.linkedin.com/shareArticle?mini=true&url={{ SITE_URL }}{% url text-view text.key %}"><img class="align-mid" src="{{ CM_MEDIA_PREFIX }}img/social/linkedin.gif" /> Linkedin</a></li>

</ul>

</div>

<script type="text/javascript">    

    $(function(){

        $('.fg-button').hover(

                function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); },

                function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }

        );

        $('#share').menu({ 

            content: $('#share').next().html(),

            showSpeed: 200 

        });

        $('#export').menu({ 

            content: $('#export').next().html(),

            showSpeed: 200 

        });

    });

    </script>

</div>