var ajaxReq;
var imgArr = new Array();
var imgIndx = 3;

function requestImages()
{
	var url = "bank.xml";
	ajaxReq = new AJAXRequest(loadImages, url);
	ajaxReq.sendAjaxRequest();
}

function loadImages()
{
	if (ajaxReq.getAjaxResponseState() == 4)
	{
		var resXml = ajaxReq.getAjaxResponseXML();
		if (!resXml) return;
        if (!resXml.hasChildNodes()) return;
        var banks = resXml.getElementsByTagName('bank');
        for(var i=0; i<banks.length; i++){
        	var bankName = banks[i].getAttribute('name');
        	var imgName = banks[i].getAttribute('image');
        	var url = banks[i].getAttribute('url');
        	var htmlStr = "<a href='" + url + "'> <img name='" + bankName + "' alt='" + bankName + "' src='./images/" + imgName + "' border='0'/></a>";
        	imgArr[i] = htmlStr;
        }
	}
}

function updateImages()
{
	if(imgArr.length >0)
	{
		updateHtml('bankImg_1');
		updateHtml('bankImg_2');
		updateHtml('bankImg_3');
		updateHtml('bankImg_4');
	}
	window.setTimeout( updateImages, 5000 );
}

function updateHtml(elementId){
	if(imgIndx<imgArr.length-1)
		{
			document.getElementById(elementId).innerHTML=imgArr[imgIndx+1];
			imgIndx=imgIndx+1;
		}
		else
		{
			document.getElementById(elementId).innerHTML=imgArr[0];
			imgIndx=0;
		}
}