var Tabit = new Class({
				
	Implements: [Options],

	options: {
		menu_start: 1
	},
				
	initialize: function(options) {
		this.setOptions(options);
		
		this.content = $$('#tab-it > div');
		this.menu = $$('#tab-it #tab-it-menu li');
		
		this.menu_position = this.options.menu_start;
		
		this.content.each(function(item,index){
			if(index != this.options.menu_start)
			{
				item.setStyle('display', 'none');
			}
			else
			{
				item.setStyle('display', 'block');
			}
			
			//lets take each menu, see what has been selected, then hide the rest
			var submenu = item.getElement('ul').getChildren();
			var subcontent = item.getElement('div').getChildren();
									
			submenu.each(function(item, index){
				if(item.hasClass('selected'))
				{
					subcontent[index].setStyle('display', 'block');
				}
				else
				{
					subcontent[index].setStyle('display', 'none');
				}
				
				//now lets make the link clickable
				item.addEvent('click', function(event){
					var selected_index = index;
					
					submenu.each(function(item, index){
						if(index == selected_index)
						{
							item.addClass('selected');
							subcontent[index].setStyle('display', 'block');
						}
						else
						{
							item.removeClass('selected');
							subcontent[index].setStyle('display', 'none');
						}
					}, this);
					
				}.bind(this));
			}, this);
			
		}, this);
		
						
		this._initMenuTabs();
	},
	
	_initMenuTabs: function(){
		this.menu.each(function(item, index){
			//if it is not suppoesd to be selected then get rid of that class
			if(index != this.menu_position)
			{
				this.menu[index].removeClass('selected');
			}
			else
			{
				this.menu[index].addClass('selected');
			}
			
			//make it clickable
			item.addEvent('click', function(event){
				this.content[this.menu_position].setStyle('display', 'none');
				this.menu[this.menu_position].removeClass('selected');
				
				this.menu_position = index;
				
				this.content[this.menu_position].setStyle('display', 'block');
				this.menu[this.menu_position].addClass('selected');
			}.bind(this));
		}, this);
	}
});