var numOfPicts = 3;

    var numCurrentPict = 1;

    var numPicsVisibleAtOnce = 3;

    var btnLeft;

    var btnRight;

    var intDelayms = 200;

    //var DatelastTimerExpiry;

    var intTimeElapsed;

    var intSwitchIntervalSeconds;

    var intScrollsRunning = 0;

    var intervalID;

    var bPaused = false;

    var itemWidth = 143;

    var itemHeight = 150;

    function initScrollLayer(intNumItems, intNumPicsAtOnce, btnLeftClientID, btnRightClientID, intDelayInMS, intSecondsBetweenAutoSlide, intItemWidth, intItemHeight, intArrowTDWidth) 

    {

        

        numOfPicts = intNumItems;

        numCurrentPict = 1;

        numPicsVisibleAtOnce = intNumPicsAtOnce;

        btnLeft = document.getElementById(btnLeftClientID);

        btnRight = document.getElementById(btnRightClientID);

        intDelayms = intDelayInMS;

        intSwitchIntervalSeconds = intSecondsBetweenAutoSlide;

        itemWidth = intItemWidth;

        itemHeight = intItemHeight;

        document.getElementById('scrollContent').style.width = (intItemWidth * numOfPicts) + "px";

        document.getElementById('holdStill').style.height = itemHeight + "px";

        document.getElementById('holdStill').style.width = (numPicsVisibleAtOnce * itemWidth ) + 'px';

        document.getElementById('HorizontalscrollContainer').style.clip = 'rect(0px, ' + (numPicsVisibleAtOnce * itemWidth) + 'px, ' + itemHeight + 'px, 0px)';

        document.getElementById('HorizontalscrollContainer').style.width = (numPicsVisibleAtOnce * itemWidth) + 'px';

        document.getElementById('HorizontalscrollContainer').style.height = itemHeight + "px";

        document.getElementById('highlightSlider').style.width =(2 * intArrowTDWidth + numPicsVisibleAtOnce * itemWidth) + 'px';

        document.getElementById('tdLeft').style.width = intArrowTDWidth + 'px';

        document.getElementById('tdRight').style.width = intArrowTDWidth + 'px';

       

       

      // arguments: id of layer containing scrolling layers (clipped layer), id of layer to scroll, 

      // if horizontal scrolling, id of element containing scrolling content (table?)

      var wndo = new dw_scrollObj('HorizontalscrollContainer', 'lyr1', 'scrollContent');

      

      //DatelastTimerExpiry =  new Date().getTime();

      intervalID = window.setTimeout("ScrollRight(true);",intSwitchIntervalSeconds * 1000 + 2000);

      // pass id('s) of scroll area(s) if inside table(s)

      dw_scrollObj.GeckoTableBugFix('HorizontalscrollContainer'); 

      

      // set up the timer

      

    }

    function ScrollLeft()

    {

        if (intScrollsRunning == 0)

        {

            intScrollsRunning = intScrollsRunning + 1;

            numCurrentPict = numCurrentPict - 1;

            btnLeft.style.visibility = 'visible';

            window.setTimeout("restoreLeft()",intDelayms);

            if (numCurrentPict >= 1)

            {

                dw_scrollObj.scrollBy('HorizontalscrollContainer',itemWidth,0,intDelayms)

                

            }

            else

            {

                dw_scrollObj.scrollBy('HorizontalscrollContainer',-1 * itemWidth * (numOfPicts -1),0,intDelayms)

                numCurrentPict = numOfPicts - numPicsVisibleAtOnce + 1;

            }

            

            

        }

    }

    function restoreLeft()

    {

        

        intScrollsRunning = intScrollsRunning - 1;

        btnLeft.style.visibility = "visible";

        

    }

    function ScrollRight(bIsTimer)

    {

        if (intScrollsRunning == 0 && (bIsTimer == false || (bIsTimer == false && bPaused == false)))

        {

            intScrollsRunning = intScrollsRunning + 1;

            numCurrentPict = numCurrentPict + 1;

            btnRight.style.visibility = 'visible';

            if (bIsTimer)

                window.setTimeout("restoreRight(true)",intDelayms);

            else

                window.setTimeout("restoreRight(false)",intDelayms);

            if (numCurrentPict <= (numOfPicts - numPicsVisibleAtOnce + 1))

            {

                dw_scrollObj.scrollBy('HorizontalscrollContainer',-1 * itemWidth,0,intDelayms)

                

            }

            else

            {

                dw_scrollObj.scrollBy('HorizontalscrollContainer',itemWidth * (numOfPicts - 1),0,intDelayms)

                numCurrentPict = 1;

            }

            

        }

        

    }

     function restoreRight(bIsTimer)

    {

        if (bIsTimer == true)

        {

            // reset the timer

            intervalID = window.setTimeout("ScrollRight(true);",intSwitchIntervalSeconds * 1000);

        }

        intScrollsRunning = intScrollsRunning - 1;

        btnRight.style.visibility = "visible";

    }

    function unPause()

    {

        

        // reset the timer

        intervalID = window.setTimeout("ScrollRight(true);",intSwitchIntervalSeconds * 1000);

        bPaused = false;

    }

    function pause()

    {

        // clear the pause

        window.clearInterval(intervalID);

        bPaused = true;

    }