var currentStep = new Array;

function makeProdScrollbar(content,scrollbar,handle,horizontal,mouse, next, prev){

    var getinners = content.getChildren()[0].getChildren(); 
    if(getinners && getinners.length > 3){   
        
        //Speical -2 for better scroll feeling
        var hassteps = getinners.length-2; 
        
        var innersize = getinners[0].getSize()['x'];
        
        var slider = new Slider(scrollbar, handle, {
            steps: hassteps,  
            wheel: mouse,
            mode: (horizontal?'horizontal':'vertical'),
            onChange: function(step){    
                
                currentStep[content.id] = step;
                var x = (horizontal?step*innersize:0);
                var y = (horizontal?0:step);
                
                var myFx = new Fx.Scroll(content);
                myFx.start(x,y);
                
                showHideButtons(content,next,prev);
            }
        }).set(0);
    }
    else{
        handle.setStyle('display','none');
        scrollbar.setStyle('background-color','#ffffff');
        
    }
    
}

function resizeMeHorizontal(objs){
    
    childs = objs.getChildren();
    var totalw = 0;
    
    childs.each(function(child){
       totalw = totalw + child.getSize()['x'];
    });
    
    var addthis = 1*childs[0].getSize()['x'];
    
    objs.setStyle('width',totalw)+addthis;
    
}

function initSteps(content,next,prev){
    
    currentStep[content.id] = 1;
    
    var getinners = content.getChildren()[0].getChildren();   
    
    showHideButtons(content,next,prev);
                                
    if(getinners.length <= 3){
        next.setStyle('display','none');
        prev.setStyle('display','none');
    }
    
    var rbtn = $$('.productArrowRight');    
    rbtn.each(function(btn){
        btn.addEvent('mouseenter', function(){
            btn.set('src','/toshiba/images/maingraphics/product_arrow_right_over.png');
        });
         btn.addEvent('mouseleave', function(){
            btn.set('src','/toshiba/images/maingraphics/product_arrow_right.png');
        });   
    });
    
    var rbtn = $$('.productArrowLeft');    
    rbtn.each(function(btn){
        btn.addEvent('mouseenter', function(){
            btn.set('src','/toshiba/images/maingraphics/product_arrow_left_over.png');
        });
         btn.addEvent('mouseleave', function(){
            btn.set('src','/toshiba/images/maingraphics/product_arrow_left.png');
        });   
    });
    
}

function getNextProd(content,next,prev,handle){
    
    var getinners = content.getChildren()[0].getChildren(); 
    var innersize = getinners[0].getSize()['x'];   
    var hassteps = getinners.length-3;
        
    if(getinners){                
        if(hassteps > currentStep[content.id]){            
            currentStep[content.id]++;    
            
            var x = (currentStep[content.id]*innersize);
            var y = 0;
            
            var myFx = new Fx.Scroll(content);
            myFx.start(x,y);
            
            //Setting the handle
            var x = currentStep[content.id]*(525/hassteps);
            handle.setStyle('left',x);      
            
            showHideButtons(content,next,prev);      
        }          
    }
}


function getPrevProd(content,next,prev,handle){
    
    var getinners = content.getChildren()[0].getChildren(); 
    var innersize = getinners[0].getSize()['x'];
    var hassteps = getinners.length-3;
        
    if(getinners){
                
        if(currentStep[content.id] >= 0){
            
            currentStep[content.id]--;            
            
            var x = (currentStep[content.id]*innersize);
            var y = 0;
                        
            var myFx = new Fx.Scroll(content);
            myFx.start(x,y);
            
            //Setting the handle
            var x = currentStep[content.id]*(525/hassteps);
            handle.setStyle('left',x);
            
            showHideButtons(content,next,prev);
        }          
    }
}


function showHideButtons(content,next,prev){
        
    var getinners = content.getChildren()[0].getChildren(); 
    var hassteps = getinners.length-3;
            
    if(hassteps == currentStep[content.id]){
        next.setStyle('display','none');
    }
    if(currentStep[content.id] == 1){
        prev.setStyle('display','block');
    }

    if(currentStep[content.id] == 0){
        prev.setStyle('display','none');
    }
    if(currentStep[content.id] < hassteps){
        next.setStyle('display','block');
    }
   
}