var XButton = { };

XButton.Click = function(sContainerName, sFunctionName, nAction, Image){
	
	if(Image.getAttribute('Active') == 0){
		XButton.CheckCaller(sContainerName, Image);
		XContainer.FillContainer(sContainerName, sFunctionName, Image, nAction);
	}else{
		XContainer.EmptyContainer(sContainerName, sFunctionName, Image);
	}
	
	XButton.SetState(Image);
}

XButton.SetState = function(Image){

	if(Image.getAttribute('Active') == 1){
		XButton.DeActivate	(Image);
		Image.setAttribute('Active', '0');
	}else{
		XButton.Activate	(Image);
		Image.setAttribute('Active', '1');
	}
}

XButton.MouseOver = function(Image){

	if(Image.getAttribute('Active') == 0){
		
		Image.src = Image.getAttribute('ActiveImageUrl');
	}else{
		Image.src = Image.getAttribute('ImageUrl');
	}
}

XButton.MouseOut = function(Image){

	if(Image.getAttribute('Active') == 0){
		Image.src = Image.getAttribute('ImageUrl');
	}else{
		Image.src = Image.getAttribute('ActiveImageUrl');
	}
}

XButton.Activate = function(Image){
	if(Image.tagName == "IMG"){
		Image.src = Image.getAttribute('ActiveImageUrl');
	}
}

XButton.DeActivate = function(Image){
	
	if(Image.tagName == "IMG"){
		Image.src = Image.getAttribute('ImageUrl');
	}
}

XButton.CheckCaller = function(sContainerID, Image){
	var Container = document.getElementById(sContainerID);
	var CallerName;
	CallerName = Container.getAttribute('CallerName');
	if(CallerName != null && CallerName != ''){
		if(CallerName != Image.id){
			XButton.SetState(document.getElementById(CallerName));
		}
	}
}