var combodropimage='/images/downarrow.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, selectwidth, optionwidth, id){
	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('<a href="Javascript:cc(\'' +selectid + '\',\'' + i + '\' );" id="' + selectbox.options[i].value + '">'+selectbox.options[i].text+'</a>')
//		document.write('<a href="Javascript:void(0);'+selectbox.options[i].value+'">'+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.onmouseover=function(){
		this.getElementsByTagName("div")[0].style.display="block"
	}
	dhtmlselectbox.onmouseout=function(){
		this.getElementsByTagName("div")[0].style.display="none"
	}
	cc(selectid, id);
}

function cc(selectid, id){
	var dhtmlselectbox=document.getElementById("dhtml_"+selectid)
	dhtmlselectbox.getElementsByTagName("div")[0].style.display="none"; 
	var my = document.getElementById("dhtml_"+selectid);
	switch (id){
		case "1": 
			my.style.backgroundImage = "url('/images/button_b.gif')";
			document.forms.s.type.value = 2;
			if (document.getElementById('search_text')){
				if (document.forms.s.s.value.indexOf("Type hier") == 0){
					document.forms.s.s.value = 'Type hier naam bedrijf in';		
				}
			}
			break;
		case "2": 
			my.style.backgroundImage = "url('/images/button_s.gif')";
			if (document.getElementById('search_text')){
				if (document.forms.s.s.value.indexOf("Type hier") == 0){
					document.forms.s.s.value = 'Type hier naam sector in';
				}									
			}
			document.forms.s.type.value = 3;
			break;
		default : 			
			my.style.backgroundImage = "url('/images/button_n.gif')";
			if (document.getElementById('search_text')){
				if (document.forms.s.s.value.indexOf("Type hier") == 0){
					document.forms.s.s.value = 'Type hier CAO naam in';		
				}									
			}
			document.forms.s.type.value = 1;
	}
	
}
