function resetHeros() {
	$("#homeHero01").css("display", "none");
	$("#homeHero02").css("display", "none");
	$("#homeHero03").css("display", "none");
}

function rotateHeros(heroId) {

	var timeDelay = 5000; 
	// Time delay between rotations, 1000 = 1 second
	
	var noOfHeros = 3;
	// No of Hero DIVs
	
	resetHeros();
	
	if( heroId > noOfHeros ) {
		heroId = 1;
	}
	
	switch (heroId) {
		case 1:
			$("#homeHero01").fadeIn();
			break;
		case 2:
			$("#homeHero02").fadeIn();
			break;
		case 3:
			$("#homeHero03").fadeIn();
			break;
		default:
			$("#homeHero01").fadeIn();
			break;
	}
	
	heroId ++;
		
	var recur_call = "rotateHeros(" + heroId + ")";
		
	setTimeout (recur_call, timeDelay);
}

$(function() {
	resetHeros();
	rotateHeros(1);
});