[Resolvido] Mudar Texto ao redimensionar o Browser

Opa Bom Dia ...

tenho uma pagina com o seguinte codigo....

<script>
 var windowWidth = document.documentElement.clientWidth;
 window.onload = function Menu(){
 // 1213 1123 961 810
 if(windowWidth>=1213){
 document.getElementById('pessoaDIV').innerHTML = '<ul class="menu" > <li><a href="#"><span>Página Inicial</span></a></li></ul>';
 }
 if(windowWidth<=1213){
 document.getElementById('pessoaDIV').innerHTML = '<ul class="menu" > <li><a href="#"><span>Página 1213</span></a></li></ul>';
 } if (windowWidth<=1123){
 document.getElementById('pessoaDIV').innerHTML = '<ul class="menu" > <li><a href="#"><span>Página 1123</span></a></li></ul>';
 } if(windowWidth<=961){
 document.getElementById('pessoaDIV').innerHTML = 'resolução nova';
 } if(windowWidth<=810){
 document.getElementById('pessoaDIV').innerHTML = 'resolução nova 810';
 }

 }

</script>

<div id="pessoaDIV">

</div>

beleza tá funcionando direito....

mais agora é o problema eu queria que quando o usuario redimensionase o Navegador execultase essa function....

como posso fazer isso ?

Vlws

<script>

 window.onresize = function Menu(){
 var windowWidth = document.documentElement.clientWidth;
 // 1213 1123 961 810
 if(windowWidth>=1213){
 document.getElementById('pessoaDIV').innerHTML = '<ul class="menu" > <li><a href="#"><span>Página Inicial</span></a></li></ul>';
 }
 if(windowWidth<=1213){
 document.getElementById('pessoaDIV').innerHTML = '<ul class="menu" > <li><a href="#"><span>Página 1213</span></a></li></ul>';
 } if (windowWidth<=1123){
 document.getElementById('pessoaDIV').innerHTML = '<ul class="menu" > <li><a href="#"><span>Página 1123</span></a></li></ul>';
 } if(windowWidth<=961){
 document.getElementById('pessoaDIV').innerHTML = 'resolução nova';
 } if(windowWidth<=810){
 document.getElementById('pessoaDIV').innerHTML = 'resolução nova 810';
 }
 }

</script>

<div id="pessoaDIV">

</div>