var numOfPicts = 2;
    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;
    }