// WHEN PAGE LOADS, OPEN THESE:
var openedTab = 'tab1'
var openedContent = 'content1'


//ON PAGE LOAD
function addEvent(obj, evType, fn, useCapture){
		  if (obj.addEventListener){
			obj.addEventListener(evType, fn, useCapture);
			return true;
		  } else if (obj.attachEvent){
			var r = obj.attachEvent("on"+evType, fn);
			return r;
		  } else {
			alert("Handler could not be attached");
		  }
	} 
addEvent(window, 'load', tabSwitch);



function tabSwitch (){
	
	
// ACTIONS ON PAGE LOAD
function loadTabs(children){
// CLOSE ALL TABS AND INITIATE HANDLERS

document.getElementById('productInfo').style.display = "block";
document.getElementById('loadingTabs').style.display = "none";
for(i=1; i<=children; i++){
	closeTabs(('tab'+i), ('content'+i))
	tabName = document.getElementById('tab'+i).id;
	contentName = document.getElementById('content'+i).id;
	openTabHandler(tabName, contentName);

	document.getElementById(openedTab).className = 'active';	
	document.getElementById(openedContent).style.display = 'block';
}	
}

// COUNT NUMBER OF TABS 
function countChildElements(parent, child)
{
  var parent = document.getElementById(parent);
  var childCount = parent.getElementsByTagName(child).length;
  return(childCount);
}

// CLOSE TABS
function closeTabs(tabName, contentName){
	document.getElementById(tabName).className = '';	
	document.getElementById(contentName).style.display = 'none';
}

// HANDLE CLICK EVENTS
function openTabHandler(tabName, contentName){
	
	var tab = document.getElementById(tabName);
	var content = document.getElementById(contentName);
	addEvent( tab, 'click', activateDiv);
	
	function activateDiv(tab, content) {
		
	  for(i=1; i<=children; i++){
			closeTabs(('tab'+i), ('content'+i))
		}
		
		document.getElementById(contentName).style.display = 'block'
		document.getElementById(tabName).className = 'active'
	}
}

// CHILDREN = NUMBER OF TABS
var children = countChildElements('tabs', 'li');
loadTabs(children);


};