var dragButton = Class.create();

dragButton.prototype = 
{
	initialize: function(e) 
	{
		this.e = e;
		this.setEvents(e);
	},
	
	doRequest: function()
	{
	},
	
	afterRequest: function(t)
	{
	},
	
	updateAfterRequest: function()
	{
	},
	
	setEvents: function(e)
	{
		Event.observe(e, 'mouseover', this.doMouseover.bindAsEventListener(this), false);
		Event.observe(e, 'mouseout', this.doMouseout.bindAsEventListener(this), false);
		Event.observe(e, 'click', this.doClick.bindAsEventListener(this), false);
		
		e.onclick = function()
		{
			return false;
		};	
		
		e.onmouseover = function()
		{
			return false;
		};
		
		e.onmouseout = function()
		{
			return false;
		};
	},
	
	doClick: function()
	{
		this.doRequest();
		this.e.blur();
	},
	
	doMouseover: function()
	{
		this.e.style.backgroundColor = '#eeeeee';
		this.e.style.cursor = 'ns-resize';
	},
	
	doMouseout: function()
	{
		this.e.style.backgroundColor = '#ffffff';
	}
	
}
	
function initDragButton()
{
	buttons = document.getElementsByClassName('dragButton');
	for(i = 0; i < buttons.length; i++)
	{
		button = new dragButton(buttons[i]);
	}	
}