jQuery(document).ready(        
    function()
    {  
        var featureImage=".featureImage";
        var featureTitle=".featureTitle";
        var featureText=".featureText";
        var backgroundColor=".desc";
        
        var inputImg = ".inputImg";
        var inputTitle = ".inputTitle";
        var inputText = ".inputText";
        var inputColor = ".inputColor";
        
        //feature count
        var featureCount = $(inputImg).length;
                
        var index = 0;
        var rotationInterval = $(".rotationInterval").val();
        if (rotationInterval != null && rotationInterval!=0)
            rotationInterval = rotationInterval * 1000;
        else
            rotationInterval = 5000;
            
        
        var t;
        //start feature rotation automatically
        startFeatureRotation();
        function startFeatureRotation() {
            t = setTimeout(function() { switchFeatures() }, rotationInterval);
        }
                
        //switch features
       function switchFeatures() {
            if(index+1<featureCount) { index++; }
            else { index=0; }
            
            var newImgSrc = $(inputImg).eq(index).attr('src');            
            
            var newFeatureTitle =  $(inputTitle).eq(index).val();
            var newFeatureText =  $(inputText).eq(index).val();
            var newFeatureColor =  $(inputColor).eq(index).val();
            
            $(featureImage).attr('src', newImgSrc);
            $(featureTitle).html(newFeatureTitle);
            $(featureText).html(newFeatureText);               
            $(backgroundColor).attr('class', 'desc ' + newFeatureColor);
            
            startFeatureRotation();
       }
    });