$(document).ready(function () {


    /* hero home */
    var $heroArr = new Array();
    $("#heroNav a").each(function (i, val) {
        $heroArr[i] = new Image();
        $heroArr[i].src = "/images/" + $(this).attr("title");
    });


    /* initialize hero */
    var $currHero = 0;
    changeHero();
    var $heroId = setInterval(changeHero, 8000);

    /* image rotator */
    function changeHero() {

        $("#heroNav a").removeClass("on");
        $("#heroNav a:eq(" + $currHero + ")").addClass("on");

        $("#heroStage").animate({ opacity: 0 }, 375, function () {
            if ($currHero == $heroArr.length) {
                $currHero = 0;
            }
            $(this).css('background', 'url(' + $heroArr[$currHero].src + ') top center no-repeat');
            $currHero++;
        }).animate({ opacity: 1 }, 375);
    }

    /* switch hero */
    $("#heroNav a").click(function (e) {
        e.preventDefault();

        clearInterval($heroId);

        $currHero = $('#heroNav a[href$="' + $(this).attr("href") + '"]').index();
        changeHero();
        $heroId = setInterval(changeHero, 8000);

    });

    /* switch hero */
    $("#heroStage").click(function (e) {
        e.preventDefault();
        $(location).attr('href', $("#heroNav a.on").attr("href"));
    });
});