﻿//home rotator script.
jQuery(
    function($)      
    {                               
        var selectBannerImage = ".bannerImage";
        var selectBannerSelected = ".selected";
        var selectHiddenRotatorInterval = "#hiddenRotatorInterval";
        var selectHiddenRotatorInMarkUp = "#hiddenRotatorInMarkUp";  
                        
        var inMarkUp = $(selectHiddenRotatorInMarkUp).val() == true.toString();        
        var allBannerImages = $(selectBannerImage);
        var selectedBannerImage = allBannerImages.siblings(selectBannerSelected);    
        var currentIndex = allBannerImages.index(selectedBannerImage);
        var intervalText = $(selectHiddenRotatorInterval).val();
        var interval = !isNaN(intervalText) ? parseInt(intervalText) * 1000 : 6000;                
                                                     
        //rotate.
        setInterval(
            function()
            {
                if (!inMarkUp && selectBannerImage.length > 0)
                {   
                    currentIndex++;
                    
                    if (currentIndex > allBannerImages.length - 1)
                        currentIndex = 0;
                        
                    var originalFrame = selectedBannerImage;                    
                    selectedBannerImage = allBannerImages.eq(currentIndex);
                    
                    originalFrame.fadeOut();
                    selectedBannerImage.fadeIn();                    
                    originalFrame.hide();
                    originalFrame.show();
                    originalFrame.css("z-index", "1000");   
                    originalFrame.css("position", "absolute");                                  
                    selectedBannerImage.css("left", originalFrame.attr("left"));
                    selectedBannerImage.css("top", originalFrame.attr("top"));                    
                    selectedBannerImage.css("position", "absolute");                    
                    originalFrame.fadeOut("slow",
                        function()
                        {
                            selectedBannerImage.fadeIn("slow");
                        }
                    );                    
                }
            },               
            interval
        );                                     
    }
 );
