Javascript-форум - изменение в стилях в зависимости от значения

Всем доброго времени суток!
народ, выручайте, зашел в тупик. Суть вот в чем, делаю шаблон для ДЛЕ и нужно кое что скрыть в зависимости от значения которое передаёт движок, а именно, в движке есть тег {new-pm} и если его значение ноль то надо чтобы у иконки, используемой в дизайне было значение display:none а если любая другая цифра то display:block

вот html и css код

Код:

<div class="login-name">{login}</div><img src="{foto}" title="{login}" class="login-foto-pm"/><i id="icon-new-pm"></i>



.login-foto-pm {

        width: 40px;

        height: 40px;

        -webkit-border-radius:50%;

        border-radius:50%;

        margin-left:-30px;

        position:relative;

}

#icon-new-pm {

        width: 18px;

        height: 18px;

        position: absolute;

        display:none;

        border: 2px solid rgba(80,80,80,0.7);

        -webkit-border-radius:50%;

        border-radius:50%;

        text-align:center;

        vertical-align:middle;

        right:30px;

        top:0;

        font-size:14px;

        color: rgba(1,153,217,1);

        background: rgba(33,35,40,1);

        z-index:99;

}

вот только на что меня хватило и это не работает

<script type="text/javascript">
if({new-pm} != 0) {
document.getElementById(icon-new-pm).style.display='none';

} else {
document.getElementById(icon-new-pm).style.display='block';
}
</script>

значение display нужно чтобы менялось у id icon-new-pm

заранее всем спасибо