var gSelectedFeature = 1;
var gInterval = null;

function contentClicked(feature) {
    clearInterval(gInterval);
    contentSelected(feature);
}

function contentSelected(feature) {

    if (gSelectedFeature != feature) {

        var img = document.createElement('img');
        var pExistingImageID = "featuredimage" + feature;
        var pImageURL = "images/home/" + feature + ".jpg";
        var loadingGif = document.getElementById(pExistingImageID)
        
        $("#s" + feature).attr("class", "selector-active");
        $("#s" + gSelectedFeature).attr("class", "selector");

        if (loadingGif != null) {
            $("#featured" + gSelectedFeature).fadeOut(800, function() {
                $(this).css({ display: "none" })
            });

            $("#featured" + feature).css({ display: "none" }).fadeIn(800);

            img.onload = function(evt) {
                document.getElementById("featured" + gSelectedFeature).style.backgroundImage = "url(images/home/" + gSelectedFeature + ".jpg)";
                $("#featured" + gSelectedFeature).css({ display: "none" }).fadeIn(800);
                loadingGif.src = "";
                $("#" + pExistingImageID).remove();
            }
            gSelectedFeature = feature;
            img.src = pImageURL;
        }
        else {
            $("#featured" + gSelectedFeature).fadeOut(800, function() {
                $(this).css({ display: "none" })
            });

            $("#featured" + feature).css({ display: "none" }).fadeIn(800);

            gSelectedFeature = feature;
        }


    }
}

triggerFunction = function() {
    clearInterval(gInterval);

    gInterval = setInterval(function() {
        if (gSelectedFeature == 5)
            contentSelected(1);
        else
            contentSelected(gSelectedFeature + 1);
    }, 5000);
};