Lightbox Bootstrap Twitter JS View

jQuery(function($){
    init_portfolioLightbox();
});

function init_portfolioLightbox(){
    $('body').append('<div id="portfolioLightbox" class="lightbox hide fade"  tabindex="-1" role="dialog" aria-hidden="true"><div class="lightbox-header"><button type="button" class="close" data-dismiss="lightbox" aria-hidden="true">&times;</button><a class="lightbox-control left" href="#portfolioLightbox" data-slide="prev">&lsaquo;</a><a class="lightbox-control right" href="#portfolioLightbox" data-slide="next">&rsaquo;</a></div><div class="lightbox-content"><img id="imgLightbox"></div></div>');

    $('.img-lightbox').click(function(event) {
        bigImg = $(this).attr('data-bigImg');
        $(this).parent().addClass('current');
        displayImgLightbox(bigImg);
    });

    $('.lightbox-control').click(function(event) {
        control = $(this).attr("class").replace(/[-\s\w]*?([-\w]+)\s?$/, '$1');

        if(control == 'left') {
            prevImg = $('.portfolio-box.current').prev().filter('.portfolio-box');
            if(prevImg.length == 0){
                prevImg = $('.portfolio-box').last();
            }
            addremoveClass(prevImg)
            bigImg = prevImg.find('.img-lightbox').attr('data-bigImg');
            displayImgLightbox(bigImg);

        } else if(control == 'right') {
            nextImg = $('.portfolio-box.current').next().filter('.portfolio-box');
            if(nextImg.length == 0){
                nextImg = $('.portfolio-box').first();
            }
            addremoveClass(nextImg)
            bigImg = nextImg.find('.img-lightbox').attr('data-bigImg');
            displayImgLightbox(bigImg);
        }

    });

    function addremoveClass(selectAdd){
        $('.portfolio-box.current').removeClass('current');
        selectAdd.addClass('current');
    }

    function displayImgLightbox(bigImg){
        $("#imgLightbox").attr("src", bigImg);
        $('#portfolioLightbox').lightbox();
    }

}