var combodropimage='images/downbox.gif' //path to "drop down" image
var combozindex=100

if (combodropimage!="")
	combodropimage='<img class="downimage" src="'+combodropimage+'" width="18" height="18" title="Válassz a listából" />'

function dhtmlselect(selectid, formname, selectwidth, optionwidth){
	var selectbox=document.getElementById(selectid)
	document.write('<div id="dhtml_'+selectid+'" class="dhtmlselect"><div id="dhtmlselect_button'+selectid+'" class="dhtmlselect" style="position:absolute; left:0px; top:0px; margin:0px; padding:0px; background-image: url(none); 	background-color: transparent;"></div><div id="dhtml_1_'+selectid+'"><span id="'+selectid +'_i">' + selectbox.title + '</span> '+combodropimage+'</div><div class="dropdown" id="dhtml_2_'+selectid+'">')
	for (var i=0; i<selectbox.options.length; i++)
		document.write('<a href="javascript:;" onclick="document.getElementById(\'' + selectid + '_i\').innerHTML=\''+ selectbox.options[i].text +'\'; document.'+formname+'.' + selectid + '.value=\''+ selectbox.options[i].value +'\'">' + selectbox.options[i].text + '</a>')
	document.write('</div></div>')
	selectbox.style.display="none"
	var dhtmlselectbox=document.getElementById("dhtml_"+selectid)
	var selbox_1=document.getElementById("dhtml_1_"+selectid)
	var selbox_2=document.getElementById("dhtml_2_"+selectid)
	var selbut=document.getElementById("dhtmlselect_button"+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"

	selbut.onclick=function(){
		selbox_2.style.display="block"
	}
//	selbox_1.onclick=function(){
//		selbox_2.style.display="block"
//	}
	selbut.onmouseout=function(){
		setTimeout("", 1000);
		selbox_2.style.display="none"
	}

	dhtmlselectbox.onmouseout=function(){
		setTimeout("", 1000);
		selbox_2.style.display="none"
	}
	selbox_2.onmouseover=function(){
		setTimeout("", 1000);
		selbox_2.style.display="block"
	}

	selbox_2.onclick=function(){
		selbox_2.style.display="none"
	}
}

function dhtmlselectTermekCsalad(selectid, formname, selectwidth, optionwidth){
	var selectbox=document.getElementById(selectid)
	document.write('<div id="dhtml_'+selectid+'" class="dhtmlselect"><div id="dhtmlselect_button'+selectid+'" class="dhtmlselect" style="position:absolute; left:0px; top:0px; margin:0px; padding:0px; background-image: url(none); 	background-color: transparent;"></div><div id="dhtml_1_'+selectid+'"><span id="'+selectid +'_i">' + selectbox.title + '</span> '+combodropimage+'</div><div class="dropdown" id="dhtml_2_'+selectid+'">')
	for (var i=0; i<selectbox.options.length; i++)
		document.write('<a href="javascript: onTermekcsaladChange();" onclick="document.getElementById(\'' + selectid + '_i\').innerHTML=\''+ selectbox.options[i].text +'\'; document.'+formname+'.' + selectid + '.value=\''+ selectbox.options[i].value +'\'">' + selectbox.options[i].text + '</a>')
	document.write('</div></div>')
	selectbox.style.display="none"
	var dhtmlselectbox=document.getElementById("dhtml_"+selectid)
	var selbox_1=document.getElementById("dhtml_1_"+selectid)
	var selbox_2=document.getElementById("dhtml_2_"+selectid)
	var selbut=document.getElementById("dhtmlselect_button"+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"

	selbut.onclick=function(){
		selbox_2.style.display="block"
	}
//	selbox_1.onclick=function(){
//		selbox_2.style.display="block"
//	}
	selbut.onmouseout=function(){
		setTimeout("", 1000);
		selbox_2.style.display="none"
	}

	dhtmlselectbox.onmouseout=function(){
		setTimeout("", 1000);
		selbox_2.style.display="none"
	}
	selbox_2.onmouseover=function(){
		setTimeout("", 1000);
		selbox_2.style.display="block"
	}

	selbox_2.onclick=function(){
		selbox_2.style.display="none"
	}
}

function aa(selectid) {
document.getElementById("dhtml_2_"+selectid)
}