affichage du lien "surveiller un sujet" et "arrêter de surveiller un sujet"

<script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){

        if(typeof(_atc) == "undefined") {
            _atc = { };
        }
      
        _atc.cwait = 0;
        $('.addthis_button').mouseup(function(){
            if ($('#at15s').css('display') == 'block') {
                addthis_close();
            }
        });
    });

    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }
          
            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
    {
    if( $(this).is(":visible") )
    {
    $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
    }
    else
    {
    $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
    }
    });
            }
        }
        catch(e) { }
      
    return false;
    };

    //]]>
    </script>

    <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
 <!-- BEGIN switch_user_logged_in --><!-- BEGIN watchtopic -->
    <tr><td colspan="2" align="right"><span class="gensmall">{S_WATCH_TOPIC}</span></td></tr><!-- END watchtopic --><!-- END switch_user_logged_in -->
    <tr><td align="left" {WIDTH_GALLERY}><span class="nav"><!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authreply --></span></td>
    <td valign="middle" align="right"><span class="navPOST" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->{NAV_CAT_DESC_SECOND} <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></span></td></tr>
    <tr><td colspan="2"><div id="tlePOST">{TOPIC_TITLE}</div></td></tr>
    </table>

    <table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" >
    <!-- BEGIN topicpagination -->
    <tr><td colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td></tr>
    <!-- END topicpagination -->
    {POLL_DISPLAY}
        <!-- BEGIN postrow -->
        <!-- BEGIN hidden -->
        <tr><td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td></tr>
        <!-- END hidden -->
        <!-- BEGIN displayed -->
        <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td colspan="2">
        <!-- BEGIN switch_vote_active -->
        <div class="vote gensmall">
        <!-- BEGIN switch_vote -->
        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
        <!-- END switch_vote -->

        <!-- BEGIN switch_bar -->
        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
        <!-- BEGIN switch_vote_plus -->
        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
        <!-- END switch_vote_plus -->

        <!-- BEGIN switch_vote_minus -->
        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
        <!-- END switch_vote_minus -->
        </div>
        <!-- END switch_bar -->

        <!-- BEGIN switch_no_bar -->
        <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
        <!-- END switch_no_bar -->

        <!-- BEGIN switch_vote -->
        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
        <!-- END switch_vote -->
        </div>
        <!-- END switch_vote_active --><div style="height:5px;"></div>
        </td></tr>
 
        <tr>
 <td valign="top">
        <div class="boxPOST"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a><div class="avaPOST">{postrow.displayed.POSTER_AVATAR}</div><div class="abtPOST"><!-- BEGIN profile_field --><div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div><!-- END profile_field --></div><div class="rpgPOST">{postrow.displayed.POSTER_RPG}</div></div>
        </td>
 
        <td valign="top" width="100%">
 <div class="grpPOST"><div class="boxNPOST"><div class="namePOST">{postrow.displayed.POSTER_NAME}<div class="rankPOST">{postrow.displayed.POSTER_RANK}</div></div><div class="toolsPOST">{postrow.displayed.QUOTE_IMG}<br/>{postrow.displayed.EDIT_IMG}<br/>{postrow.displayed.DELETE_IMG}<br/>{postrow.displayed.IP_IMG}</div></div><div class="DKPOST"><div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div><div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}</div></div></div>
 
        <div class="postbody"><div>{postrow.displayed.MESSAGE}</div>

        <!-- BEGIN switch_attachments -->
        <dl class="attachbox">
        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
        <dd>
        <!-- BEGIN switch_post_attachments -->
        <dl class="file">
        <dt><img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

        <!-- BEGIN switch_dl_att -->
        <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
        <!-- END switch_dl_att -->

        <!-- BEGIN switch_no_dl_att -->
        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
        <!-- END switch_no_dl_att -->
        </dt>

        <!-- BEGIN switch_no_comment -->
        <dd><em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em></dd>
        <!-- END switch_no_comment -->

        <!-- BEGIN switch_no_dl_att -->
        <dd><em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em></dd>
        <!-- END switch_no_dl_att -->

        <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
        </dl>
        <!-- END switch_post_attachments -->
        </dd></dl>
        <!-- END switch_attachments -->

        <div class="clear"></div>
        <!-- BEGIN switch_signature -->
        <div class="signPOST">{postrow.displayed.SIGNATURE}</div>
        <!-- END switch_signature -->
        </div>
 <div class="browse-arrows post--{postrow.displayed.U_POST_ID}" style="text-align:center;"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></div>
        </td>
        </tr>
        <!-- BEGIN first_post_br -->
        </table>

        <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <th class="thLeft" nowrap="nowrap">{L_AUTHOR}</th>
        <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
        </tr>
        <!-- END first_post_br -->
        <!-- END displayed -->
        <!-- END postrow -->
 
        <!-- BEGIN no_post -->
        <tr align="center">
        <td class="row1" colspan="2">
        <span class="genmed">{no_post.L_NO_POST}</span>
        </td>
        </tr>
        <!-- END no_post -->
        </table>
 
    <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" style="margin-top:5px;">
    <tr>
    <td valign="top" {COLSPAN_PAGINATION}><span class="gensmall">{PAGE_NUMBER}</span></td>
    <!-- BEGIN topicpagination --><td align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td><!-- END topicpagination -->
    </tr>
    </table>

    <!-- BEGIN switch_forum_rules -->
    <table id="forum_rules" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td valign="top" colspan="2"><div class="cattitle">{L_FORUM_RULES}</div></td></tr>
    <tr>
    <td class="clearfix">
    <table>
    <tr>
    <!-- BEGIN switch_forum_rule_image -->
    <td class="logo"><img src="{RULE_IMG_URL}" /></td>
    <!-- END switch_forum_rule_image -->
    <td class="rules postbody">{RULE_MSG}</td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    <!-- END switch_forum_rules -->

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table width="100%" style="margin-top:5px;" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><td align="left" valign="middle" {WIDTH_GALLERY}><span class="nav"><!-- BEGIN switch_user_authpost --><a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authpost --> <!-- BEGIN switch_user_authreply --><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a><!-- END switch_user_authreply --></span></td>

    <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

    <!-- BEGIN moderation_panel -->
    <td align="center"><span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span></td>
    <td align="center" width="250"><span class="gensmall"> </span></td>
 <!-- END moderation_panel -->
    </tr>
    </table>
    </form>
 
    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr><td colspan="2" align="right" valign="top" nowrap="nowrap"><span style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
    <form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
    <input type="hidden" name="t" value="{TOPIC_ID}" />
    <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
    <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
    <span class="gen">{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
    </form>
    </td></tr>
    </table>
    <!-- END viewtopic_bottom -->
 
    <table class="forumline noprint" align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td colspan="2" align="center" style="padding:0px;">
    <!-- BEGIN switch_user_logged_in --><a name="quickreply"></a>{QUICK_REPLY_FORM}<!-- END switch_user_logged_in -->
    </td></tr>
    </table>
 
 <script type="text/javascript">$( document ).ready(function() {$('a[href*="/u"] span').each(function(){var color = $(this).css("color"); $(this).closest('.grpPOST').css("background-color", color);});});</script>
    <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
    //]]>
    </script>
    <!-- END switch_image_resize -->
    <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

/* PRESENTATION DU SUJET */
/* TITRE SUJET */
#tlePOST {
margin:5px auto; padding:15px 0;
background:#BAD2DB; color:#1C4352; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:32px; font-family:Arial;
}
/* NAVIGATION SUJET */
.navPOST {
font-size:11px; text-transform:uppercase; font-family:Arial;
}
/* BLOC JOUEUR */
.boxPOST {
margin-right:10px; padding:10px;
background:#F2F2F2; /* MODIFIABLE */
}
/* TAILLE AVATARS */
.avaPOST img {
min-width:200px !important; /* MODIFIABLE */
}
/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
margin:10px auto 0;
text-align:left; font-family:Arial;
}
/* INFORMATIONS JOUEUR */
.abtPOST div {
margin-top:5px; padding:5px;
text-transform:uppercase; font-size:10px;
background:#D5D6BC; color:1C4352; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span {
font-weight:bold; /* MODIFIABLE */
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
margin:auto; max-width:100%;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin:10px auto 0; padding:5px;
text-transform:uppercase; font-size:9px; font-family:Arial;
background:#D5D6BC; color:#1C4352; /* MODIFIABLE */
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
/* BLOC PSEUDONYME & RANG / OUTILS MODERATION */
.grpPOST {
background:#BAD2DB; /* MODIFIABLE - COULEUR DES INVITES */
font-family:Arial;
}
.boxNPOST {
padding:10px;
}
/* BLOC PSEUDONYME & RANG */
.namePOST {
display:inline-block; vertical-align:middle; width:75%;
font-size:36px; text-transform:uppercase;
}
.namePOST a {
text-decoration:none !important; line-height:36px;
}
/* COULEUR PSEUDONYME */
.namePOST span strong {
color:#1C4352 !important; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
font-size:11px; color:#1C4352;  /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
display:inline-block; vertical-align:middle;
width:25%; text-align:right;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* BLOC DATE / IMAGES CONTACT JOUEUR */
.DKPOST {
padding:5px;
background:#F2F2F2; color:#1C4352; /* MODIFIABLE */
}
/* DATE SUJET */
.datePOST {
display:inline-block; vertical-align:middle; width:40%;
text-align:left; font-size:11px; text-transform:uppercase;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
display:inline-block; vertical-align:middle;
width:60%; text-align:right; line-height:0;
}
.ktactPOST img {
max-height:25px; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:310px; padding:15px;
background:#F2F2F2; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}