/*
var TabBox = Class.create({
  initialize: function(name) {
  	this.name = name;
  	this.holder = $(this.name);
  	this.index = 0;
  	this.items = $('#'+this.name+' > div');
	this.length = this.items.length;
	
	alert(this.length);
  	
  },
  
  select: function(id){
  	for (var i = 0; i < this.length; i++){
  		this.items[i].toggleClassName("hide");
  		$('tab-'+this.items[i].id).toggleClassName("selected");
	}
  }
  
});
*/
TabBox = function(name) {
  this.init(name);
}

$.extend(TabBox.prototype, {
   // object variables
   name: '',

   init: function(name) {     // do initialization here
  	this.name = name;
  	this.index = 0;
  	this.items = $('#'+this.name+' > div');
	this.length = this.items.length;
   },
   
   select: function() {
   	/*
  	for (i=0; i < this.length; i++){
	  	$('#slides-'+i).css('z-index', i);
  	}
  	*/
  	for (var i = 0; i < this.length; i++){
  		$( '#'+this.items[i].id ).toggleClass('hide');
  		$('#tab-'+this.items[i].id).toggleClass("selected");
	}
   }
});