var combodropimage=''; //"drop down" image
var combodropoffsetY=2; //offset of drop down menu vertically from default location (in px)
var combozindex=100;

//if (combodropimage!="") combodropimage='<img class="downimage" src="'+combodropimage+'" title="Select an option" />';

function dhtmlselect(selectid, selectwidth, optionwidth){
	var selectbox=document.getElementById(selectid);
	document.write('<div id="dhtml_'+selectid+'" class="dhtmlselect" >'+selectbox.title+" "+combodropimage+'<div class="dropdown">')
	for (var i=0; i<selectbox.options.length; i++)
		document.write('<span href="" onclick="value(\''+selectbox.options[i].value+'\',\''+selectid+'\')">'+selectbox.options[i].text+'</span>') //'+selectbox.options[i].value+'
	document.write('</div></div>');
	selectbox.style.display="none";
	var dhtmlselectbox=document.getElementById("dhtml_"+selectid)
	dhtmlselectbox.style.zIndex=combozindex;
	combozindex--;
	if (typeof selectwidth!="undefined")
		dhtmlselectbox.style.width=selectwidth
	if (typeof optionwidth!="undefined")
		dhtmlselectbox.getElementsByTagName("div")[0].style.width=optionwidth
	dhtmlselectbox.getElementsByTagName("div")[0].style.top=dhtmlselectbox.offsetHeight-combodropoffsetY+"px"
	if (combodropimage!="")
		dhtmlselectbox.getElementsByTagName("img")[0].style.left=dhtmlselectbox.offsetWidth+3+"px"
	dhtmlselectbox.onmouseover=function(){
		this.getElementsByTagName("div")[0].style.display="block"
	}
	dhtmlselectbox.onmouseout=function(){
		this.getElementsByTagName("div")[0].style.display="none"
	}
}