$(function() {

    var prPreViewIdArray = strPrPreViewId.split("|");
    var prPreViewImgAddressArray = strPrPreViewImgAdrees.split("|");
    var prPreViewImgName = strPrPreViewImgName.split("|");

    for (var pr_i = 0; pr_i < prPreViewIdArray.length; pr_i++) {
        $('<td style="text-align:center;margin:0 8px;border:1px solid silver"><a target="_blank" href="ComProfileDetail.aspx?id=' + prPreViewIdArray[pr_i] + '"><img src=' + prPreViewImgAddressArray[pr_i] + ' width="160" style="border:0;" title=' + prPreViewImgName[pr_i] + ' /></a></td>').appendTo("#showPrPreImg");
    }

    var speed = 30;
    var box = $("#palyroomContent");
    var demo1 = $("#showScrollColumn");
    var demo2 = $("#transitionScrollColumn");
    demo2.html(demo1.html());

    function marquee() {
        if (box.scrollLeft() > demo1.width() +1) {
            box.scrollLeft(0);
        }
        else {
            box.scrollLeft(box.scrollLeft() + 1);
        }
    }

    var scrollImg = setInterval(marquee, speed);

    $("#showScrollColumn,#transitionScrollColumn td").mouseover(function() {
        clearInterval(scrollImg);
    }).mouseout(function() {
        scrollImg = setInterval(marquee, speed);
    });
});