var aImages = new Array();
var iPos = 0;
var iTimeGap = 3000;
var iTimeTransition = 1000;
var	oTimer = null;



function initZoomShow(){
	aImages = $('#cellBanner img');
	if (aImages.length > 1) {
		sHTML = '';
		sHTML += '<div id="slideShow">';
		sHTML += '<img src="' + aImages[0].src + '" alt="Banner Image" id="imgBanner">';
		sHTML += '<ul>';
		for (i=0;i<aImages.length;i++) {
			sHTML += '<li onclick="swapImage(' + i + ');" id="imgControl' + i + '">' + (i + 1) + '</li>';				
		}
		sHTML += '</ul>';
		sHTML += '</div>';		
		$('#cellBanner').append(sHTML);
		$('#imgControl' + iPos).attr("class", 'current');				
		oTimer = setTimeout('swapImage()',iTimeGap);		
	} else if (aImages.length == 1) {
		sHTML = '';
		sHTML += '<div id="slideShow">';
		sHTML += '<img src="' + aImages[0].src + '" alt="Banner Image" id="imgBanner">';
		sHTML += '</div>';
		$('#cellBanner').append(sHTML);
	}
}

function swapImage(iImagePos) {
	clearTimeout(oTimer);
	if(!iImagePos) {
		iPos++;		
	} else {
		iPos = iImagePos;
	}
	if(iPos>=aImages.length) iPos = 0;	
	iUsePos = iPos;
	$('#cellBanner li').attr("class", '');
	$('#imgBanner').ImageSwitch({Type:'FadeIn', NewImage:aImages[iUsePos].src, speed: iTimeTransition});
	$('#imgControl' + iUsePos).attr("class", 'current');
	oTimer = setTimeout('swapImage()',iTimeGap);
}	

$(function(){
	initZoomShow();
});