var combodropimage='images/downbox.gif' //path to "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){
	var selectbox=document.getElementById(selectid);
	selectbox.title = selectbox.options[selectbox.selectedIndex].text;
	document.write('<div id="dhtml_'+selectid+'" class="dhtmlselect">'+selectbox.title+" "+combodropimage+'<div class="dropdown">');
	for (var i=0; i<selectbox.options.length; i++){
		var htmlStr = '<a href="javascript:void(null)" onclick="setValue('+i+','+unescape("%27")+selectid+unescape("%27")+')">'+selectbox.options[i].text+'</a>';
		//alert(htmlStr);
		document.write(htmlStr);
	}
	document.write('</div></div>');
	selectbox.style.display="none";
	var dhtmlselectbox=document.getElementById("dhtml_"+selectid);
	dhtmlselectbox.style.zIndex=combozindex;
	combozindex--;
	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";
	}
}

function setValue(i, selectid){
    var selectbox=document.getElementById(selectid);
    selectbox.options[i].selected=true
    selectbox.onchange();
}