kGallery Thumbnails only (kThumbnailPicker)

JavaScript

$(document).ready(function() {
    gallery = kThumbnailPicker({
        wrapper: '#thumbnails-only',
        dataSource: 'files/gallery2.json',
        startItem: 0,
        itemsOnPage: 6
    });
});

HTML

<link rel="stylesheet" href="css/kGallery.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/kGallery-full.min.js"></script>

<div id="gallery-wrapper">
    <div id="thumbnails-only"></div>
</div>

CSS

#gallery-wrapper{
    width: 649px;
    margin: 0 auto;
    text-align: center;
}
.kSlideshowWrapper{
    width: 649px;
    /*height: 274px;*/
}
.kThumbnailsWrapper{
    width: 649px;
    height: 80px;
    margin: 0 auto;
}
.kThumbnailsInnerWrapper{
    height: 80px;
    width: 649px;
}
.kThumbnailsPage{
    width: 649px;
    text-align: left;
}
.kThumbnailsPage img{
    padding: 1px;
    border: 1px solid black;
    margin: 2px;
}
.kThumbnailsPage .selectedThumbnail{
    border-color: #aaaaff;
}
.kSlideshowItemDiv img{
    z-index: 400;
}