//---------------------------------------------------------------------------------
//  (c) 2007 Guardian Networks, Inc
//---------------------------------------------------------------------------------

GNgui.SmallButton = Class.create();
GNgui.SmallButton.prototype = 
{
	initialize : function ( parentElement, left, top, id, text, positioning)
	{
		this.newdiv = $ce('span');
		$ac($e(parentElement),this.newdiv);

		this.newdiv.setAttribute('id',id);
this.newdiv.style.position='absolute';
		this.newdiv.className='smallbutton';
		$el(id,left);
		$et(id,top);
		this.newdiv.innerText = text;
		this.newdiv.onmouseover= function () 
		{
			$e(id).className="SmallButtonOver";
		}
		this.newdiv.onmouseout= function()
		{
			$e(id).className="SmallButton";
		}
		this.newdiv.onmousedown=function()
		{
			$e(id).className="SmallButtonDown";
		}
		this.newdiv.onmouseup=function()
		{
			$e(id).className="SmallButtonOver";
		}		
	},
	
	ID : function ()
	{
		return this.newdiv.id;
	},
	
	SetRelative : function()
	{
	  this.newdiv.style.position = 'relative';
	}		
}