var am = {};

am.home = function () {
    var self = {},
        heroItems = [],
        rotateInterval,
        intervalCleared = false,
        currentItemIndex = 0;


    //initialize the hero area: 

    var rotateForward = function () {
        $(heroItems[currentItemIndex]).fadeOut();
        currentItemIndex = ((currentItemIndex + 1) >= heroItems.length) ? 0 : currentItemIndex + 1;
        $(heroItems[currentItemIndex]).fadeIn();
    };

    var rotateBackward = function () {
        $(heroItems[currentItemIndex]).fadeOut();
        currentItemIndex = (currentItemIndex === 0) ? heroItems.length - 1 : currentItemIndex - 1;
        $(heroItems[currentItemIndex]).fadeIn();
    };

    var clearInterval = function () {
        window.clearInterval(rotateInterval);
        intervalCleared = true;
    };

    $("#hero-area .hero-item").each(function () {
        heroItems.push(this);
    });

    if (heroItems.length > 1) {
        for (var i = 1, ii = heroItems.length; i < ii; i++) {
            $(heroItems[i]).hide();
        }
    }

    $("#btn-container .next").click(function (e) {
        e.preventDefault();
        rotateForward();

        !intervalCleared && clearInterval();
    });

    $("#btn-container .prev").click(function (e) {
        e.preventDefault();
        rotateBackward();

        !intervalCleared && clearInterval(); 
    });

    rotateInterval = window.setInterval(rotateForward, 10000);
}