数秒おきに背景画像を変えたい

JavaScript jQuery

をクリックしたら、xmlファイルを読み込んで背景の画像を数秒おきに書き換えたい。
そこで試したコード

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.4.2");</script>
<script type="text/javascript" src="js/jquery.xml2json.js"></script>
//初期設定
var img_path = "img/place/";
$(function(){
$("#hoge").click(function(){
$.get("data/v001.xml", function(xml){
	var json = $.xml2json(xml);
	var length=json.Row.length;
	var rowfiles=new Array();
	for(var i=0; i<length; i++){
		rowfiles[i]=json.Row[i].file;
	}
	var i=0;
	timerID = setInterval( function(){
		var back_image=img_path+rowfiles[i]+".jpg";
		$("#mainview").attr('src', back_image);
		i++;
		if(i>length-1){
			clearInterval(timerID);
			timerID = null;
		}
	},3000);
});
return false;
});
});

3秒ごとに背景画像が切り替わるイメージでいたけど、変わらない。なんでだろう？