var combodropimage='images/downCombo.png' //path to "drop down" image
var combodropimageW ='images/downCombo_white.png' //path to "drop down" image
var combodropoffsetY=0 //offset of drop down menu vertically from default location (in px)

function fnImgClick(val){
var dhtmlselectboxHover=document.getElementById("dhtml_"+val);
dhtmlselectboxHover.getElementsByTagName("div")[0].style.display="block"
}

function fnImgHover(val){
var dhtmlImgHover=document.getElementById("dImg_"+val);
dhtmlImgHover.src = combodropimageW;
}

function fnImgHout(val){
var dhtmlImgHout=document.getElementById("dImg_"+val);
dhtmlImgHout.src = combodropimage;
}

function dhtmlselect(selectid, combozindex){
	
	var selectbox=document.getElementById(selectid)

	document.write('<div id="dhtml_'+selectid+'" class="dhtmlselect"><span id="dSpan_'+selectid+'"></span> <span onfocus=blur; style=text-decoration:none; onmouseover=fnImgHover("'+selectid+'");return false; onmouseout=fnImgHout("'+selectid+'");return false; onclick=fnImgClick("'+selectid+'");><img id="dImg_'+selectid+'" name="dImg_'+selectid+'" class="downimage" src="'+combodropimage+'" /></span><div id="dropList_'+selectid+'" class="dropdown">')

	for (var i=0; i<selectbox.options.length; i++)
	document.write('<a onfocus=blur(); href=javascript:fnAssign_'+selectid+'("'+selectbox.options[i].value+'","'+selectbox.options[i].text+'");>'+selectbox.options[i].text+'</a>')
	document.write('</div></div>')
	
	selectbox.style.display="none"
	var dhtmlselectbox=document.getElementById("dhtml_"+selectid)
	var dhtmldropList=document.getElementById("dropList_"+selectid)
	dhtmlselectbox.style.zIndex=combozindex;
	dhtmldropList.style.zIndex=combozindex;

	dhtmlselectbox.getElementsByTagName("div")[0].style.top=dhtmlselectbox.offsetHeight-combodropoffsetY+"px"
	if (combodropimage!="")
		dhtmlselectbox.getElementsByTagName("img")[0].style.left=dhtmlselectbox.offsetWidth+0+"px"
	
}