Overlap images and play not work

[nxhoang]

$(document).ready(function () {

var bag;

$("[id*=gvStyle] td").click(function () {

    //$("#threesixty_images").empty();

    imagesPath = GetImageUrl();

    bag = $(".bag").ThreeSixty({
        autoplay: false,
        disableSpin: true,
        totalFrames: 52, // Total no. of image you have for 360 slider
        endFrame: 52, // end frame for the auto spin animation
        currentFrame: 1, // This the start frame for auto spin
        imgList: ".threesixty_images", // selector for image list
        progress: ".spinner", // selector to show the loading progress
        imagePath: imagesPath, // path of the image assets
        filePrefix: "", // file prefix if any
        ext: ".jpg", // extention for the assets
        height: 500,
        width: 947,
        navigation: true,
        responsive: false,
        autoplayDirection: 1,
        plugins: ["ThreeSixtyFullscreen"]
    });

})

It means that the path of image will be changed if we select a row of gridview. However play function just works in first time. If I don't clear the div tag. I can see images overlap and first list of image works only.

Please help me! I'm not an expert in this.

Thanks anyway!