var slides = []
var slidebgs = []
var slidepos = 0
var nextslidepos = 0

$(function () {


    $('#mainhero div.hmslideblock').each(function () {
        slides.push($(this))
    })

    $('#mainherobg div.bgHero').each(function () {
        slidebgs.push($(this))
    })

    if (slides.length < 2) {
        slides[slidepos].addClass('activeslide');
        slidebgs[slidepos].addClass('activeslide');
        return;
    };
    if (hmrandom) { slides.sort(randOrd); }
    slides[slidepos].addClass('activeslide');

    slidebgs[slidepos].addClass('activeslide');

    prepare()

})

function prepare() {
    var duration = (slides[slidepos].attr('rel') * 1000);
    if (duration == null || duration == 0) return
    setTimeout('moveSlide()', duration);
}

function moveSlide() {
    var nextSlide = getSlide()
    nextSlide.addClass('nextslide');

    //var nextBg = $($('.bgHero').get(nextslidepos))

    slidebgs[nextslidepos].addClass('nextslide').fadeIn(1000);

    slides[slidepos].fadeOut(1000);

    nextSlide.fadeIn(1000, function () {

        slides[slidepos].removeClass('activeslide');
        slidebgs[slidepos].removeClass('activeslide');

        slides[slidepos].hide();
        slidebgs[slidepos].hide();

        nextSlide.removeClass('nextslide');
        slidebgs[nextslidepos].removeClass('nextslide');

        nextSlide.addClass('activeslide');
        slidebgs[nextslidepos].addClass('activeslide');

        slidepos = nextslidepos
        prepare();
    })
}

function getSlide() {
    nextslidepos = (slidepos == slides.length - 1) ? 0 : slidepos + 1
    return slides[nextslidepos]
}
function randOrd() {
    return (Math.round(Math.random()) - 0.5);
}