JavaScript - Podmiana obrazka.

Witam, mam taki oto skrypt, który podmienia obrazek w zależności od proporcji ekranu.

<script>
    window.onload=function(){
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

var x = w/h;
if(x > 1.3){
     document.getElementById("background").src="bg.jpg";
  }else{
     document.getElementById("background").src="bgpion.jpg";
 }};

</script>

Wszystko działa, ale robi to tylko po odświeżeniu strony. Czy jest możliwość żeby skrypt na bieżąco monitorował rozdzielczość i zmieniał img bez konieczności odświeżania?

Obrazek daj do diva i tego diva odświeżaj co 5000 milisekund.
http://www.9lessons.info/2009/07/auto-load-refresh-every-10-seconds-with.html jQuery
http://www.coderanch.com/t/526538/HTML-CSS-JavaScript/refresh-DIV JavaScript

Jeszcze do mojego sposobu:
zapisz rozdzielczosc w jakiejs zmiennej i potem co jakiś czas porównuj i wtedy jak się zmieni to odśwież po prostu element, w którym znajduje się obrazek.

@SzeWa: anonimy podpowiadają znowu jakieś głupie rozwiązania.

window.onresize