var mootabs = new Class({
	
	initialize: function(element, options) {
		this.options = Object.extend({
			width:				'492px',
			height:				'350px',
			changeTransition:	Fx.Transitions.Bounce.easeOut,
			duration:			1000,
			mouseOverClass:		'active',
			activateOnLoad:		'first',
			useAjax: 			true,
			ajaxUrl: 			'/prezentacje/prezentacjaZawartoscTabow.php',
			ajaxOptions: 		{method:'get'},
			ajaxLoadingText: 	'pobieranie danych',
			activePanelId: 'kierunki'
		}, options || {});
		
		this.element = $(element);
		this.elementid = element;
		this.element.setStyles({
			height: this.options.height,
			width: this.options.width
		});
		
		this.titles = $$('#' + this.elementid + ' ul li');
		this.aTabs = $$('#' + this.elementid + ' a');
		this.spanTabs = $$('#' + this.elementid + ' span');
		this.TabspanelHeight = 350;
  	this.TabsPanels = $$('#' + this.elementid + ' .mootabs_panel');
		
		this.TabsPanels.setStyle('height', this.TabspanelHeight);
		
		this.titles.each(function(item) {
			item.addEvent('click', function(){
					item.removeClass(this.options.mouseOverClass);
					this.activate(item);
				}.bind(this)
			);
			
			item.addEvent('mouseover', function() {
				if(item != this.activeTitle)
				{
					item.addClass(this.options.mouseOverClass);
				}
			}.bind(this));
			
			item.addEvent('mouseout', function() {
				if(item != this.activeTitle)
				{
					item.removeClass(this.options.mouseOverClass);
				}
			}.bind(this));
		}.bind(this));
		
		
		if(this.options.activateOnLoad != 'none')
		{
			if(this.options.activateOnLoad == 'first')
			{
				this.activate(this.titles[0], true);
			}
			else
			{
				this.activate(this.options.activateOnLoad, true);	
			}
		}
	},
	
	activate: function(tab, skipAnim){
		if(! $defined(skipAnim))
		{
			skipAnim = true;
		}
		if($type(tab) == 'string') 
		{
			myTab = $$('#' + this.elementid + ' ul li').filterByAttribute('title', '=', tab)[0];
			tab = myTab;
		}
		
		if($type(tab) == 'element')
		{
			var newTab = tab.getProperty('title');

			this.TabsPanels.removeClass('active');
			
			this.activePanel = document.getElementById(newTab);
			this.activePanel.addClass('active');
			if(this.options.changeTransition != 'none' && skipAnim==false)
			{
			$(newTab).setStyle('height', '0');
				var changeEffect = new Fx.Elements('div#'+newTab+'.mootabs_panel', {duration: this.options.duration, transition: this.options.changeTransition});
				changeEffect.start({
					'0': {
						'height': [0, this.TabspanelHeight]
					}
				});
			}

// usuwanie podswietlania tabow
			this.titles.removeClass('active');
			this.spanTabs.removeClass('active');
			this.aTabs.removeClass('active');
			tab.addClass('active');
      
// podswietlanie taba    
      tabA = "a_"+tab.getProperty('title');
      $(tabA).addClass('active');
      tabSpan = "s_"+tab.getProperty('title');
      $(tabSpan).addClass('active');
      			
			this.activeTitle = tab;
			if(this.options.useAjax)
			{
			  this.options.activePanelId = this.activePanel.getProperty('id');
			  id = this.options.activePanelId;
				this._getContent(id);
			}
		}
	},

//	   var id_szkoly = $('id_szkoly').getProperty('value');
//    $(id).set("text", this.options.ajaxLoadingText);
//      document.getElementById(id).innerHTML = '';
//    console.log( adopt(["test"]) );
      	
    _getContent: function(id){
    // dla mapy nie wysylamy requstow
    if(id!='mapa'){
      var id_szkoly_taby = document.getElementById('idSzkoly').value;
      document.getElementById('ladowanie').style.display='block';
      $(id).set("text", "");
      var req = 

        new Request.HTML({
        url:this.options.ajaxUrl,        
          onSuccess: function(response) {
            document.getElementById('ladowanie').style.display='none';
//            $(id).setHTML(response);
            $(id).adopt(response);
          },
          onFailure: function() {
            $(id).set('text', 'The request failed.');
          }
        }).get(this.options.ajaxUrl+'?tab='+ this.activeTitle.getProperty('title')+'&id='+id_szkoly_taby);
        req.send();
      }
    },
	

	addTab: function(title, label, content){
		//the new title
		var newTitle = new Element('li', {
			'title': title
		});
		newTitle.appendText(label);
		this.titles.include(newTitle);
		$$('#' + this.elementid + ' ul').adopt(newTitle);
		newTitle.addEvent('click', function() {
			this.activate(newTitle);
		}.bind(this));
		
		newTitle.addEvent('mouseover', function() {
			if(newTitle != this.activeTitle)
			{
				newTitle.addClass(this.options.mouseOverClass);
			}
		}.bind(this));
		newTitle.addEvent('mouseout', function() {
			if(newTitle != this.activeTitle)
			{
				newTitle.removeClass(this.options.mouseOverClass);
			}
		}.bind(this));
		//the new panel
		var newPanel = new Element('div', {
			'style': {'height': this.options.TabspanelHeight},
			'id': title,
			'class': 'mootabs_panel'
		});
		if(!this.options.useAjax)
		{
			newPanel.setHTML(content);
		}
		this.TabsPanels.include(newPanel);
		this.element.adopt(newPanel);
	},
	
	removeTab: function(title){
		if(this.activeTitle.title == title)
		{
			this.activate(this.titles[0]);
		}
		$$('#' + this.elementid + ' ul li').filterByAttribute('title', '=', title)[0].remove();
		
		$$('#' + this.elementid + ' .mootabs_panel').filterById(title)[0].remove();
	},
	
	next: function(){
		var nextTab = this.activeTitle.getNext();
		if(!nextTab) {
			nextTab = this.titles[0];
		}
		this.activate(nextTab);
	},
	
	previous: function(){
		var previousTab = this.activeTitle.getPrevious();
		if(!previousTab) {
			previousTab = this.titles[this.titles.length - 1];
		}
		this.activate(previousTab);
	}
});

window.addEvent('domready', init);
function init() {
  myTabs1 = new mootabs('myTabs', {height: '350px', width: '40%', useAjax: true, ajaxUrl: 'prezentacjaZawartoscTabow.php', ajaxLoadingText: '<img src="indicator_tiny_red.gif"> Loading...'});
}