jQuery(function($) {

    $('.i-accordion-container').each(function() {
        var $container = $(this);
        var $accordion = $('>.accordion', $container);
        var index = parseInt(dnn.getVar('i-accordion' + $container.attr("mid")));
        if (!index) index = 0;
        var options = {
            active: index,
            header: 'a.title',
            navigation: true,
            event: $container.attr("event"),
            autoHeight: $container.attr("autoheight") == "1" ? true : false,
            animated: $container.attr("animated") == "none" ? "" : $container.attr("animated"),

            change: function(e, ui, a, b, c) {
                dnn.setVar('i-accordion' + $container.attr("mid"), ui.options.headers.index(ui.newHeader));
            }
        }
        try {
            $accordion.accordion(options);

        }
        finally {
        }
         
    });


    $('.i-tabs-container').each(function() {
        var $container = $(this);
        var $tabs = $('>.tabs', $container);
        var _fx = null;
        switch ($container.attr("animated")) {
            case "none":
                break;
            case "slide":
                _fx = { height: 'toggle' };
                break;
            case "fade":
                _fx = { opacity: 'toggle' };
                break;
            default:
                _fx = { height: 'toggle', opacity: 'toggle' };
                break;

        }
        var options = {
            event: $container.attr("event"),
            fxAutoHeight: $container.attr("autoheight") == "1" ? true : false,
            fx: _fx,
            select: function(event, ui) {
                dnn.setVar('i-tabs' + $container.attr("mid"), ui.index);
            }
        }
        try {
            $tabs.tabs(options);
            var index = parseInt(dnn.getVar('i-tabs' + $container.attr("mid")));
            if (!index) index = 0;
            $tabs.tabs("select", index);
        }
        finally {
        }
    });



    $('.i-cycle-container').each(function() {
        var $container = $(this);
        var $cycle = $('>.cycle', $container);
        var pagertype = $container.attr("pagertype");
        var pagerposition = $container.attr("pagerposition");
        var pager = null;
        var mid = parseInt($container.attr("mid"));
        switch (pagerposition) {
            case "none":
                break;
            case "top":
                pager = $(".pager-top", $container).show();
                break;
            case "bottom":
                pager = $(".pager-bottom", $container).show();
                break;

        }
        var options = {
            fx: $container.attr("effect"),
            speed: parseInt($container.attr("speed")) || $container.attr("speed"),
            timeout: parseInt($container.attr("timeout")),
            delay: -1000 + (-1 * (mid % 1000)),
            pause: parseInt($container.attr("pause")),
            random: parseInt($container.attr("random")),
            easing: $container.attr("easing")

        };

        var extoptions = null;
        try {
            extoptions = eval('(' + $container.attr("extoptions") + ')');

        }
        catch (exc) {

            extoptions = {};
        }
        finally {
        }
        $.extend(options, extoptions);

        if (pager != null) {
            if (pagertype == "number") {
                options = $.extend(options, { pager: pager });
            } else {
                pager.append('<a class="prev" href="#">prev</a><a class="next" href="#">next</a>');
                $.extend(options, { prev: $('.prev', pager), next: $('.next', pager) });
            }
        }

        $cycle.cycle(options);
    });
});