var heroes;
var animateHeroFeature;
var animateHeroFeatureInterval = 7000;
var heroFeatureIndex;
var heroFeatureTotal;

function ChangeHeroFeature()
{
    if (animateHeroFeature)
        NextHeroFeature();
}

function PreviousHeroFeature()
{
    jQuery(heroes).eq(heroFeatureIndex).fadeOut(500);
    if (heroFeatureIndex == 0)
        heroFeatureIndex = heroFeatureTotal - 1;
    else
    {
        heroFeatureIndex--;
    }
    jQuery(heroes).eq(heroFeatureIndex).fadeIn(500);
}

function NextHeroFeature()
{
    jQuery(heroes).eq(heroFeatureIndex).fadeOut(500);
    if (heroFeatureIndex == heroFeatureTotal - 1)
        heroFeatureIndex = 0;
    else
    {
        heroFeatureIndex++;
    }
    jQuery(heroes).eq(heroFeatureIndex).fadeIn(500);
}

function SelectHeroFeature(button)
{
    jQuery(heroes).eq(heroFeatureIndex).fadeOut(500);
    heroFeatureIndex = button.html() - 1;
    jQuery(heroes).eq(heroFeatureIndex).fadeIn(500);
}

jQuery(document).ready(function ($) {
	$(".HeroFeatureButtonNext").click(function () { animateHeroFeature = false; NextHeroFeature() });
	$(".HeroFeatureButtonPrevious").click(function () { animateHeroFeature = false; PreviousHeroFeature() });
	$(".HeroFeatureNumberButton").click(function () { animateHeroFeature = false; SelectHeroFeature($(this)) });

	$(".PromoWrapper").equalizeHeights();

	heroes = $(".HeroFeatureWrapperDiv");
		
	if (heroes.length > 1) {
		heroes.hide();
		heroFeatureTotal = heroes.length;
		animateHeroFeature = true;
		heroFeatureIndex = 0;
		jQuery(heroes).eq(heroFeatureIndex).show();
		window.setInterval(ChangeHeroFeature, animateHeroFeatureInterval);
	} else {
		$(".HeroFeatureButtons div").hide();
	}
});