var iCurrent=1;
// Change the iMax number below when adding more promos
var iMax=4;
var timer;

function changePromo(currentID, newID) {
	if (currentID != newID) {
		oCurrent = $('homePromo'+currentID);
		oNew = $('homePromo'+newID);

		Effect.Fade(oCurrent, { duration: .5, from: 1.0, to: 0.0, queue: { position: 'end', scope: 'image', limit: 4 } });
		Effect.Appear(oNew, {queue: { position: 'start', scope: 'image', limit: 4 } });
		iCurrent=newID;
		
		oCurrentNav = $('hpNav'+currentID);
		oNewNav = $('hpNav'+newID);
		
		oCurrentNav.removeClassName('selected');
		oNewNav.addClassName('selected');

		clearInterval(timer);
		timer = setInterval("changePromo(iCurrent, getNextID())", 10000);
	}
}

function getPrevID() {
	if (iCurrent==1) {
		iCurrent=iMax;
	} else {
		iCurrent--;
	}
	return iCurrent;
}

function getNextID() {
	if (iCurrent==iMax) {
		iCurrent=1;
	} else {
		iCurrent++;
	}
	return iCurrent;
}

function homeLink(promo) {
	var cslink = promo.select('.csLink');
	window.location.href=cslink[0].readAttribute('href');
}

Event.observe(window, 'load', function() {
	MM_preloadImages(
					 
		'../_images/home-5wff-ijm.jpg',
		'../_images/home-blood-water-mission.jpg',
		'../_images/home-web-award.jpg',
		'../_images/home-jijue.jpg'
	);
	
	oCurrentNav = $('hpNav'+iCurrent);
	oCurrentNav.addClassName('selected');
									   
	timer = setInterval("changePromo(iCurrent, getNextID())", 10000);
	
	aPromos = $$('div.homePromo');
	aPromos.each(function(s) {
		  // IE needs this to initialize the objects
	});
});