(function ($) {
    var slide;
    $.fn.SlidePlayer = function ( cfg ) {
        index = 0;
        count = 0;
        time = ( cfg && cfg.time ) || 3000; //interval between images.
        done = true;
        count = $('.slideplayer-list li', this[0]).length;
        startSlide($('.slideplayer-list li', this[0])[0]);

        $('.slideplayer-trigger li').bind('click', function () {
            if (done && !$(this).is('.selected')) {
                Slide($(this).parent().find('li').index(this), this);
            }
        });
    };

    function Slide(ix, obj) {
        if (ix >= 0) index = ix;
        else index++;
        if (index > count - 1) index = 0;


        stopSlide();
        done = false;
        var father = $(obj).parents('.slideplayer:eq(0)');
        var list = $('.slideplayer-list', father);
        var trigger = $('.slideplayer-trigger', father);
        var old = $('>.selected', list);
        if (old.length > 0) {
            old.css('z-index', 10);
            $('>:eq(' + index + ')', list).addClass('selected').show();
            old.fadeOut(500, function () {	
                $(this).css('z-index', 1).removeClass('selected');
                done = true;
                startSlide(obj);
            });
            trigger.find('li.selected').removeClass('selected');
            $('>:eq(' + index + ')', trigger).addClass('selected');
        }
    }

    function stopSlide() {
        clearTimeout(slide);
    }

    function startSlide(obj) {
        slide = setTimeout(function () { Slide(-1, obj) }, time);
    }
})(jQuery);
$(function () {
    $('div.slideplayer').css('height', $('ul.slideplayer-list li.selected img').css('height'));
    $('div.slideplayer').css('width', $('ul.slideplayer-list li.selected img').css('width'));
})