var rotator = {
    currentPos: 2,
    count: 3,
    interval: 3000,
    timer: null,
    start: function(interval) {
        if (!interval) {
            interval = rotator.interval;
        }
        rotator.timer = setInterval(this.rotate, interval);
    },
    rotate: function() {
        var currentFeature = document.getElementById("feature" + rotator.currentPos);
        var nextFeature = document.getElementById("feature" + (rotator.currentPos + 1));
        var currentFeatureHeading = document.getElementById("feature" + rotator.currentPos + "_heading");
        var nextFeatureHeading = document.getElementById("feature" + (rotator.currentPos + 1) + "_heading");
        var featureIndicator = document.getElementById("indicator");
        if (nextFeature) {
            rotator.currentPos++;
            currentFeature.className = 'hidden';
            currentFeatureHeading.className = 'hidden';
            nextFeature.className = 'showing';
            nextFeatureHeading.className = 'showing';
            if (featureIndicator)
                featureIndicator.className = 'feature' + rotator.currentPos;


        } else {
            rotator.currentPos = 1;
            currentFeature.className = 'hidden';
            currentFeatureHeading.className = 'hidden';
            currentFeature = document.getElementById("feature" + rotator.currentPos);
            currentFeatureHeading = document.getElementById("feature" + rotator.currentPos + "_heading");
            currentFeature.className = 'showing';
            currentFeatureHeading.className = 'showing';
            if (featureIndicator)
                featureIndicator.className = 'feature' + rotator.currentPos;
        }
    },
    stop: function() {
        clearInterval(rotator.timer);
    }

}


var showFeature = function(showFeature, hideFeature1, hideFeature2) {
    rotator.stop();
    for (i = 1; i <= 3; i++) {
        var feature = document.getElementById("feature" + i);
        var featureHeading = document.getElementById("feature" + i + "_heading");
        var featureIndicator = document.getElementById("indicator");
        if (i != showFeature) {
            if (feature) { feature.className = "hidden"; }
            if (featureHeading) { featureHeading.className = "hidden"; }
        } else {
            if (feature) { feature.className = "showing"; }
            if (featureHeading) { featureHeading.className = "showing"; }
        }
        if (featureIndicator) { featureIndicator.className = "feature" + showFeature; }
    }
};