Javascript-форум - bg resizer и bg rotator !help!

Доброго времени суток. Проблема в следующем: есть 2 скрипта:
bg resizer

<script type="text/javascript">
	function screenSize() {
    var w, h; // w - длина, h - высота
    w = (window.innerWidth ? window.innerWidth : (document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.offsetWidth));
    h = (window.innerHeight ? window.innerHeight : (document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.offsetHeight));
    return {w:w, h:h};
	}
	$(document).ready(function() {
		function imageresize() {
			var width = $('body').width();
			var height = $('body').width();
			    $('.fon').attr('width',screenSize().w);
				 $('.fon').attr('height',screenSize().h);
		}
		imageresize();	
		$(window).bind("resize", function(){
			imageresize();
		});
	});
</script>

и bg rotator

<script type="text/javascript">
	var array = new Array(
    "img/bg/1.jpg",
    "img/bg/2.jpg",
    "img/bg/3.jpg"
  );//массив с путями к картинкам
  var delay = 2000; //задержка в миллисекундах
  function imageRotator(i) {
    var image = document.getElementById("rotator");
    image.src = array[i];
    i++;
    if (i == array.length) i = 0;
    setTimeout("imageRotator(" + i + ")", delay);
  }
</script>

Все никак не могу заставить работать ротатор, может проблема в путях ? Подскажите пожалуйста, где ошибка.

Вот body и сам src картинки фона:

<body onload="imageRotator(i)" onresize="fon()">

<img id="rotator" class="fon" src="img/bg/1.jpg" alt="background" />