$(document).ready(function(){
    var firstVisibleItem = 1;
    var count = $('.fotoBox .photo').length;
    var lastVisibleItem = 3;
    
    $('.fotoBox div.prev').html('<a href="#" class="prev inactive" ></a>');
    $('.fotoBox div.next').html('<a href="#" class="next"></a>');
    
    $('.fotoBox div a.prev').click(function(){
        if($(this).hasClass('inactive')){
            return false;
        }
        var i = 1;
        $('.fotoBox .photo').each(function (){
            if(lastVisibleItem == i){
                $(this).css('display', 'none');
            } else if ((lastVisibleItem - 3) == i){
                $(this).css('display', 'block');
            }
            i++;
        });
        firstVisibleItem--;
        lastVisibleItem--;
        if(lastVisibleItem < count){
            $('a.next').removeClass('inactive');
        }
        if(firstVisibleItem == 1){
            $(this).addClass('inactive');
        }
        return false;
    });
    
    $('.fotoBox div a.next').click(function(){
        if($(this).hasClass('inactive')){
            return false;
        }
        var i = 1;
        $('.fotoBox .photo').each(function (){
            if(firstVisibleItem == i){
                $(this).css('display', 'none');
            } else if ((firstVisibleItem + 3) == i){
                $(this).css('display', 'block');
            }
            i++;
        });
        firstVisibleItem++;
        lastVisibleItem++;
        if(firstVisibleItem > 1){
            $('a.prev').removeClass('inactive');
        }
        if(lastVisibleItem == count){
            $(this).addClass('inactive');
        }
        return false;
    });
});