var current_div = 0;
    var current_left = 0;
    var the_style;
    
    var current_left_selector = 0;
    var the_style_selector;
    
    var intervalId = 0;
    var intervalSelectorId = 0;
    var isActive = 0;
    

    function moveScroller(number, strip)
    {
        
        var interval = 10;
        var step = 50;
        var distance = 0;
       
       if(isActive == 0)
       {
            the_style = getStyleObject(strip);
      
            if (the_style)
            {
                current_left = parseInt(the_style.left);
                
                if (isNaN(current_left))
                    current_left = 0;
               
                //multiply step by number difference of pages, so it goes faster if moving further
                //make negative if moving left
                
                if(current_div < number)
                {
                    step = (number - current_div) * step * -1;                
                }
                else
                {
                    step = (current_div - number) * step;
                }
                     
                distance = number * 610;
                current_div = number;
                 
                //make sure no other click is running doStep
                
               
                isActive = 1;                         
                intervalId = setInterval("doStep(" + step + ", " + distance + ")",interval);        
            }
        }
    }
       
    function doStep(step, distance)
    {
        
        current_left = current_left + step;

        
        //if (document.layers) 
        //{
        //  the_style.left = current_left;
        //}
        //else 
        //{  
          the_style.left = current_left + "px";
        //}
        
        if(step < 0)
        {
            if ((current_left * -1) - step >= distance)
            {
                clearInterval(intervalId);
                //alert(distance-(current_left*-1));
                the_style.left = current_left - (distance-(current_left*-1)) + "px";
                isActive = 0;
            }
        }
        else
        {
            if ((current_left * -1) - step <= distance)
            {
                clearInterval(intervalId);
                the_style.left = current_left - (distance-(current_left*-1)) + "px";
                isActive = 0;
            }
        }
        
        
        
    }

    function moveSelector(number, menuId, stops)
    {
        var interval = 10;
        var step = 10;
        var distance = 0;
        if(isActive == 0)
        {
            the_style_selector = getStyleObject(menuId);
            if (the_style_selector)
            {
                current_left_selector = parseInt(the_style_selector.left);
                
                if (isNaN(current_left_selector))
                    current_left_selector = 0;
                
                //multiply step by number difference of pages, so it goes faster if moving further
                //make negative if moving left
                
                if(current_div < number)
                {
                    step = (number - current_div) * step;                
                    distance =  (stops[number]) //- stops[current_div]);
                }
                else
                {
                    step = (current_div - number) * step * -1;
                    distance =  (stops[number]) //- stops[number])
                }
                
                //make sure no other click is running doStep
                isActive = 1;                         
                intervalSelectorId = setInterval("doStepSelector(" + step + ", " + distance + ")",interval);        
            }
        }
    }
    function doStepSelector(step, distance)
    {
        
        current_left_selector = current_left_selector + step;
        
        if (document.layers) 
        {
          the_style_selector.left = current_left_selector;
        }
        else 
        {  
          the_style_selector.left = current_left_selector + "px";
        }
        
        if(step < 0)
        {
            if (current_left_selector + step <= distance)
            {
                clearInterval(intervalSelectorId);
                the_style_selector.left = distance;
                isActive = 0;
            }
        }
        else
        {
            if ((current_left_selector + step) >= distance)
            {            
                clearInterval(intervalSelectorId);                
                the_style_selector.left = distance;
                isActive = 0;
            }
        }
        
    }
    function getStyleObject(objectId) {
        // cross-browser function to get an object's style object given its
        if(document.getElementById && document.getElementById(objectId)) {
	    // W3C DOM
	    return document.getElementById(objectId).style;
        } else if (document.all && document.all(objectId)) {
	    // MSIE 4 DOM
	    return document.all(objectId).style;
        } else if (document.layers && document.layers[objectId]) {
	    // NN 4 DOM.. note: this won't find nested layers
	    return document.layers[objectId];
        } else {
	    return false;
        }
    }