// tab widget 
function getElementsByClass(objArea, thisTag, thisClass) {
	var obj = document.getElementById(objArea).getElementsByTagName(thisTag);
	var arrElements = new Array();
	for (i = 0; i < obj.length; i++) {
				if(obj[i].className == thisClass) {
							arrElements[arrElements.length] = obj[i]
				}
	}
	return arrElements;
}
// generic tab widget
function showWidget(tab,objNum) {
//	replace specific id & class assignments with variables 
//	so we can define the vars on any page where we need tabbed nav
//	by defining vars in head of page
//	see home.html & shop-product-page.html for examples
//	var objTab = document.getElementById("wTabs");
	var objTab = document.getElementById($elID);
//	objTab = objTab.getElementsByTagName("li");
	objTab = objTab.getElementsByTagName($tagName);
//	var objContent = getElementsByClass("tab-holder", "div", "list-holder");
	var objContent = getElementsByClass($holder, $domPart, $switchPart);
	for (i = 0; i < objTab.length; i++) {
		if (i == tab) {
			objTab[i].className = "on";
			objContent[i].style.display = "block";
		} else {
			objTab[i].className = "";
			objContent[i].style.display = "none";
		}
	}
}

function getElementsByClassName(oElm, strTagName, oClassNames){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	var arrRegExpClassNames = new Array();
	if(typeof oClassNames == "object"){
		for(var i=0; i<oClassNames.length; i++){
			arrRegExpClassNames.push(new RegExp("(^|\\s)" + oClassNames[i].replace(/\-/g, "\\-") + "(\\s|$)"));
		}
	}
	else{
		arrRegExpClassNames.push(new RegExp("(^|\\s)" + oClassNames.replace(/\-/g, "\\-") + "(\\s|$)"));
	}
	var oElement;
	var bMatchesAll;
	for(var j=0; j<arrElements.length; j++){
		oElement = arrElements[j];
		bMatchesAll = true;
		for(var k=0; k<arrRegExpClassNames.length; k++){
			if(!arrRegExpClassNames[k].test(oElement.className)){
				bMatchesAll = false;
				break;
			}
		}
		if(bMatchesAll){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}

function showThisWidget(tab) {
	var objTab = document.getElementById("wTabs");
	objTab = objTab.getElementsByTagName("li");
	var objContent = getElementsByClassName( document, "div", "wContentBox");
	for (i = 0; i < objTab.length; i++) {
		if (i == tab) {
			objTab[i].className = "on";
			objContent[i].style.display = "block";
		} else {
			objTab[i].className = "";
			objContent[i].style.display = "none";
		}
	}
}