галерея на сайте

Вобщем на сайте есть галерея. Сделал спомощью flexyslider в начале юзер кликает на изображение в слайдере открывается модалка и туда подгружаются фотки с папки которую получаю посредством ajax запроса. все работает но очень тупит. не знаю что сделать. вот ссылка на сайт http://abcpromotion.spb.ru/
посмотреть можно как работает в разделе фото в низу.
Какие будут советы?

Код (Javascript):

1. $('.photo .item_photo').click(function(){
2.                     $('.overlay_photo').css('display','block')
3.                     var folder = $(this).find('img').attr('folder');
4.                     $('#papka').val(folder);
5.                     var papka = $('#folder').serialize();
6.                      $.ajax
7.                      ({
8.                        url: 'select_img.php',
9.                        type: 'POST',
10.                        data: papka,
11.                        success:function(data)
12.                         {
13.                             $('.modal_photo .main').html(data);
14.                             if(data != '<p style="color:#fff; font-size:20px; text-align:center; margin-top:300px;">Фотографий пока нет!</p>'){
15.                                 //Проверяю загружены ли все изображения
16.                                 $('.ing_load').load(function() {
17.                                //подключаю flexslider.
18.                                     // The slider being synced must be initialized first
19.                                       $('#carousel').flexslider({
20.                                         animation: "slide",
21.                                         controlNav: false,
22.                                         animationLoop: false,
23.                                         slideshow: false,
24.                                         itemWidth: 210,
25.                                         itemMargin: 5,
26.                                         asNavFor: '#slider'
27.                                       });
28.                                    
29.                                       $('#slider').flexslider({
30.                                         animation: "slide",
31.                                         controlNav: false,
32.                                         animationLoop: false,
33.                                         slideshow: false,
34.                                         sync: "#carousel"
35.                                       });
36.                                      
37.                                         $('.modal_photo').css('display','block')
38.                                       $('.flex-next,.flex-prev,.click_img').click(function(){
39.                                         $('#carousel li .overlay_photo_mini').css('background','rgba(0,0,0,0.8)')
40.                                         $('#carousel .flex-active-slide .overlay_photo_mini').css('background','none')
41.                                     })
42.                                   });
43.                              }else{
44.                                 $('.modal_photo').css('display','block')
45.                              }
46.                         }
47.                     });
48.                     //$('.modal_photo .main').html('<img src="img/2.gif" id="load">')
49.                 })

 

а че порезать тогда их в размер 100 на 100 ?