var combodropimage='images/sub_arrow.png' //path to "drop down" image
var combodropoffsetY=142 //offset of drop down menu vertically from default location (in px)
var combozindex=100
var showFlag = true;

if (combodropimage!="")
	combodropimage='<img src="'+combodropimage+'" title="Select Year" align="absbottom" />'

function dhtmlselect(selectid, selectwidth, optionwidth){
	var selectbox=document.getElementById(selectid)
	var dSelected = 'Select Year ';
	document.write('<div id="dhtml_'+selectid+'" class="dhtmlselect">'+dSelected+combodropimage+'<div class="dropdown" id="dropdown">')		
	for (var i=0; i<selectbox.options.length; i++)
		document.write('<a href="'+selectbox.options[i].value+'" target="_parent">'+selectbox.options[i].text+'</a>')
	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.onclick=function(){
		if(showFlag == true) {
			showFlag = false;
			this.getElementsByTagName("div")[0].style.display="block"
		}
		else {
			showFlag = true;
			this.getElementsByTagName("div")[0].style.display=""
		}
	}	
}