关于网页中图片移动的问题--跪求大虾拔刀相助

在某网站看到的代码，自己改了下怎么就是出错，看了几天就是不知道怎么搞好
原效果网站:www.mx0573.com
我改了下，就不能动了，郁闷了 <link href="css/muen.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" media="screen" type="text/css" href="css/layout.css" />
    <link rel="stylesheet" media="screen" type="text/css" href="css/zoomimage.css" />
    <link rel="stylesheet" media="screen" type="text/css" href="css/custom.css" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/eye.js"></script>
    <script type="text/javascript" src="js/utils.js"></script>
    <script type="text/javascript" src="js/zoomimage.js"></script>
    <script type="text/javascript" src="js/layout.js"></script>
    <style type="text/css">
        body
        {
            margin: 0px auto;
            padding: 0px;
        }
        ul, li
        {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }
        .sqBorder
        {
            width: 1290px;
            height: 77px;
            padding: 10px;
            border: 1px #000000 solid;
        }
        .scroll_div
        {
            width: 1290px;
            height: 76px;
            margin: 0 auto;
            overflow: hidden;
            white-space: nowrap;
        }
        .scroll_div img
        {
            width: 100px;
            height: 70px;
            border: 0;
            margin: auto 8px;
            border: 1px #efefef solid;
        }
        #scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li
        {
            display: inline;
        }
        /*设置ul和li横排*/
    </style>
    <script language="javascript">
        //移动
        function ScrollImgLeft() {
            var speed = 20
            var scroll_begin = document.getElementById("scroll_begin");
            var scroll_end = document.getElementById("scroll_end");
            var scroll_div = document.getElementById("scroll_div");
           // scroll_end.innerHTML = scroll_begin.innerHTML
         scroll_end.innerHTML = "<ul><img src='images/g1.jpg'> <img src='images/g2.jpg'>  <img src='images/g3.jpg'> <img src='images/g4.jpg'> <img src='images/g5.jpg'> <img src='images/g6.jpg'> <img src='images/g7.jpg'><img src='images/g8.jpg'>  <img src='images/g9.jpg'> <img src='images/g10.jpg'> <img src='images/g11.jpg'> <img src='images/g12.jpg'> <img src='images/g13.jpg'> </ul> ";
           
            function Marquee() {
                if (scroll_end.offsetWidth - scroll_div.scrollLeft <= 0)
                    scroll_div.scrollLeft -= scroll_begin.offsetWidth
                else
                    scroll_div.scrollLeft++
            }
            var MyMar = setInterval(Marquee, speed)
            scroll_div.onmouseover = function () { clearInterval(MyMar) }
            scroll_div.onmouseout = function () { MyMar = setInterval(Marquee, speed) }
        } </script>
<body>
    <form id="form1" runat="server">
    <div>
<table border="0" cellspacing="0" cellpadding="0" width="1296" align="center">
            <tr>
                <td style="background-image: url(images/4.jpg); height: 97px; width: 1296px;">
                    <div style="text-align: center; background-image: url(images/4.jpg);">
                        <div class="sqBorder">
                            <!--#####滚动区域#####-->
                            <div id="scroll_div" class="scroll_div">
                                <div id="scroll_begin">
                                    <ul class="navigationTabs">
                                       
                                            <a href="images/lights1.jpg" title="City lights" class="lightsGal">
                                                <img src="images/g1.jpg"" alt="City lights" /></a> <a href="images/lights2.jpg"
                                                    title="Flashlight" class="lightsGal">
                                                    <img src="images/g2.jpg" alt="Flashlight" /></a> <a href="images/lights3.jpg"
                                                        title="Laser lights" class="lightsGal">
                                                        <img src="images/g3.jpg" alt="Laser lights" /></a>
                                       
                                        <a href="images/lights1.jpg" title="City lights" class="lightsGal">
                                                <img src="images/g4.jpg" alt="City lights" /></a> <a href="images/lights2.jpg"
                                                    title="Flashlight" class="lightsGal">
                                                    <img src="images/g5.jpg" alt="Flashlight" /></a> <a href="images/lights3.jpg"
                                                        title="Laser lights" class="lightsGal">
                                                        <img src="images/g6.jpg" alt="Laser lights" /></a>
                                       
                                            <a href="images/lights1.jpg" title="City lights" class="customGal">
                                                <img src="images/g7.jpg" alt="City lights" /></a> <a href="images/lights2.jpg"
                                                    title="Flashlight" class="customGal">
                                                    <img src="images/g8.jpg" alt="Flashlight" /></a> <a href="images/lights3.jpg"
                                                        title="Laser lights" class="customGal">
                                                        <img src="images/g9.jpg" alt="Laser lights" /></a>
                                         <a href="images/lights1.jpg" title="City lights" class="lightsGal">
                                                <img src="images/g10.jpg" alt="City lights" /></a> <a href="images/lights2.jpg"
                                                    title="Flashlight" class="lightsGal">
                                                    <img src="images/g11.jpg" alt="Flashlight" /></a> <a href="images/lights3.jpg"
                                                        title="Laser lights" class="lightsGal">
                                                        <img src="images/g12.jpg" alt="Laser lights" /></a>
                                                        <a href="images/lights3.jpg"
                                                        title="Laser lights" class="lightsGal">
                                                        <img src="images/g13.jpg" alt="Laser lights" /></a>
                                    </ul>
                                </div>
                                <div id="scroll_end">
                                </div>
                            </div>
                            <!--#####滚动区域#####-->
                        </div>
                        <script type="text/javascript">                            ScrollImgLeft();</script>
                    </div>
                </td>
            </tr>
        </table>
</div>
    </form>
</body>
</html>运行的时候"scroll_end.offsetWidth ，scroll_div.scrollLeft scroll_begin.offsetWidth"这三个怎么就没值了，就不能动了，求解！！！