var panels = Class.create();
	panels.prototype = {	
		initialize: function(id) {
			this.id = id;
			this.tabs = $$('#'+id+' dt');
			this.panels = $$('#'+id+' dd');
			this.currenttab = 0;
			wid = this.tabs[0].getWidth();
			for(var x = 0; x < this.tabs.length; x++){
				if(this.tabs[x].getAttribute('rel') == 'current'){
					this.current = x;
				}
				this.tabs[x].setStyle({'left':(x*wid)+'px'});
				this.tabs[x].observe('click', function(ev, curPos){this.setCurrent(curPos);}.bindAsEventListener(this, x));
			}
			
			for(var x = 0; x < this.panels.length; x++){
				this.panels[x].setStyle({'display':'none'});
			}
			
			this.panels[this.current].setStyle({'display':'block'});
			this.tabs[this.current].addClassName('current');
			
		},
		setCurrent: function(id){
			this.tabs[this.currenttab].removeClassName('current');
			this.panels[this.currenttab].setStyle({'display':'none'});
			
			this.currenttab = id;
			
			this.tabs[this.currenttab].addClassName('current');
			this.panels[this.currenttab].setStyle({'display':'block'});
		}
	  
	}
	
	function ShowHidePackages(newID) {
		if( $(newID).hasClassName('package-hide-info') ){
			$(newID).toggleClassName('package-show-info');
		}
		else {
			$(newID).toggleClassName('package-hide-info');
		}
	}