var SCROLLSTEP= 25;                                      // Шаг прокрутки

var sc, cw, ch, offsetWidth;
var container; 
var firstClick = false;


var preloadFlag = false;
                                                                                                                                                                                   
positionXGlobal = 58; // Старт позиция стрелки                                                                                           


function scrollLeft(){

  if (!firstClick && is.ns){
             sc.css.marginTop=0
                 sc.css.marginLeft=-0 
             firstClick=true;
                        }
        if (sc.x > (-offsetWidth+(SCROLLSTEP*4)) ) sc.slideBy(-SCROLLSTEP, null, 1, 1, null)
}
function scrollRight(){
  //sc.css.marginLeft=0
  if (!firstClick && is.ns){
             //sc.css.marginTop=-100
                         sc.css.marginLeft=0 
             firstClick=true;
                        }
        if (sc.x < 0 ) sc.slideBy(SCROLLSTEP, null, 1, 1, null)
}
function init(){
  preloadImages();

if (infoText=='') return;

        container = new DynLayer("container")
        sc  = new DynLayer("sc", "container")
        cw = container.w                                // Ширина контейнера
         if (is.ie) cw=100;
        ch = container.h                                // Высота контейнера
        cx = container.x
        cy = container.y
        sx = sc.x
        sy = sc.y
        


  offsetWidth =                                 // Ширина скрытой части вложенного DHTML-элемента
                sc.getContentWidth() - cw;              
/*alert('\nШирина контейнера='+cw + ' Высота контейнера='+ch
        +'\nШирина вложенного DHTML-элемента='+sc.getContentWidth() + 
        ' Высота вложенного DHTML-элемента='+sc.getContentHeight() +
        '\nШирина скрытой части ='+offsetWidth
        )*/
                
                
}




function newImage(arg) {
        if (document.images) {
                rslt = new Image();
                rslt.src=arg;
                return rslt;
        }
}

function changeImages() {
   
        //alert("аргумент="+changeImages.arguments[0]); 
  //alert("документ.аргумент="+document[changeImages.arguments[0]].styles);
        /*
        r=document.getElementById('index_1');
        //alert(document.ids.index_1);
        alert(r.className);
        r.className="";
        //r.style.border='solid 3px green';
        r.style.backgroundImage='url(img/ball_active_scroll_alt.png)';
        //alert(r.style.class);
        r.className="png";
        alert(r.style.backgroundImage);
        
        */
        
        if (document.images && (preloadFlag == true)) {
                  for (var i=0; i<changeImages.arguments.length; i+=4) {
                                          
                                         
                                         //alert(document[changeImages.arguments[i]].nodeName);
                                         //alert('аргумент changeImages.arguments[i+1]='+changeImages.arguments[i+1]);
                                         //alert('аргумент changeImages.arguments[i]='+document[changeImages.arguments[i]].style.backgroundImage);
                                          elem='index_'+changeImages.arguments[i];
                                                arrows = document.getElementById('arrow');
                                                
                                                offset = document[elem].parentNode.parentNode.offsetLeft // Сдвиг слоя со всеми шариками
                                                
                                                //alert("offset="+document[elem].parentNode.parentNode.offsetLeft);
                                                /*alert("scroll="+document[elem].parentNode.parentNode.scrollLeft);
                                                alert("left="+document[elem].parentNode.parentNode.style.pixelLeft);*/
                                                
                                                
                                         document[elem].className="";
                                         document[elem].style.backgroundImage = changeImages.arguments[i+1];
                                         document[elem].className="png";
                                           setVisibleInvisible(changeImages.arguments[i+2], changeImages.arguments[i+3]);
                                         
                                         
                                         if (changeImages.arguments[i] > 10) return;
                                         positionX = positionXGlobal 
                                         positionX += ((changeImages.arguments[i]-1) * 25) + offset;
                                         arrows.style.left = positionX; 
                                                 
                                         fff=document.getElementById('textInfo');       
                                         h="solid 1px #4832F9";
                                         
                                        //alert(changeImages.arguments[i]);
                                        
                                        
                                        fff.innerHTML = infoText[changeImages.arguments[i]-1];
                                         
                                        //fff.style.borderBottom=h;
                                        //fff.style.borderTop=h;        
                      }
        }
}

function setVisibleInvisible(layer, vis){
  DivBack=document.getElementById(layer);
        //alert(DivBack.nodeName);
        //back_.style.visibility = vis;
		DivBack.style.visibility = vis;
}


function preloadImages() {
        if (document.images) {
        fff=document.getElementById('textInfo');
                 if (infoText!='')      fff.innerHTML = infoText[0];
           //fff.style.border='none';
                //alert(fff.style.borderBottom='solid 1px black');              
                //alert(fff.style.border);
                //fff.style.visible="";
                  index_over_1 = newImage("/i/ball_passive_scroll.png");
				  
                  index_over_2 = newImage("/i/red_ball.png");
                  preloadFlag = true;
        }
}