function listbox_replacement(listbox)
{

	listbox_replacement.id = listbox_replacement.id ||0;
	listbox_replacement.id++;

	listbox.runtimeStyle.behavior="none";
	var ib = new Image(listbox.offsetWidth,1);//inline_block
	listbox.parentNode.appendChild(ib);
	listbox.style.position="absolute";
	listbox.style.zIndex=100;


	var rm = document.createElement("div");//replacement
	rm.className="listbox_replacement";
	rm.id = "listbox_replacement" + listbox_replacement.id;
	rm.listbox = listbox;
	rm.style.zIndex=10;
	rm.innerHTML = "<div onselectstart='return false;' onmouseover='listbox_replacement_hide(\""+rm.id+"\")'></div><button onmouseover='listbox_replacement_hide(\""+rm.id+"\");return false;' onkeydown='listbox_replacement_hide(\""+rm.id+"\");return false;'></button><label onmouseover='listbox_replacement_hide(\""+rm.id+"\");return false;'>6</label>";
	listbox.parentNode.appendChild(rm);
	
	rm.show = listbox_replacement_show;
	rm.hide = listbox_replacement_hide; 

	rm.onmouseover = listbox_replacement_hide;
	
	listbox.hide =  function(){rm.show(listbox.selectedIndex);return false;};
	listbox.onmouseover =function(){};
	listbox.onmouseout =  function(){rm.show(listbox.selectedIndex);return false;};
	listbox.onchange =  function(){ rm.show(listbox.selectedIndex,true);return false;};
	listbox.onblur =  function(){rm.show(listbox.selectedIndex,true);return false;};
	listbox.onkeyup =  function(){rm.show(listbox.selectedIndex,true);return false;};
	rm.show();
}

function listbox_replacement_show(selectedIndex,resetHTML)
{
 var rm =this ;
 var listbox =  rm .listbox;
 selectedIndex = selectedIndex || listbox.selectedIndex;

 var ie6 = (document.implementation!=null && document.implementation.hasFeature!=null);
 var paddingW = (ie6)?6:0;
 var paddingH = (ie6)?5:0;
 
 try{

 rm.style.width = listbox.offsetWidth -paddingW+"px";
 rm.style.height =listbox.offsetHeight -paddingH +"px";
 rm.parentNode.style.width =  rm.style.width;//he he, inline-element can have dimension for IE5.5-
 rm.parentNode.style.height =  rm.style.height;//he he, inline-element can have dimension for IE5.5-
 }
 catch(e){}

 rm.all.tags("div")[0].innerHTML =  listbox.options[selectedIndex].innerHTML;
 if(!resetHTML) {listbox.style.posTop=-5000;}
}

function listbox_replacement_hide(id)
{
	var el = (id!=null)?document.all(id):this;
	var listbox = el.listbox;
	listbox.style.posTop=0;
	listbox.focus();
}