var iCurrentPromo, iMaxPromo, iPromoSeconds, promoTimer;

function changePromo(currentID, newID) {
	if (currentID != newID) {
		oCurrentImage = $('hmpImage'+currentID);
		oCurrentText = $('hmpText'+currentID);
		oNewImage = $('hmpImage'+newID);
		oNewText = $('hmpText'+newID);
		
		// Cross Fade one panel into the other
		new Effect.Parallel(
			[
				Effect.Fade(oCurrentText, { sync: true }),
				Effect.Fade(oCurrentImage, { sync: true }),
				Effect.Appear(oNewImage, { sync: true }),
				Effect.Appear(oNewText, { sync: true })
			],
			{ duration: .5 }
		);
		
		iCurrentPromo=newID;
		clearInterval(promoTimer);
		promoTimer = setInterval('changePromo(iCurrentPromo, getNextPromoID())', iPromoSeconds*1000);
		
		oCurrentNav = $('hmpnav'+currentID);
		oCurrentNav.removeClassName("selected");
		oNewNav = $('hmpnav'+newID);
		oNewNav.addClassName("selected");
	}
}
		
function getNextPromoID() {
	iCurrentPromo==iMaxPromo ? iCurrentPromo=1 : iCurrentPromo++;
	return iCurrentPromo;
}
		
Event.observe(window, 'load', function() {
	// Initialize values on page load
	iCurrentPromo = 1; //Start with first quote
	iMaxPromo = 4;
	iPromoSeconds = 10; //Number of seconds between rotations
	
	oCurrentNav = $('hmpnav1');
	oCurrentNav.addClassName("selected");
	
	promoTimer = setInterval('changePromo(iCurrentPromo, getNextPromoID())', iPromoSeconds*1000); //Timer to rotate quotes
});