изменение в стилях в зависимости от значения

[VGreen]

Всем доброго времени суток!
народ, выручайте, зашел в тупик. Суть вот в чем, делаю шаблон для ДЛЕ и нужно кое что скрыть в зависимости от значения которое передаёт движок, а именно, в движке есть тег {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

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

[VGreen]

проблему решил, оказалось до жути все просто

<script type="text/javascript">
if({new-pm} > 0) {
$("#icon-new-pm").addClass("icon-new-pm");
}
</script>

всем спасибо