﻿function Start(demo2Value,demo1Value,demoValue,demoWidth)
{
    var item = window.document.getElementById(demoWidth).getElementsByTagName('img');
    var width=0;
    if(item.length>7)
    {
        for(var i=0;i<item.length;i++)
        {
            width=width+150;
        }
        window.document.getElementById(demoWidth).style.width=width+"px";
        var speed=30;
        var demo1=window.window.document.getElementById(demo1Value);
        var demo=window.window.document.getElementById(demoValue);
        var demo2=window.window.document.getElementById(demo2Value);
        window.window.document.getElementById(demo2Value).innerHTML=window.window.document.getElementById(demo1Value).innerHTML 
        window.window.document.getElementById(demoValue).scrollLeft=window.window.document.getElementById(demoValue).scrollWidth 
        function Marquee()
        { 
            if(window.window.document.getElementById(demoValue).scrollLeft<=0) 
            {
                window.window.document.getElementById(demoValue).scrollLeft+=window.window.document.getElementById(demo2Value).offsetWidth 
            }
            else
            { 
                window.window.document.getElementById(demoValue).scrollLeft-- 
            } 
        } 
        var MyMar=setInterval(Marquee,speed) 
        window.window.document.getElementById(demoValue).onmouseover=function() {clearInterval(MyMar)} 
        window.window.document.getElementById(demoValue).onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
    }
}

