var defaultStretcher = 0;
var myAccordion;
var stretchers;
var toggles;
function tabs_init(){
	stretchers = document.getElementsByClassName('box');
	toggles = document.getElementsByClassName('tab');
	myAccordion = new Accordion(
		toggles, stretchers, {opacity: false, height: true, duration: 600, show: defaultStretcher, alwaysHide: false}
	);
	
	
	for (i =0; i < toggles.length; i++) {
		toggles[i].addEvent('click', function(){
			SelectTab (this);
		});
	}
	
	var img = new Image();
 	img.src = "/tpl/img/greentab.gif";   	
 	img.src = "/tpl/img/greentab_selected.gif";
 	img.src = "/tpl/img/greentab_wide.gif";
 	img.src = "/tpl/img/greentab_wide_selected.gif";
	
	SelectTab (toggles[defaultStretcher]);
}

var isWide = false;
var isSelected = false;
function SelectTab (item) {
	if (isSelected) {
		if (isWide)
			$("WIDE_SELECTED_TAB").id = "WIDE";
		else
			$("SELECTED_TAB").id = "";
	}
	//if ($("SELECTED_TAB"))
		
	if (item.id == "WIDE") {
		item.id="WIDE_SELECTED_TAB";	
		isWide = true;
	} else {
		item.id="SELECTED_TAB";	
		isWide = false;
	}
	isSelected = true;
}

function OpenTab (num) {
	myAccordion.showThisHideOpen(num); 
	SelectTab(toggles[num]);	
}