if(typeof(Controls) == 'undefined'){
	Controls = {};
}
if(typeof(Controls.TabControl) == 'undefined'){
	Controls.TabControl = {};
}

Controls.TabControl.ActiveTab = new Array();

Controls.TabControl.OnClick = function(obj, sID){
	Controls.TabControl.Init(obj.parentNode, sID);
	if(typeof(Controls.TabControl.ActiveTab[sID]) != "undefined"){
		Controls.TabControl.ChangeTabState(Controls.TabControl.ActiveTab[sID], false);
	}
	
	Controls.TabControl.ChangeTabState(obj, true);
	Controls.TabControl.ActiveTab[sID] = obj;
}

Controls.TabControl.ChangeTabState = function(obj, bToActive){
	var sName = "INACTIVE";
	var Display = "none";
	
	if(bToActive){
		sName = "ACTIVE";
		Display = "";
	}
	
	document.getElementById(obj.id + "_Content").style.display = Display;
	
	var CurrElement = obj.childNodes;
	for(var z = 0; z < CurrElement.length; z++){
		if(sName == CurrElement[z].getAttribute("name")){
			CurrElement[z].style.display = '';
		}else{
			CurrElement[z].style.display = 'none';
		}
	}
}

Controls.TabControl.ClearContent = function(sTabID){
	var Container = document.getElementById(sTabID + "_Content").parentNode;
	for(var z = 0; z < Container.childNodes.length; z++){
		if(Container.childNodes[z].style.display != "none"){
			Container.childNodes[z].style.display = "none";
		}
	}
}

Controls.TabControl.OnOver = function(obj){
	obj.style.backgroundColor = "#ff0000";
}

Controls.TabControl.OnOut = function(obj){
	obj.style.backgroundColor = "#00ff00";
}

Controls.TabControl.Init = function(obj, sID){
	Controls.TabControl.ClearContent(sID);
	var Current = null;
	for(var z = 0; z < obj.childNodes.length; z++){
		Current = obj.childNodes[z];
		
		for(var x = 0; x < Current.childNodes.length; x++){
			if(Current.childNodes[x].getAttribute("name") == "ACTIVE" && Current.childNodes[x].style.display != 'none'){
				Controls.TabControl.ActiveTab[sID] = Current;
				return true;
			}
		}
	}
	
	return false;
}