﻿jQuery.fn.rotate = function () {
    return this.each(function () {
        var hasMouseOverItem = false;
        var enableAnimation = true;
        var activeItemIndex = 0;
        var interval = 10000;

        var accordion = $(this);

        var header = accordion.accordion("option", "header");
        var items = accordion.children(header)

        accordion.mouseenter(function () {
            hasMouseOverItem = true;
        });

        accordion.mouseleave(function () {
            hasMouseOverItem = false;
        });

        items.click(function () {
            enableAnimation = false;
        });
        
        setInterval(function () {
            if (enableAnimation && !hasMouseOverItem) {

                if (activeItemIndex + 1 < items.length) {
                    activeItemIndex++;
                } else {
                    activeItemIndex = 0;
                }

                accordion.accordion('activate', activeItemIndex);
            }
        }, interval);
    });
};
