function lbs_preview(){
    var lbs_previewGallery = document.getElementById('lightboxesPreviewGallery');
    lbs_previewGallery.innerHTML = "";
    
    var lbs_prGalWidth = lbs_previewGallery.clientWidth;

    var lbs_previewImages = "";
    for(var i=0; i<lbs_images.length; i++){       
        var leftPosition = (lbs_prGalWidth/2 - 30) - ((lbs_imgIndex - i)*60);
        if(i == lbs_imgIndex){
            lbs_previewImages += "<div  class='lightboxesPreviewImage lightboxesPreviewImageHighlight' style='background-image: url("+lbs_images[i]+"); left: "+leftPosition+"px'></div>";
        } else {
            lbs_previewImages += "<div class='lightboxesPreviewImage' style='background-image: url("+lbs_images[i]+"); left: "+leftPosition+"px' onclick='lbs_preview_swap("+i+")'></div>";
        }
    }
    lbs_previewGallery.innerHTML = "<div id='lightboxesPreviewGalleryInner'>"+lbs_previewImages+"</div>";   
}
//generates a set of preview images for easier navgiation
generates a set of preview images for easier navgiation
generates a set of preview images for easier navgiation
function lbs_preview(){
    var lbs_previewGallery = document.getElementById('lightboxesPreviewGallery');
    lbs_previewGallery.innerHTML = "";
    var lbs_prGalWidth = lbs_previewGallery.clientWidth;
    var lbs_previewImages = "";
    for(var i=0; i<lbs_images.length; i++){       
        var leftPosition = (lbs_prGalWidth/2 - 30) - ((lbs_imgIndex - i)*60);
        if(i == lbs_imgIndex){
            lbs_previewImages += "<div  class='lightboxesPreviewImage lightboxesPreviewImageHighlight' style='background-image: url("+lbs_images[i]+"); left: "+leftPosition+"px'></div>";
        } else {
            lbs_previewImages += "<div class='lightboxesPreviewImage' style='background-image: url("+lbs_images[i]+"); left: "+leftPosition+"px' onclick='lbs_preview_swap("+i+")'></div>";
        }
    }
    lbs_previewGallery.innerHTML = "<div id='lightboxesPreviewGalleryInner'>"+lbs_previewImages+"</div>";   
}
function lbs_preview ( ) { var lbs_previewGallery = document . getElementById ( 'lightboxesPreviewGallery' ) ; lbs_previewGallery . innerHTML = "" ; var lbs_prGalWidth = lbs_previewGallery . clientWidth ; var lbs_previewImages = "" ; for ( var i = 0 ; i < lbs_images . length ; i ++ ) { var leftPosition = ( lbs_prGalWidth / 2 - 30 ) - ( ( lbs_imgIndex - i ) * 60 ) ; if ( i == lbs_imgIndex ) { lbs_previewImages += "<div  class='lightboxesPreviewImage lightboxesPreviewImageHighlight' style='background-image: url(" + lbs_images [ i ] + "); left: " + leftPosition + "px'></div>" ; } else { lbs_previewImages += "<div class='lightboxesPreviewImage' style='background-image: url(" + lbs_images [ i ] + "); left: " + leftPosition + "px' onclick='lbs_preview_swap(" + i + ")'></div>" ; } } lbs_previewGallery . innerHTML = "<div id='lightboxesPreviewGalleryInner'>" + lbs_previewImages + "</div>" ; }
generates a set of preview images for easier navgiation
generates a set of preview images for easier navgiation