/**
 * @author Bernie Forbes
 */

document.getElementsByClassName = function(cl) {
var retnode = [];
var myclass = new RegExp('\\b'+cl+'\\b');
var elem = this.getElementsByTagName('*');
for (var i = 0; i < elem.length; i++) {
var classes = elem[i].className;
if (myclass.test(classes)) retnode.push(elem[i]);
}
return retnode;
}; 


 function displayProductDetails(productID,elementID){
 	var currentTab;
	var tabInnerLeft;
	var tabInnerRight;
	var currentIDNum = 0;
	var orderSummary;
	var element = document.getElementById(elementID);
	
	/* when the page first loads, pass in a value of zero, which causes the first tab to turn blue. */
	if(productID < 1){ 
		productID = element.getElementsByClassName("product")[0].id.substring(13);
	}

 	var targetProduct = document.getElementById("productBlurb_" + productID);
	var products = $(elementID).getElementsByClassName("product");	

	for (var i in products ){
		if (products[i].id != "productBlurb_" + productID) {
			if (products[i].className == "product") {
				/* All products out of focus get hidden. */
				products[i].style.zIndex = -10;
				products[i].style.visibility = "hidden";
				
				currentIDNum = products[i].id.substring(13);
				tabInnerLeft = $("productTab_" + currentIDNum).getElementById("tabInnerLeft_" + currentIDNum);
				tabInnerRight = $("productTab_" + currentIDNum).getElementById("tabInnerRight_" + currentIDNum);
				
				/* All tabs out of focus are black */
				tabInnerLeft.style.backgroundImage = "url(../images/blackTabLeft.png)";
				tabInnerRight.style.backgroundImage = "url(../images/blackTabRight.png)";
				
				orderSummary = element.getElementById("orderSummary_" + currentIDNum);
				orderSummary.style.zIndex = -10;
				orderSummary.style.visibility = "hidden";
					
			}
		}
		else{
			/* unhide the product that is selected. */
			products[i].style.zIndex = 2;
			products[i].style.visibility = "visible";
			
			tabInnerLeft = $("productTab_" + productID).getElementById("tabInnerLeft_" + productID);
			tabInnerRight = $("productTab_" + productID).getElementById("tabInnerRight_" + productID);
			
			/* The tab in focus is blue */
			tabInnerLeft.style.backgroundImage = "url(../images/blueTabLeft.png)";
			tabInnerRight.style.backgroundImage = "url(../images/blueTabRight.png)";

			orderSummary = element.getElementById("orderSummary_" + productID);
			if (orderSummary){
				orderSummary.style.zIndex = 2;
				orderSummary.style.visibility = "visible";
			}
			
		}
		
	} 
	
}

function trace(output){
	document.getElementById("debugArea").value += output + "\n";
}