// JavaScript Document

// WHEN PAGE LOADS, OPEN THESE:



//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 (openedTab, openedContent){ 


// ACTIONS ON PAGE LOAD
function loadTabs(childrenNum, tabGroup, tabi, contenti, openedTab, openedContent ){
	
var children = countChildElements(childrenNum, 'li');
// CLOSE ALL TABS AND INITIATE HANDLERS
document.getElementById('' + tabGroup + '').style.display = "block";
document.getElementById('loadingTabs').style.display = "none";
	for(i=1; i<=children; i++){
		
		
		closeTabs(('' + tabi + '' +i), ( '' + contenti + '' + i))
		
		
		tabName = document.getElementById('' + tabi + ''+i).id;
		contentName = document.getElementById('' + contenti + '' + i).id;
		//hrefValue = document.getElementById(tabName).getElementsByTagName('a')[0].href;
		//alert(hrefValue )
		
		
		//if( hrefValue == 'javascript:void(0);'){
			openTabHandler(children, tabName, contentName, tabi, contenti);
			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(children, tabName, contentName, tabi, contenti){
	
	
	
	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(('' + tabi + ''+i), ('' + contenti + ''+i))
		}
		
		document.getElementById(contentName).style.display = 'block'
		document.getElementById(tabName).className = 'active'
	}
}

// CHILDREN = NUMBER OF TABS
/*
arguments:
1.  ID of ul contining the tabs 
2.  ID of containing div
3.  ID name on li's before the numbers
4.  ID name on the content before the numbers
5.  Initial opened tab
6.  Initial opened content


*/ 


loadTabs('topPageTabs', 'tabGroup', 'tab', 'content', 'tab1', 'content1');




};