/* ToDo
-if >8 images, balance both rows
-later: put banners behind curve
*/

transType = new Array("lr","rl","tb","bt","tlbr","trbl","bltr","brtl","cve","che","cc");
var transCounter = 0;
var MaxItems = pics.length/3;
CycleNum = 0;
var NextTimer;

function initRotate() {
	document.getElementById("banimg").src="/images/banner/" + pics[0];
	obj = document.getElementById("markers");
	for(counter=1; counter<=MaxItems; counter++) {
		// create link button for each banner
        newObj = document.createElement('a');
        newObj.setAttribute('href', 'javascript:cycle(' + counter + ');');
        newObj.innerHTML = "<span id='im" + counter + "'>&nbsp;</span>";
        obj.appendChild(newObj);
	}
	NextTimer = setTimeout("cycle(-1)",0);
}

function cycle(NewNum) {
	// remove focus from the banner
	document.getElementById("lnk").blur();
	if(NewNum>0) {
		// they clicked a banner button
		clearTimeout(NextTimer);
		CycleNum=NewNum;
	}
	  else {
	  	// move to the next banner
		CycleNum++;
		if(CycleNum>MaxItems) CycleNum=1;
	}
	// clear all the button highlights
	for(counter=1; counter<=MaxItems; counter++) {
		document.getElementById("im" + counter).className = "";
	}
	// take off the link, swap banners, then put the new link on
	document.getElementById("lnk").setAttribute('href', '#');
	crosswipe(document.getElementById('banimg'), "/images/banner/" + pics[(CycleNum-1)*3], '1', transType[transCounter], '');
	transCounter++;
	if(transCounter>=transType.length) transCounter=0;
	document.getElementById("lnk").setAttribute('href', pics[(CycleNum*3)-2]);
	// highlight the correct button
	document.getElementById("im" + CycleNum).className = "currIM";
	NextTimer=setTimeout("cycle(-1)",pics[(CycleNum*3)-1]*1000);
}