var j=jQuery.noConflict();
j(function(){	
		var this_p, curr_index, this_index;
		j(".comment-img").each(function (i) {// якщо в блоці є більше, ніж одна картинка, то створюємо параграф з лінками, які будуть переключати видимість цих картинок. По замовчуванню активною картинкою буде перша. Лінк на неї отримує клас 'current-img';
            var n= j(this).find('img').length;
            if(n>1){
                j(this).find('img').css({display:'none',position:'absolute',top:'0',left:'20px'}).end().css({position:'relative'});
                j(this).find('img:first').css('display','block');
                var links = '<p style="margin-top:220px;">'
                for(i=1;i<n+1;i++){
                    links+='<a href="javascript:void(0);">'+i+'</a>';
                    }
                links+='</p>';
                j(this).append(links);
                j(this).find('p a:first').addClass('current-img');
            }
		});
		j('.comment-img p a').bind("click", function(){// при кліку на лінк, в батьківському контейнері ('p') шукається поточні картинка і лінк на неї з класом 'current-img' і вимикаються, а клас 'current-img' передається лінку, на який клацнули. Нова поточна картинка плавно з"являється;
			if(!j(this).hasClass('current-img')){
				this_p = j(this).parent();
				curr_index=this_p.children().index(this_p.find('a.current-img'));
				this_index=	this_p.children().index(j(this));
				this_p.find('a.current-img').removeClass('current-img');
				this_p.parent().find('img:eq('+curr_index+')').css('display','none');
				j(this).addClass('current-img');
				this_p.parent().find('img:eq('+this_index+')').fadeIn('fast');
			}
			return false;
        });
});