$(document).ready(function() {

    $.fn.site = function() {
        this.each(function() {
            var $this = $(this);
            
            var length = $('.item', this).length;

            $('#arrow .left a').click(function() {
                for(i=0; i<length; i++) {
                    tt = $('.items .item').eq(i);
                    if(tt.css('display') == 'block') {
                        t = i - 1;
                    }
                }
                
                if(t >= 0) {
                    block(t);
                    prev(t);
                }
                
                return false;
            });

            $('#arrow .right a').click(function(){
                
                for(i=0; i<length; i++) {
                    tt = $('.items .item').eq(i);
                    if(tt.css('display') == 'block') {
                        t = i + 1;
                    }
                }
                if(t < length) {
                    block(t);
                    next(t);                
                }

                return false;
            });
            
            function next(i) {
                i = i + 1;
                if(i == length) {
                    $('#arrow .right').removeClass('active');
                    $('#arrow .left').addClass('active');
                } else {
                    $('#arrow .right').addClass('active');
                    $('#arrow .left').addClass('active');
                }
            }

            function prev(i) {
                if(i == 0) {
                    $('#arrow .left').removeClass('active');
                    $('#arrow .right').addClass('active');
                } else {
                    $('#arrow .left').addClass('active');
                    $('#arrow .right').addClass('active');
                }
            }

           function block(t) {
                for(r=0; r<length; r++) {
                    if(r == t) {
                        s = t;                      
                    }
                    $('.items .item').eq(r).fadeOut('500',function() {
                        $('.items .item').eq(s).fadeIn();
                    });
                    
                }
            } 

        });
    };

    $('.items').site();

});