/**
* TWSAINT - TETRAWARE INFOGRAFICA S.C.A. 2008
* tetraware <tetraware@tetraware.net>
*
* based on: http://www.silverscripting.com/mootabs/
*/

/**
*
*/

var mootwtabs = new Class({
   //Extends: Options,
   options: {
         type:             'tabs', // tabs||acordion||toogle
			width:				'300px',
			height:				null, //'200px'
			mouseOverClass:	'active',
			activateOnLoad:	'first',
			useAjax: 			false,
			ajaxUrl: 			'',
			ajaxOptions: 		{method:'get'},
			ajaxLoadingText: 	'Loading...'
   }, // end options

   initialize: function(element, options) {
      this.setOptions(options);
		this.el = $(element);
		this.elid = element;
      this.el.setStyles({
			//height: this.options.height,
         width: this.options.width
		});

      /*
      if (this.options.type=='acordion'){
         // acordion
         this.titles = $$('#' + this.elid + ' dl dt').filter('[id^='+this.elid+']');
         this.panels = $$('#' + this.elid + ' dl dd').filter('[id^='+this.elid+']');
      }
      else {
         // tabs
         this.titles = $$('#'+this.elid+'-title li').filter('[id^='+this.elid+']');
         this.panels = $$('#'+this.elid+'-panel li').filter('[id^='+this.elid+']');
      }
      */

      switch(this.options.type){
         case 'toogle':
         case 'acordion':
            // acordion
            this.titles = $$('#' + this.elid + ' dl dt').filter('[id^='+this.elid+']');
            this.panels = $$('#' + this.elid + ' dl dd').filter('[id^='+this.elid+']');
         break;
         default:
            // tabs
            this.titles = $$('#'+this.elid+'-title li').filter('[id^='+this.elid+']');
            this.panels = $$('#'+this.elid+'-panel li').filter('[id^='+this.elid+']');
         break;
      }

      //this.panels.setStyle('height',this.options.height);

      /*
      //ZZ
      if (this.options.type=='acordion'){
         //alert(this.elid);
         //this.titles.each(
         //   function(item) { alert(item.getProperty('title')); }
         //);
         //this.panels.each(
         //   function(item) { alert(item.getProperty('id')); }
         //);
      }
      */

      //idx = 0;
		this.titles.each(function(item) {
         //item.idx = idx; idx++;
			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);
			}
		}

   }, // end initialize

   activate: function(tab){
		if($type(tab) == 'string'){
         /*
         if (this.options.type=='acordion'){
            // acordion
            myTab = $$('#' + this.elid + ' dl dt').filter('[id='+tab+']')[0];
         }
         else {
            // tabs
            myTab = $$('#' + this.elid + '-title li').filter('[id='+tab+']')[0];
         }
         */
         switch(this.options.type){
            case 'toogle':
            case 'acordion':
               // acordion
               myTab = $$('#' + this.elid + ' dl dt').filter('[id='+tab+']')[0];
            break;
            default:
               // tabs
               myTab = $$('#' + this.elid + '-title li').filter('[id='+tab+']')[0];
            break;
         }
         tab = myTab;
		}

      if($type(tab) == 'element'){
         // INput hidden para manetener el estado al enviar datos
         input_hidden = $$('#' + this.elid + '-hidden');

         var newTab = tab.getProperty('id');

         switch(this.options.type){
            case 'toogle':
               this.panels.removeClass('active');
               this.titles.removeClass('active');

               if(this.activeTitle){
                  this.activeTitle = null;

                  // Establecer el input
                  input_hidden.setProperty('value','');
               }
               else {
                  this.activePanel = this.panels.filter('[id='+newTab+']')[0];
                  this.activePanel.addClass('active');
                  tab.addClass('active');

                  this.activeTitle = tab;

                  // Establecer el input
                  input_hidden.setProperty('value',newTab);
               }
            break;
            case 'acordion':
            case 'tabs':
            default:
               this.activePanel = this.panels.filter('[id='+newTab+']')[0];

               // Controla si un tab esta deshabilitado
               if(!this.activePanel.hasClass('disabled')){

                   this.panels.removeClass('active');
                   this.activePanel.addClass('active');
                
                   this.titles.removeClass('active');
                   tab.addClass('active');
                   this.activeTitle = tab;

                   // Establecer el input
                   input_hidden.setProperty('value',newTab);
               }
            break;
         }
      }

      //if(this.options.useAjax) {
      //	this._getContent();
      //}

   }, // end activate

	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);
	}
});

mootwtabs.implement(new Options);