var featureSlider_isRunning = false;
var featureSlider_timer = null;
var featureSlider_interval = 4000; //ms
var featureSlider_fadeSpeed = 500; //ms;
var featureSlider_slideSpeed = 600; //ms
var featureSlider_slideBy = 890;

var featureSlider_html = "";

$(document).ready(function() { 
    
    //Start Timers
    featureSlider_start();
    
    //Hover stops feature - hover out restarts.  Also show left/right control.    
    $("#feature").hover(function() {
        $("#feature #feature_controls").css("visibility","visible");
        featureSlider_stop();
    }, function() {
        $("#feature #feature_controls").css("visibility","hidden");
        featureSlider_start();
    });
        
    //Feature Slide Control Bindings
    $("#feature #feature_controls #lastFeature").click(function() {
        if ($("#sFeatureSlider #slideTray").is(":animated") == false) {
            featureSlider_stop();
            featureSlider_reverseFade();       
        }        
    });
    
    $("#feature #feature_controls #nextFeature").click(function() {        
        if ($("#sFeatureSlider #slideTray").is(":animated") == false) {
            featureSlider_stop();
            featureSlider_fade();       
        }
    });

                
});

function featureSlider_start() {
    if (featureSlider_isRunning == false) {
        featureSlider_timer = setInterval("featureSlider_fade()",featureSlider_interval);
        featureSlider_isRunning = true;    
    }
    return true;
}

function featureSlider_stop() {
    if (featureSlider_isRunning == true) { 
        clearInterval(featureSlider_timer);
        featureSlider_timer = null;
        featureSlider_isRunning = false;
    }
    return true;    
}

function featureSlider_fade() {
    $("#feature .feature_slide:first").fadeOut(featureSlider_fadeSpeed,function() { 
        featureSlider_html = $(this).detach();
        $("#feature .feature_slide:last").after(featureSlider_html);
        $("#feature .feature_slide:first").fadeIn(featureSlider_fadeSpeed);    
    })
}

function featureSlider_reverseFade() {
    var current = $("#feature .feature_slide:first");
    
    featureSlider_html = $("#feature .feature_slide:last").detach();
    $("#feature .feature_slide:first").before(featureSlider_html);

    $(current).fadeOut(featureSlider_fadeSpeed,function() { 
        $("#feature .feature_slide:first").fadeIn(featureSlider_fadeSpeed);    
    })
}