$(document).ready(function(){        

               $('a.srv-port').click(function() {
                       $('.overlay .items').html('');
                       $('.overlay .ov .nextPage').removeClass('disabled');
                       
                       
                       if ($(this).hasClass('overlay_wide')) {
                               
                               $('.overlay').addClass('overlay_wide');
                               
                       } else {
                               $('.overlay').removeClass('overlay_wide');
                       }
                       
                       var cont = '';
                               
                       $(this).parent().children('.images').find('a').each(function() {                
                               var hr = $(this).attr('href');
                               cont = cont + '<div><img src="' + hr + '"/></div>';                        
                       });
                       
                       
                       $('.overlay .items').html(cont);
                       
                       if ($('.overlay .items div').length == 1) {
                                                       $('.overlay .nextPage').addClass('disabled');
                                               }
                       
               });
               
               
               
               $('a.srv-port').overlay({
                               fixed: false,
                               top: '5%',
                               expose: {color:'#2e2d2c', opacity: 0.8, closeOnClick: true},
                               onBeforeLoad: function() {
                               
                                       var scrollable = $(".overlay").scrollable({
                                               disabledClass: 'disabled',
                                               size: 1,
                                               items: '.items',
                                               speed: 500,
                                               clickable: false,
                                               api: true
                                       })
                               
                                       scrollable.begin(0);
                                       
                                       
                                       
                               }
               });        
})

