var selectRel = null;
var selectBox = null;
var dropDownList = null;
var selectButton = null;
function DisplaySelect(id,select,rel)
{
	if(!event) var event = window.event;
	selectButton = event.target;
	if(!selectButton) selectButton = event.srcElement;
	if(dropDownList) $(dropDownList).hide();
	var elm = $(id);
	elm.parentNode.removeChild(elm);
	document.body.appendChild(elm);
	$(id).style.minWidth = ($(select).clientWidth+17) + "px"; 
	var ox = 1;
	var oy = 1;
	if(navigator.appName.match("Microsoft"))
	{
		ox = 2;
		oy = 2;
	}
	$(id).style.left = (findElementPosX($(select)) + ox) + "px";
	$(id).style.top = (findElementPosY($(select)) + $(select).clientHeight + oy) + "px";
	$(id).style.zIndex = 10000;
	$(id).style.display = $(id).style.display=="block"?"none":"block";
	selectRel = rel;
	selectBox = select;
	dropDownList = id;
	if(!event) var event = window.event;
	event.cancelBubble = true;
}

function SetSelectItem(item)
{
	$(selectRel).value = item.getAttribute("value");
	$(selectBox).innerHTML = item.getAttribute("text")?item.getAttribute("text"):item.innerText;
	$(dropDownList).hide();
}

Event.observe(window,'load',function()
{
	Event.observe(document.body,'click',function()
	{
    	if(!event) var event = window.event;
    	var element = event.srcElement;
    	if(!element)
    		element = event.target;
    	if(selectBox && $(selectBox)!=element && $(selectButton)!=element)
    		$(dropDownList).hide();
   	});
});