// JavaScript Document

registerObject("uiTextBox",uiTextbox);

function uiTextbox(object){
	
	object.getObject().style.overflow = "auto";
/*
<div style="overflow:auto; width:100px; height:50px; margin-bottom:-50px"></div> 
<div style="overflow:auto"> 
    <input type="text"/> 
</div> */
	//object.getObject().style.position = "relative";
	object.getObject().style.height = "50px";
	object.getObject().style.marginBottom = "-50px";
	//object.getObject().style.width="100px";
	object.ff_fix = document.createElement("div");
	object.ff_fix.style.overflow="hidden";
	object.getObject().appendChild(object.ff_fix);
	
	object.textbox = document.createElement("input");
	object.ff_fix.appendChild(object.textbox);
	/*
	object.onclick = function(){ 	 return true; };
	object.onmousedown = function(){ return true; };
	object.onmousemove = function(){ return true; };
	object.onmouseup = function(){   return true; };
	object.onmouseout = function(){  return true; };	  
	*/
	object.textbox.style.type="text";
	object.textbox.style.maxLength=50;
	
	object.onresize = function(){
		object.textbox.style.left  = object.getLeft()+"px";
		object.textbox.style.top   = object.getTop()+"px";
		object.textbox.style.width = object.getWidth()+"px";
		//object.textbox.style.height= object.getHeight()+"px";		
	}
	
	object.getValue = function(){
		return object.textbox.value;
	}
	
	object.setValue = function(value){
		object.textbox.value = value;	
	}
	object.onresize();
}