(function($) {
  $.fn.FeaturedPostsSlider = function() {
    return this.each(function() {
            var thumbs = $(this).children('.thumbs').children('a');
            var main_images = $(this).children('.main_image').children('a');
            main_images.css('display', 'block');
            var infos = $(this).children('.info').children('div');
            var selectedItem = 0;
            var lastSelected = 3;
            var maxItems = 4;
            var theInterval = null;

            $(thumbs).bind("click", {oSelf: this}, function(e)
                        {

                            var current = $(this).parent().children().index($(this));
                            lastSelected = selectedItem;
                            selectedItem = current;
                            slide();
                            autoplay();
                            e.stopPropagation();
                            e.preventDefault();
                            return false;
                        });

            var autoplay = function(){
                    clearInterval(theInterval);

                    theInterval = setInterval(function(){
                            lastSelected = selectedItem;
                            selectedItem++;
                            if(selectedItem == maxItems)
                                selectedItem = 0;
                    slide(500);

                    }, 5000);

            };

            var slide = function(animation_time){
                $(thumbs).removeClass('selected');
                $(thumbs[selectedItem]).addClass('selected');


                $(main_images).removeClass('selected lastSelected');
                $(main_images[lastSelected]).addClass('lastSelected');

                $(main_images[selectedItem]).css({opacity: 0.0})
                        .addClass('selected')
                        .animate({opacity: 1.0}, animation_time, function() {
                             });

                $(infos).css('display', 'none');
                $(infos[selectedItem]).css('display', 'block');
            }

            slide(0);
            autoplay();

    });

    function selectItem(e) {


    }

    function autoPlay(oSelf)
    {
        oSelf.selectedItem++;
        if(oSelf.selectedItem==oSelf.maxItems)
            oSelf.selectedItem = 0;
        alert(oSelf.selectedItem);
    }

    function mainImageClick(e) {
        e.stopPropagation();
        e.preventDefault();
    }

  }
})(jQuery);


