var rmcInterval;
var currRmcSlide;
var currRmcSlideIndex;

function showSlide(rmcSlide) {
    rmcSlide.css({ "opacity": "1", "display": "block" });
    rmcSlide.children("a").css("display", "block");
}
function autoRotateSlider() {
    //fetch all the slides
    var rmcSlides = $(".slide");

    //guard against first auto-rotation
    if (currRmcSlide == null) {
        currRmcSlide = $(rmcSlides[0]);
        currRmcSlideIndex = 0;
    }

    if (currRmcSlideIndex == rmcSlides.length - 1) {
        fadeIn($(rmcSlides[0]), "3000", function() {
            rmcSlides.each(function(intIndex) { showSlide($(this)); });
        });
        //this will reset this
        currRmcSlide = $(rmcSlides[0]);

        currRmcSlideIndex = 0;
         
        return;
    }

    fadeOut(currRmcSlide, "300",  function(){
          $(rmcSlides[currRmcSlideIndex-1]).css("display", "none");
        });
          
    currRmcSlide = $(rmcSlides[++currRmcSlideIndex]);
}
function fadeIn(rmcSlide, time) {
    fadeIn(rmcSlide, time, null);
}
function fadeIn(rmcSlide, time, callBack) {
    if (callBack == null)
        callBack = function() {
    $(this).css("display", "block");
    $(this).children("a").css("display", "block");
        };
    //use call-back to set display.
    rmcSlide.stop().animate({ "opacity": "1" }, time, "swing", function() { callBack(); });
}

function fadeOut(rmcSlide, time) {
    fadeOut(rmcSlide, time, null);
}
function fadeOut(rmcSlide, time, callBack) {
    if (callBack == null)
        callBack = function() {
            $(this).css("display", "none");
            $(this).children("a").css("display", "none");
        }
    //use call-back to set display.
    rmcSlide.stop().animate({ "opacity": "0" }, time, "swing", function() { callBack(); });
}