// Styles for tabs
var headID    = document.getElementsByTagName("head")[0];         
var cssNode   = document.createElement('link');
cssNode.type  = 'text/css';
cssNode.rel   = 'stylesheet';
cssNode.href  = '/store/includes/tabs.css';
cssNode.media = 'screen';
headID.appendChild(cssNode);


/*-------------------------------------------------------------------------------------------------
toggleTabs()
-------------------------------------------------------------------------------------------------*/
function toggleTabs(whichOne,howManyTabs) {

	// Turn this one's content on
	document.getElementById("tabContent_" + whichOne).style.display = "block";
	
	// Make sure its small tab version is off
	document.getElementById("smallTab_" + whichOne).style.display          = "none";
	
	// And its big tab version is on
	document.getElementById("bigTab_" + whichOne).style.display            = "block";
	
	// Turn the rest off
	for(var i = 0; i < howManyTabs; i++) {
		if(i != whichOne) {
			document.getElementById("tabContent_" + i).style.display = "none";
			document.getElementById("bigTab_" + i).style.display     = "none";
			document.getElementById("smallTab_" + i).style.display   = "block";
		}
	}

}