function ClassButton()
{

	this.Initialize = function()
	{
		var buttons = document.getElementsByTagName("div");
		for (var i=0; i<buttons.length; i++)
		{
			if(buttons[i].className == 'button')
			{
				this.AddEvent(buttons[i], "mouseover", function(evt) { return ButtonOver(evt); }, true);
				this.AddEvent(buttons[i], "mouseout", function(evt) { return ButtonOut(evt); }, true);
			}
		}
	}
	
	this.AddEvent = function(obj, evType, fn, useCapture)
	{
		if(obj!=null)
		{
			if(obj.addEventListener)
			{
				obj.addEventListener(evType, fn, useCapture);
				return true;
			}
			else if(obj.attachEvent)
			{
				obj.attachEvent("on" + evType, fn);
				return true;
			}
		}
		return false;
	}
	
	this.IncPadding = function(elem)
	{
		var parentElem = elem.parentNode;
		if(parentElem.id != '')
		{
			parentElem.style.marginTop = 1 + 'px';
			parentElem.style.marginLeft = 1 + 'px';
		}
		else
		{
			if(parentElem.parentNode != '')
			{
				parentElem.parentNode.style.marginTop = 1 + 'px';
				parentElem.parentNode.style.marginLeft = 1 + 'px';
			}
		}
	}
	
	this.DecPadding = function(elem)
	{
		var parentElem = elem.parentNode;
		if(parentElem.id != '')
		{
			parentElem.style.marginTop = 0 + 'px';
			parentElem.style.marginLeft = 0 + 'px';
		}
		else
		{
			if(parentElem.parentNode != '')
			{
				parentElem.parentNode.style.marginTop = 0 + 'px';
				parentElem.parentNode.style.marginLeft = 0 + 'px';
			}
		}
	}
}

function ButtonOver(evt)
{
	var elem = (evt.target) ? evt.target : evt.srcElement;
	Button.IncPadding(elem);
	return true;
}

function ButtonOut(evt, id)
{
	var elem = (evt.target) ? evt.target : evt.srcElement;
	Button.DecPadding(elem);
	return true;
}