(function($) {
    var rep;
    var selectedSlide = new Array();

    $.fn.SlideShow = function(options) {
        // privzeti parametri
        var opts = $.extend({}, $.fn.SlideShow.defaults, options);
        // za vsak izbran element
        var iSlide = 0;
        this.each(function() {
            // za vsak element naredim slide show
            var $el = $(this);
            // pridobim metadata, če obstajajo
            var eopts = $.extend({}, opts, $el.data());
            // vsak neposredni div v elementu predstavlja en slide show

            if (typeof selectedSlide[iSlide] == "undefined") {
                selectedSlide[iSlide] = 0;
                slideToNext(iSlide, $el, eopts);
            }




            //$('div', $el).css('width', eopts.shrinkedWidth);



            rep = setInterval(function() {
                var prev = selectedSlide[iSlide];
                selectedSlide[iSlide]++;

                var size = $el.children().size();
                if (selectedSlide[iSlide] == size) {
                    selectedSlide[iSlide] = 0;
                }
                slideToNext(iSlide, $el, eopts, prev);




            }, eopts.delay);


            // inicializiram radio in checkbox inpute
            //maskSelection($el, eopts.selectedCss);
            //$(':radio, :checkbox', $el).css('position', 'absolute').css('left', '-9999px');
            // dodam dogodke na radio in checkbox inpute
            //$(':radio, :checkbox', $el).click(function() {
            //maskSelection($el, eopts.selectedCss);
            //});


            //iSlide++;
        });
        // ne prekini veriženja
        return this;
    };
    // privzete nastavitve
    $.fn.SlideShow.defaults = {
        delay: 8000,
        extendetWidth: '320px',
        shrinkedWidth: '121px'
    };
    // maskiram radio input
    function slideToNext(slide, element, opts, prev) {
        var i = 0;
        var size = element.children().size();
        element.children().each(function() {
            if (i == selectedSlide[slide]) {
                //$(this).css('width', opts.extendetWidth);

                $(this).animate({ width: opts.extendetWidth }, 500);
                $('.dSTitle', $(this)).animate({ opacity: 0.7 }, 800);
                $('.dSDescription', $(this)).animate({ opacity: 0.8 }, 800);
            }
            else {
                $(this).animate({ width: opts.shrinkedWidth }, 500);
                //$(this).css('width', opts.extendetWidth);
                //$(this).css('width', opts.extendetWidth);
                $('.dSTitle', $(this)).css('opacity', '0.0');
                $('.dSDescription', $(this)).css('opacity', '0.0');
                //$('.dSTitle', $(this)).animate({ opacity: 0.0 }, 800);
                //$('.dSDescription', $(this)).animate({ opacity: 0.0 }, 800);
            }
            i++;
        });
    };
})(jQuery);