function slideSwitch() {
    var $active = $('#mainban img.active');

    if ($active.length == 0) $active = $('#mainban img:last');

    var $next =  $active.next().length ? $active.next() : $('#mainban img:first');

    $active.addClass('last-active').fadeOut(2000);
    
    $('.changefoto li').removeClass('active');
    $('.changefoto a:eq('+($next.index())+')').parent().addClass('active');
    
    $next.addClass('active')
        .fadeIn(2000, function() {
            $active.removeClass('active last-active');
        });
}
                   
$(function() {
    var work=0;
    var interval=setInterval( "slideSwitch()", 4000 );
    
    $('.changefoto a').click(function() {

       clearInterval(interval);

       
       oldactive = $('#mainban img.active');  
                              
       index=$(this).parent().index();
       if (index<0)  {$('.changefoto li:last').index();}
          
       now=$('#mainban img:eq('+index+')');
       now.addClass('active');
  
       oldactive.addClass('last-active').fadeOut(2000);
    
      $('.changefoto li').removeClass('active');
      $('.changefoto a:eq('+(now.index())+')').parent().addClass('active');
      
      now.addClass('active')
          .fadeIn(2000, function() {
              oldactive.removeClass('active last-active');
              clearInterval(interval);
              interval=setInterval( "slideSwitch()", 4000 );             

          });    
     
          return false;
    });
  
    
});