var mootabs = new Class({
	initialize: function(element, options) {
 
		this.options = Object.extend({
			width:				'100%',
			height:				'500px',
			changeTransition:	Fx.Transitions.Quad.easeIn,
			duration:			300,
			mouseOverClass:		'tabHover',
			activateOnLoad:		'first',
			useAjax: 			false,
			ajaxUrl: 			'',
			ajaxOptions: 		{method:'get'},
			ajaxLoadingText: 	'Loading...',
			skipAnim:			false
		}, options || {});
 
		this.el = $(element);
		this.elid = element;
 
		this.el.setStyles({
			height: this.options.height,
			width: this.options.width
		});
 
		this.titles = $$('#' + this.elid + ' ul.mootabs_title li');
		this.panelHeight = this.el.getSize().size.y - (this.titles[0].getSize().size.y + 4);
		this.panels = $$('#' + this.elid + ' .mootabs_panel');
 
 
		//this.panels.setStyle('height', this.panelHeight);
 
		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));
		
		//test
		
		this.navlinks = $$("ul#leftnav li a");
		
		this.navlinks.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));
		
		
		//end test
 
		this.activated = 0;
 
 
		if(this.options.activateOnLoad != '')
		{
			for(var i=0;i<this.titles.length;i++){
				if(this.titles[i].title==this.options.activateOnLoad){
					this.activated = i;
				}
			}
		}
		this.activate(this.titles[this.activated], true);	
 
 
	},
 
	activate: function(tab, skipAnim){
		if(! $defined(skipAnim))
		{
			skipAnim = false;
		}
		if($type(tab) == 'string') 
		{
			myTab = $$('#' + this.elid + ' ul li').filterByAttribute('title', '=', tab)[0];
			tab = myTab;
		}
 
		if($type(tab) == 'element')
		{
			var newTab = tab.getProperty('title');
			this.panels.removeClass('active');
			this.panels.setStyle("display", "none");
 
			this.activePanel = this.panels.filterById(newTab)[0];
 
			this.activePanel.addClass('active');
			this.activePanel.setStyle("display", "block");
			this.el.setStyle("height", this.activePanel.getSize().size.y+20);
 
			if(this.options.changeTransition != 'none' && skipAnim==false)
			{
				this.panels.filterById(newTab).setStyle('opacity', 1);
				var changeEffect = new Fx.Elements(this.panels.filterById(newTab), {duration: this.options.duration, transition: this.options.changeTransition});
				changeEffect.start({
					'0': {
						'opacity': [1, 1]
					}
				});
				Cookie.set("tabSelected", tab.title, {duration:0})	
			}
 
			this.titles.removeClass('active');
 
			tab.addClass('active');
 
			this.activeTitle = tab;
 
			if(this.options.useAjax)
			{
				this._getContent();
			}
		}
	},
 
	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);
	}
});

// second instance of tabs 

var tabstwo = new Class({
	initialize: function(element, options) {

		this.options = Object.extend({
			width:				'100%',
			height:				'500px',
			changeTransition:	Fx.Transitions.linear,
			duration:			0,
			mouseOverClass:		'tabHover',
			activateOnLoad:		'first',
			useAjax: 			false,
			ajaxUrl: 			'',
			ajaxOptions: 		{method:'get'},
			ajaxLoadingText: 	'Loading...'
		}, options || {});
 
		this.el = $(element);
		this.elid = element;
 
		this.el.setStyles({
			height: this.options.height,
			width: this.options.width
		});
 
		this.titles = $$("ul.tabstwo_title li");
		this.panelHeight = this.el.getSize().size.y - (this.titles[0].getSize().size.y + 4);
		this.panels = $$('#' + this.elid + ' .tabstwo_panel');
		
		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));
 
		this.activated = 0;
 
 
		if(this.options.activateOnLoad != '')
		{
			for(var i=0;i<this.titles.length;i++){
				if(this.titles[i].title==this.options.activateOnLoad){
					this.activated = i;
				}
			}
		}
		//alert(this.titles[this.activated]);
		this.activate(this.titles[this.activated], true);	
 
 
	},
 
	activate: function(tab, skipAnim){
		if(! $defined(skipAnim))
		{
			skipAnim = false;
		}
		if($type(tab) == 'string') 
		{
			myTab = $$('#' + this.elid + ' ul li').filterByAttribute('title', '=', tab)[0];
			tab = myTab;
		}
 
		if($type(tab) == 'element')
		{
			var newTab = tab.getProperty('title');
			this.panels.removeClass('active');
			this.panels.setStyle("display", "none");
 
			this.activePanel = this.panels.filterById(newTab)[0];
 
			this.activePanel.addClass('active');
			this.activePanel.setStyle("display", "block");
			this.el.setStyle("height", this.activePanel.getSize().size.y+30);
 
			if(this.options.changeTransition != 'none' && skipAnim==false)
			{
				this.panels.filterById(newTab).setStyle('opacity', 1);
				var changeEffect = new Fx.Elements(this.panels.filterById(newTab), {duration: this.options.duration, transition: this.options.changeTransition});
				changeEffect.start({
					'0': {
						'opacity': [1, 1]
					}
				});
				Cookie.set("tabSelected", tab.title, {duration:0})	
			}
 
			this.titles.removeClass('active');
 
			tab.addClass('active');
 
			this.activeTitle = tab;
 
			if(this.options.useAjax)
			{
				this._getContent();
			}
		}
	},
 
	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);
	}
	
	
	
});

// third instance of tabs 

var tabsthree = new Class({
	initialize: function(element, options) {

		this.options = Object.extend({
			width:				'100%',
			height:				'500px',
			changeTransition:	Fx.Transitions.linear,
			duration:			0,
			mouseOverClass:		'tabHover',
			activateOnLoad:		'first',
			useAjax: 			false,
			ajaxUrl: 			'',
			ajaxOptions: 		{method:'get'},
			ajaxLoadingText: 	'Loading...'
		}, options || {});
 
		this.el = $(element);
		this.elid = element;
 
		this.el.setStyles({
			height: this.options.height,
			width: this.options.width
		});
 
		this.titles = $$("ul.tabsthree_title li");
		this.panelHeight = this.el.getSize().size.y - (this.titles[0].getSize().size.y + 4);
		this.panels = $$('#' + this.elid + ' .tabsthree_panel');
		
		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));
 
		this.activated = 0;
 
 
		if(this.options.activateOnLoad != '')
		{
			for(var i=0;i<this.titles.length;i++){
				if(this.titles[i].title==this.options.activateOnLoad){
					this.activated = i;
				}
			}
		}
		//alert(this.titles[this.activated]);
		this.activate(this.titles[this.activated], true);	
 
 
	},
 
	activate: function(tab, skipAnim){
		if(! $defined(skipAnim))
		{
			skipAnim = false;
		}
		if($type(tab) == 'string') 
		{
			myTab = $$('#' + this.elid + ' ul li').filterByAttribute('title', '=', tab)[0];
			tab = myTab;
		}
 
		if($type(tab) == 'element')
		{
			var newTab = tab.getProperty('title');
			this.panels.removeClass('active');
			this.panels.setStyle("display", "none");
 
			this.activePanel = this.panels.filterById(newTab)[0];
 
			this.activePanel.addClass('active');
			this.activePanel.setStyle("display", "block");
			this.el.setStyle("height", this.activePanel.getSize().size.y+30);
 
			if(this.options.changeTransition != 'none' && skipAnim==false)
			{
				this.panels.filterById(newTab).setStyle('opacity', 1);
				var changeEffect = new Fx.Elements(this.panels.filterById(newTab), {duration: this.options.duration, transition: this.options.changeTransition});
				changeEffect.start({
					'0': {
						'opacity': [1, 1]
					}
				});
				Cookie.set("tabSelected", tab.title, {duration:0})	
			}
 
			this.titles.removeClass('active');
 
			tab.addClass('active');
 
			this.activeTitle = tab;
 
			if(this.options.useAjax)
			{
				this._getContent();
			}
		}
	},
 
	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);
	}
	
});

// fourth instance of tabs 

var tabsfour = new Class({
	initialize: function(element, options) {

		this.options = Object.extend({
			width:				'100%',
			height:				'500px',
			changeTransition:	Fx.Transitions.linear,
			duration:			0,
			mouseOverClass:		'tabHover',
			activateOnLoad:		'first',
			useAjax: 			false,
			ajaxUrl: 			'',
			ajaxOptions: 		{method:'get'},
			ajaxLoadingText: 	'Loading...'
		}, options || {});
 
		this.el = $(element);
		this.elid = element;
 
		this.el.setStyles({
			height: this.options.height,
			width: this.options.width
		});
 
		this.titles = $$("ul.tabsfour_title li");
		this.panelHeight = this.el.getSize().size.y - (this.titles[0].getSize().size.y + 4);
		this.panels = $$('#' + this.elid + ' .tabsfour_panel');
		
		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));
 
		this.activated = 0;
 
 
		if(this.options.activateOnLoad != '')
		{
			for(var i=0;i<this.titles.length;i++){
				if(this.titles[i].title==this.options.activateOnLoad){
					this.activated = i;
				}
			}
		}
		//alert(this.titles[this.activated]);
		this.activate(this.titles[this.activated], true);	
 
 
	},
 
	activate: function(tab, skipAnim){
		if(! $defined(skipAnim))
		{
			skipAnim = false;
		}
		if($type(tab) == 'string') 
		{
			myTab = $$('#' + this.elid + ' ul li').filterByAttribute('title', '=', tab)[0];
			tab = myTab;
		}
 
		if($type(tab) == 'element')
		{
			var newTab = tab.getProperty('title');
			this.panels.removeClass('active');
			this.panels.setStyle("display", "none");
 
			this.activePanel = this.panels.filterById(newTab)[0];
 
			this.activePanel.addClass('active');
			this.activePanel.setStyle("display", "block");
			this.el.setStyle("height", this.activePanel.getSize().size.y+30);
 
			if(this.options.changeTransition != 'none' && skipAnim==false)
			{
				this.panels.filterById(newTab).setStyle('opacity', 1);
				var changeEffect = new Fx.Elements(this.panels.filterById(newTab), {duration: this.options.duration, transition: this.options.changeTransition});
				changeEffect.start({
					'0': {
						'opacity': [1, 1]
					}
				});
				Cookie.set("tabSelected", tab.title, {duration:0})	
			}
 
			this.titles.removeClass('active');
 
			tab.addClass('active');
 
			this.activeTitle = tab;
 
			if(this.options.useAjax)
			{
				this._getContent();
			}
		}
	},
 
	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);
	}
	
});

// fourth instance of tabs 

var tabsfive = new Class({
	initialize: function(element, options) {

		this.options = Object.extend({
			width:				'100%',
			height:				'500px',
			changeTransition:	Fx.Transitions.linear,
			duration:			0,
			mouseOverClass:		'tabHover',
			activateOnLoad:		'first',
			useAjax: 			false,
			ajaxUrl: 			'',
			ajaxOptions: 		{method:'get'},
			ajaxLoadingText: 	'Loading...'
		}, options || {});
 
		this.el = $(element);
		this.elid = element;
 
		this.el.setStyles({
			height: this.options.height,
			width: this.options.width
		});
 
		this.titles = $$("ul.tabsfive_title li");
		this.panelHeight = this.el.getSize().size.y - (this.titles[0].getSize().size.y + 4);
		this.panels = $$('#' + this.elid + ' .tabsfive_panel');
	
		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));
 
		this.activated = 0;
 
 
		if(this.options.activateOnLoad != '')
		{
			for(var i=0;i<this.titles.length;i++){
				if(this.titles[i].title==this.options.activateOnLoad){
					this.activated = i;
				}
			}
		}
		//alert(this.titles[this.activated]);
		this.activate(this.titles[this.activated], true);	
 
 
	},
 
	activate: function(tab, skipAnim){
		if(! $defined(skipAnim))
		{
			skipAnim = false;
		}
		if($type(tab) == 'string') 
		{
			myTab = $$('#' + this.elid + ' ul li').filterByAttribute('title', '=', tab)[0];
			tab = myTab;
		}
 
		if($type(tab) == 'element')
		{
			var newTab = tab.getProperty('title');
			this.panels.removeClass('active');
			this.panels.setStyle("display", "none");
 
			this.activePanel = this.panels.filterById(newTab)[0];
 
			this.activePanel.addClass('active');
			this.activePanel.setStyle("display", "block");
			this.el.setStyle("height", this.activePanel.getSize().size.y+30);
			if(this.options.changeTransition != 'none' && skipAnim==false)
			{
				this.panels.filterById(newTab).setStyle('opacity', 1);
				var changeEffect = new Fx.Elements(this.panels.filterById(newTab), {duration: this.options.duration, transition: this.options.changeTransition});
				changeEffect.start({
					'0': {
						'opacity': [1, 1]
					}
				});
				Cookie.set("tabSelected", tab.title, {duration:0})	
			}
 
			this.titles.removeClass('active');
 
			tab.addClass('active');
 
			this.activeTitle = tab;
 
			if(this.options.useAjax)
			{
				this._getContent();
			}
		}
	},
 
	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);
	}
	
});