var activeSlide = 0;
var fadeTime = 700;
var slideInterval = 6000;
var timer;

$(function () {
    //INIT SLIDE
    $('.hero-images').children('.hero-image:first').fadeIn(fadeTime);

    //PREALOAD IMAGES
    var preloadArr = [];
    $('.hero-images').children('.hero-image').each(function () {
        preloadArr.push($(this).children('img').attr('src'));
    });
    preloadImages(preloadArr);


    function preloadImages () {
        var a = (typeof arguments[0] == 'object') ? arguments[0] : arguments;
        for (var i = a.length - 1; i > 0; i--) {
            $("<img>").attr("src", a[i]);
        }
    }

    //SET TIMER
    timer = setTimeout('autoSlide()', slideInterval);
});

//NEXT SLIDE FUNCTION
function autoSlide() {
    var totalImages = $('.hero-images').children('.hero-image').length;

    //FADE OUT SLIDE
    $('.hero-images').children('.hero-image:eq(' + activeSlide + ')').fadeOut(fadeTime);
    
    //FADE IN NEXT SLIDE
    if (activeSlide < (totalImages - 1)) activeSlide++; else activeSlide = 0;
    $('.hero-images').children('.hero-image:eq(' + activeSlide + ')').fadeIn(fadeTime);

    //REINITIATE TIME
    timer = setTimeout('autoSlide()', slideInterval);
}