/*
 * Fading images with controll buttons.
 * 
 * 
 */

function ContentSliding(interval, SliderId, ElementClassName,ButtonsClassName ){
	
    this.sliderBoxes = $(SliderId).getElements('.'+ElementClassName)
    this.Scroller = new Fx.Scroll($(SliderId));
    this.Scroller.toElement(this.sliderBoxes[0]);
    this.buttons=$$('.'+ButtonsClassName);
 
    var self = this;  
    this.il = 0;
    
    $$(this.buttons).each(function(e,i){
        
        e.addEvent('click',function(){
            self.zmienNa(i,1);
        })
        
        e.addEvents({
            mouseenter:function(){
                e.getElement('img').src = e.getElement('img').src.replace('niekatywna','aktywna')
            },
            mouseleave:function(){
                if(i!= self.akt){
                    e.getElement('img').src = e.getElement('img').src.replace('aktywna','niekatywna')
                }
            }
            
        })
        
        self.il++;
    })       

    this.sliderBoxes.each(function(e){
        e.addEvents({
            mouseenter: function(){
                e.set('class','box_akt')
            },
            mouseleave: function(){
                e.set('class','box')
            }
        })
    })
    
    this.zmienNa = function(x,manual){
        if(manual){
            self.akt = x;
            $$(self.buttons).each(function(ele){
                ele.getElement('img').src = ele.getElement('img').src.replace('aktywna','niekatywna')
            })
            
            self.buttons[x].getElement('img').src = self.buttons[x].getElement('img').src.replace('niekatywna', 'aktywna')
            self.Scroller.toElement(self.sliderBoxes[x*3]);
            
            clearInterval(self.interval);
            self.interval = self.zmienContent.periodical(interval);
        }else{
            $$(self.buttons).each(function(ele){
                ele.getElement('img').src = ele.getElement('img').src.replace('aktywna','niekatywna')
            })
            self.buttons[x].getElement('img').src = self.buttons[x].getElement('img').src.replace('niekatywna', 'aktywna')
            self.Scroller.toElement(self.sliderBoxes[x*3]);
        }
    }
    
    this.zmienContent= function(){
		
        if((self.akt+1) ==self.il){
            self.next = 0;	
        }else{
            self.next = self.akt+1;	
        }	

        //console.log(self.akt);
        self.zmienNa(self.akt, 0)
		
        if(self.akt>=(self.il-1)){
            self.akt=0;	
        }else{
            self.akt++;	
        }
    }
    
    this.akt=1;
    this.interval = self.zmienContent.periodical(interval);
}