Event.observe(window,'load',function(){initTabWidgets()});

function initTabWidgets(){
	$$('dl.STW:not([class~=processed])').each(function(e){initTabWidget(e);});
}
function swapImage(imgParent,toggle) {
	// Only try to perform image swap if the tab dt contains an image
	if (imgParent) {
		imgsrc = imgParent.src;
		newSRC = (toggle == 'ON') ? imgsrc.replace('OFF', 'ON'):imgsrc.replace('ON', 'OFF');
		imgParent.src = newSRC;
	}
}
function initTabWidget(widget){
	widget = $(widget).addClassName('processed');
	var tabs = new Element('div',{'class':'STW_tabsArea'});
	var tabcontents = new Element('div',{'class':'STW_tabContentArea'});
	var clr = new Element('div',{'class':'clear'});
	var arrowBar = new Element('div',{'class':'arrowBar'});
	widget.addClassName('STW_Active');
	widget.insert(tabs).insert(tabcontents);
	//var c = initSpecialBox(tabcontents);
	//tabcontents.setStyle({width:'auto'});
	var zcount = 1000; // initialize z-index value
	widget.select('dt').each(function(term){
		var thistab = new Element('div',{'class':'STW_tab'});
		thistab.setStyle({zIndex:zcount});
		zcount = zcount - 10; // drop z-index by ten
		var thiscontent = term.next('dd');
		thistab.observe('click',function(){
										 
			widget.select('.selected').each(function(e){
				swapImage(e.down('dt img'), 'OFF');
				e.removeClassName('selected');
			});
	
			thistab.addClassName('selected');
			swapImage(thistab.down('dt img'), 'ON');
			thiscontent.addClassName('selected');
			tabcontents.setStyle({zoom:1,_height:0});
			
			//moveArrow(tabs);
		});
		if(term.hasClassName('selected')) thistab.addClassName('selected')&&thiscontent.addClassName('selected')&&term.removeClassName('selected');
		tabs.insert(thistab.insert(term));
		tabcontents.insert(thiscontent.addClassName('STW_tabContent'));
	});
	//tabs.insert(clr).insert(arrowBar);
tabs.insert(clr);
}