var tabs = new Class({
		
	initialize: function(element, options) {
		this.options = Object.extend({
			suffix:				'',
			transition:	Fx.Transitions.Bounce.easeOut,
			duration:			1000
		}, options || {});
	
		var none;
		if(this.options.transition == 'none') 
		{	
			none = true;
			this.options.transition = Fx.Transitions.Bounce.easeOut;
		}
	
		this.panels = $$('#Tab'+element+' div.panel'); 	// wszystkie panele wewn�trz Tab
		this.titles = $$('#Tab'+element+' ul li.title');// wszystkie tytu�y zak��dek wewn�trz Tab
		this.topics = $$('#Tab'+element+' div.moretitle');
		var stat = new Array();			//status zak�adki 0 - zamkni�ta, 1 - otwarta
		var topic_stat = new Array(); 	//status topika wewn�trz zak�adki stany jak wy�ej
		for(var i = 0; i < $A(this.panels).length; i++)
		{
		  var ii = ((i<10)? '0'+i : i);
			if(i==0) stat[element+ii] = 1;
			else
			stat[element+ii] = 0;
		}
		var efekt = new Array();
		var efektmore = new Array();
		for(var a=0; a < $A(this.panels).length; a++) //tworzy efekty dla ka�dej zak�adki
		{
		  var aa = ((a<10)? '0'+a : a);
			efekt[aa] = new Fx.Slide('container'+element+''+aa, {transition: this.options.transition, duration: this.options.duration });
			var more = $$('#container'+element+''+aa+' div.more');
			for(var z = 0; z < 	$A(more).length; z++)
			{
			  var zz = ((z<10)? '0'+z : z);
				efektmore[element + aa + zz] = new Fx.Slide('more'+element+''+aa+''+zz, {transition: this.options.transition, duration: this.options.duration });
				
				var test = $A(more)[z].title;
				
				if(test == 'active')
				{
					topic_stat[element + aa + zz] = 1;
				}
				else
				{
					topic_stat[element + aa + zz] = 0;
				}
			}
		}
		
		
		//var suff = this.options.suffix;
		this.topics.each(function(item) {
			item.addEvent('click', function() {
			
			if(topic_stat[item.id.substr(6,6)] == 1)
			{
				efektmore[item.id.substr(6,6)].hide();
					
				topic_stat[item.id.substr(6,6)] = 0;
				$('more'+item.id.substr(6,6)).removeClass('moreactive');
				$('rpicture'+item.id.substr(6,6)).removeClass('arrowactive');
				if(none)
				efekt[item.id.substr(8,2)].show();
				else
				efekt[item.id.substr(8,2)].slideIn();
			}else
			{
				$('more'+item.id.substr(6,6)).addClass('moreactive' );
				$('rpicture'+item.id.substr(6,6)).addClass('arrowactive' );				
				efektmore[item.id.substr(6,6)].show();
		
				topic_stat[item.id.substr(6,6)] = 1;
				if(none)
				efekt[item.id.substr(8,2)].show();
				else
				efekt[item.id.substr(8,2)].slideIn();
			}
			});
		});
		
		this.titles.each(function(item) {
			item.addEvent('click', function(){
			var tmp = item.id.substr(5,4);
			var index = tmp.substr(2,2);
			/*
			for(var j = 0; j < efekt.length; j++)
				{
					if(j != index)
					if(none)
					efekt[j].hide();
					else
					efekt[j].slideOut();
				}*/
			if(stat[element+index] == 1)
			{
				if(none)
				efekt[index].hide();
				else
				efekt[index].slideOut();
				this.panels.removeClass('active');
				this.titles.removeClass('active');
				//$('container'+tmp).removeClass('active');
				//$('click'+tmp).removeClass('active');
				stat[element+index] = 0;
			}else
			{
				for(var x = 0; x < $A(this.panels).length; x++)
				{
					  var xx = ((x<10)? '0'+x : i);
						efekt[xx].hide();
						stat[element+xx] = 0;
						$('container'+element+''+xx).removeClass('active');	
						$('click'+element+''+xx).removeClass('active');
				}
				stat[element+index] = 1;
				$('container'+tmp).addClass('active');
				$('click'+tmp).addClass('active');
				if(none)
				efekt[index].show();
				else
				efekt[index].slideIn();
			}
			}.bind(this));
		}.bind(this));
	}
	
});