var Tabber = new Class({
      
      initialize : function(tabs,items,show){
           this.tabs = tabs;
           this.items = items;
           this.active = show || 0;

           this.tabs.each(function(tab,idx){
                 tab.addEvent('click', this.clicked.pass(idx,this) );
           },this);

//           this.items[this.active].setStyle('display','block');
     },
  	

     'clicked' : function(idx){
            this.items[this.active].setStyle('display','none');
            this.items[idx].setStyle('display','block');
            this.active = idx;
//            $('container').setStyle('display','none');
     }
     
  }); 

window.addEvent('domready',function(){
     menuItems = $$('#colorNav a');
     contentItems = $$('.generation_details');
      new Tabber(menuItems,contentItems);
});

function unhide(popup) {
	var item = document.getElementById (popup);
	if (item) {
	item.className=(item.className=='hidden')?'unhidden':'hidden';
	}
	
}