window.addEvent('domready', function(){
	if ($chk($('kosteczka'))){
		$('ko1').setStyle('background-color', '#aaa');							
		var guziki = $('kosteczka').getElements('img[class=mini-mini]');
		var podswie = $('kosteczka').getElements('div');
		var aktywny = 0;
		guziki.each(function(item, index){
			item.addEvent('click', function(){
				guziki.each(function(item, index){
					$(item.id + '-img').setStyle('display', 'none');

				});				
				aktywny = this.id + '-img';
				$(aktywny).setStyle('display', 'block');
				podswie.each(function(item, index){
					item.setStyle('background-color', 'transparent');
				});		
				$('ko' + (index+1)).setStyle('background-color', '#aaa');
			});
		});
		$('strzalka').addEvent('click', function(e){
			e.stop();
			var obrazki = $('tlo-obrazka').getElements('img[id!=strzalka]');
			var numerek = 0;
			obrazki.each(function(item, index){
				if (item.id == aktywny){
					numerek = index;
				}
			});
			guziki.each(function(item, index){
				$(item.id + '-img').setStyle('display', 'none');

			});				
			var ost = obrazki.getLast();
			podswie.each(function(item, index){
				item.setStyle('background-color', 'transparent');
			});		

			if (aktywny == ost.id){
				aktywny = obrazki[0].id;
				$('ko1').setStyle('background-color', '#aaa');							
			} else {
				aktywny = obrazki[(numerek+1)].id;			
				$('ko' + (numerek+2)).setStyle('background-color', '#aaa');			
			}
			$(aktywny).setStyle('display', 'block');
		});
	}

});