var KGP_Galeria = new Class ({
	initialize: function(config) {	
		this.elementy = $(config.listaid).getElements('li');
		this.ile = this.elementy.length;
		this.wraper = $(config.wraper);
		this.interval = config.interval;
		this.wskaznik = 1;
		this.poprzedni = 0;
		
		var zawartosc = new Array();
		var othis = this;
		var startczas = this.przelacz.periodical(this.interval, this);
		
		this.elementy.each( function(el,ids){										
			zawartosc[ids] = el;
			var link = el.getElement('a');
			link.addEvent('click', function(){
				othis.wskaznik = ids+1;
				othis.ustawbox(ids);
				$clear(startczas);
				startczas = othis.przelacz.periodical(othis.interval, othis);											
				return false;
			});			
		});
		this.zawartosc = zawartosc;		
		this.ustawbox(0);			
	},
	
	przelacz: function() {
		var wskaznik = this.wskaznik;

		if (wskaznik >= this.ile) {
			wskaznik = 0;
		}
		this.ustawbox(wskaznik);
		wskaznik++;		
		this.wskaznik = wskaznik;	
	},
	
	ustawbox: function(ids) {
		var el = this.zawartosc[ids];
		var link = el.getElement('a');
		var tekst = link.get('title').split('||');
		var data = tekst[0];
		var tekst = tekst[1];
		var obrazek = link.get('rel');
		var wraper = this.wraper;
		var fx = new Fx.Morph(wraper, {duration: 300, transition: Fx.Transitions.Sine.easeOut});
 		var fx2 = new Fx.Morph(wraper, {duration: 200, transition: Fx.Transitions.Sine.easeOut});
		var linkw = function(link){ location.href=link;	 }
		
		if (this.poprzedni != ids) {
			this.zawartosc[this.poprzedni].set('class','');
			this.poprzedni = ids;
		}
		
		el.set('class','activ');
		
		
		this.wraper.empty();
		this.wraper.setStyle('cursor','pointer');
		
		this.wraper.removeEvents('click');		
		this.wraper.addEvent('click',function() {
			location.href=link;	
		});
		
		var img = new Element('img', {
			'src': obrazek,
			'class': 'newser_item'
		});
		var h3 = new Element('h3',{
			'html' : tekst
		});
		var strong = new Element('strong',{
			'html' : '»'
		});
		var span = new Element('span', {
			'html': data
		});
		
		fx2.start({ 
			'opacity' : 0													
		}).chain(function(){					
				wraper.empty();
				var loadimg = '/img/ajax/loading7.gif';
				var load = new Element('img', { 'src': loadimg, 'class': 'newser_item' }).inject(wraper); 
				fx2.start({ 'opacity' : 1 });
				
					
				fx.start({ 
						'opacity' : 0													
				}).chain(function(){
						wraper.empty();
						
						h3.adopt(span);
						h3.adopt(strong);
						wraper.adopt(img);
						wraper.adopt(h3);									
						
						fx.start({'opacity': 1});	
				});	
					
		});			

		
		
		
		
	}	
});