function initTabs(TabGroup, TabLength, OnChangeFunction) {
	var groupN = TabGroup.substring(9, TabGroup.length);
	var elemBase = document.getElementById(TabGroup);
	elemBase.TabLength = Math.floor(TabLength);
	if(OnChangeFunction != null) {
		elemBase.TabChanged = OnChangeFunction;
	}
	
	for(var i=1; i <= Math.floor(TabLength); i++) {
		var elem = document.getElementById('Tab_' + groupN + "_" + i);
		elem.onclick = function() {
			showTab(this);
		};
	}
}

function showTab(who) {
	var nm = who.id;
	var groupN = Math.floor(nm.substring(4, nm.lastIndexOf('_')));
	var tabN = Math.floor(nm.substring(nm.lastIndexOf('_') + 1, nm.length));
	var elemBase = document.getElementById('TabGroup_' + groupN);
	
	for(var i=1; i <= Math.floor(elemBase.TabLength); i++) {
		var elem = document.getElementById('Tab_' + groupN + "_" + i);
		var elemContent = document.getElementById('TabContent_' + groupN + "_" + i);
		var cssName = elem.className;
		var cName = cssName.indexOf('_ON') < 0 ? cssName.substring(cssName.indexOf('_')+1,cssName.length) : cssName.substring(cssName.indexOf('_')+1, cssName.length - 3);
		
		if(i == tabN) {
			elem.className = cssName.substring(0,cssName.indexOf('_')+1) + cName + "_ON";
			if (elemContent.style.display == 'none') {
				elemContent.style.display = 'block';
			}
			else if (elemContent.style.visibility == 'hidden') {
				elemContent.style.visibility = 'visible';
			}
			

		} else {
			elem.className = cssName.substring(0,cssName.indexOf('_')+1) + cName;
			
			if (elemContent.style.display == 'block') {
				elemContent.style.display = 'none';
			}
			else if (elemContent.style.visibility == 'visible') {
				elemContent.style.visibility = 'hidden';
			}
		}
	}
	
	if(elemBase.TabChanged != null) {
		elemBase.TabChanged();
	}
}




/******************* HOME EVENTS TABS MODIFIED TO USE AJAX LOADING *****************************************************/


function initTabsHomeEvents(TabGroup, TabLength, OnChangeFunction, nRegionID) {
	var groupN = TabGroup.substring(9, TabGroup.length);
	var elemBase = document.getElementById(TabGroup);
	elemBase.TabLength = Math.floor(TabLength);
	if(OnChangeFunction != null) {
		elemBase.TabChanged = OnChangeFunction;
	}
	
	for(var i=1; i <= Math.floor(TabLength); i++) {
		var elem = document.getElementById('Tab_' + groupN + "_" + i);
		elem.onclick = function() {
			showTabHomeEvents(this, nRegionID);
		};
	}
}

function showTabHomeEvents(who, nRegionID) {

	var nm = who.id;
	
	var groupN = Math.floor(nm.substring(4, nm.lastIndexOf('_')));
	var tabN = Math.floor(nm.substring(nm.lastIndexOf('_') + 1, nm.length));
	var elemBase = document.getElementById('TabGroup_' + groupN);
	
	if (tabN == 1) {
		doAwayEvents(nRegionID);
	} else if(tabN == 2) {
		doHomeEvents();
	} else if(tabN == 3) {
		doDreamteam();
	}
	
	for(var i=1; i <= Math.floor(elemBase.TabLength); i++) {
		var elem = document.getElementById('Tab_' + groupN + "_" + i);
		var elemContent = document.getElementById('TabContent_' + groupN + "_" + i);
		var cssName = elem.className;
		var cName = cssName.indexOf('_ON') < 0 ? cssName.substring(cssName.indexOf('_')+1,cssName.length) : cssName.substring(cssName.indexOf('_')+1, cssName.length - 3);
		
		if(i == tabN) {
			elem.className = cssName.substring(0,cssName.indexOf('_')+1) + cName + "_ON";
			if (elemContent.style.display == 'none') {
				elemContent.style.display = 'block';
			}
			else if (elemContent.style.visibility == 'hidden') {
				elemContent.style.visibility = 'visible';
			}
			

		} else {
			elem.className = cssName.substring(0,cssName.indexOf('_')+1) + cName;
			
			if (elemContent.style.display == 'block') {
				elemContent.style.display = 'none';
			}
			else if (elemContent.style.visibility == 'visible') {
				elemContent.style.visibility = 'hidden';
			}
		}
	}
	
	if(elemBase.TabChanged != null) {
		elemBase.TabChanged();
	}
}