Mostrare/nascondere DIV in base a risoluzione

[mgc]

Ciao a tutti e buone feste! ;-)
Ho necessità di implementare uno script che mi permetta di nascondere o mostrare un div contenuto nel body a seconda della risoluzione del monitor dell'utente.
Ho impostato il seguente script, ma purtroppo nn mi funge. Qualcuno mi può aiutare?

Nell'HEAD inserisco questo:
====
<script type="text/javascript">
var w = screen.width;
var h = screen.height;

if (w<=1280) {

document.getElementById('avviso').style.visibility ='hidden';
}
</script>
====

Nel BODY è invece presente il div:

<div id="avviso">
Risoluzione non supportata
</div>

Cosa sbaglio? Il div mi viene invariabilmente mostrato al variare della risoluzione!
Grazie mille

[br1]

Se lo script lo inserisci alla fine della pagina e sicuramente dopo il div incriminato dovrebbe funzionare... altrimenti inseriscilo in una function da richiamare all'onload della pagina.

ciao

ps: sarebbe meglio che il div fosse nascosto di default e visualizzato solo se la risoluzione lo permette

[Xinod]

concettualmente, a meno di non forzare in qualche modo la massimizzazione della finestra, sarebbe piu' indicato basarsi sulle dimensioni della viewport piuttosto che la risoluzione: posso anche avere 1600x1200 di risoluzione, ma se il browser e' ridimensionato a 600px di larghezza il tuo div puo' risultare comunque di troppo