// usage 
//	<div style="position:relative;style:width:100%;height:(x)px;" >
// 		<select name=a id=a ><option>...</otpion></select>
// 		<script type='text/javascript'>				
//			selectdesigner(height, width, top, left, "imageurl", "selectID", "bgcsscolor", "cssborder", direction(true-up, false-down) );
//		</script>
//</div>

var ki,tmp,no;

function selectdesigner(height, width, top, left, imageurl, selID, bgcolor, border, irany){

	var action = "document.getElementById('"+selID+"').form.submit()";
	var oldsel = document.getElementById(selID);
	var oldoptions = oldsel.getElementsByTagName("option");
	var selected =oldsel.options[oldsel.selectedIndex].text;
	
	oldsel.style.visibility="hidden";
	//oldsel.style.display="none";
	
	var vissza=0;
	var topborder="";
	if(irany){
		vissza=oldoptions.length*15;
		topborder = "border-top:"+border+";";
	}
	
	if (selID=='srcin') action = "";
	
	 if (navigator.appName=="Microsoft Internet Explorer"&&selID=='srcin'){
		top += 5;
		width-=0;
	 }

	
	var newoptions="";
	
	for (var i=0;i<oldoptions.length;i++){
		newoptions +="<div onmouseover=\"ki=false;\" value=\""+oldoptions[i].value+"\" onclick=\" document.getElementById('"+selID+"des').style.display='none';  if (this.getAttribute('value')!=document.getElementById('"+selID+"newselect').innerHTML){ document.getElementById('"+selID+"newselect').innerHTML=this.innerHTML; document.getElementById('"+selID+"').getElementsByTagName('option')["+i+"].selected='selected'; "+action+" }\" onmouseout=\"ki = true; tmp='"+selID+"des'; no='none'; window.setTimeout(' if (ki) document.getElementById(tmp).style.display=no;',300);\"   style='cursor:pointer; width: "+width+"px;padding-left:2px' >"+oldoptions[i].text+"</div>";
	}
	
	document.write("<div style='position:absolute;left:"+left+"px;top:"+top+"px'><table cellspacing=\"0\" cellpadding=\"0\" width=\"2\" height=\""+height+"\" style='padding:0px;margin:0px;display:inline;width:2px;height:"+height+"px;' ><tr><td valign=\"top\" style='width:"+width+"px;height:"+height+"px;margin-top:0px;' >&nbsp;"+
	"<div  onclick=\"document.getElementById('"+selID+"').value=this.value;\"  onmouseout='ki = true; tmp=\""+selID+"des\"; no=\"none\"; window.setTimeout(\" if (ki) document.getElementById(tmp).style.display=no;\",300);' style='font-size:12px;display:inline;width:"+width+"px;height:"+height+"px;position:relative;' >&nbsp;<div style='height:"+height+"px;width:"+width+"px;position:absolute;top:0px;left:0px;' ><div style='position:absolute;top:2px;left:3px;cursor:pointer' id=\""+selID+"newselect\" onclick='if (document.getElementById(\""+selID+"\"+\"des\").style.display==\"none\") {document.getElementById(\""+selID+"\"+\"des\").style.display=\"block\";}else{document.getElementById(\""+selID+"\"+\"des\").style.display=\"none\";} ' >"+selected+"</div><img style='cursor:pointer' onclick='if (document.getElementById(\""+selID+"\"+\"des\").style.display==\"none\") {document.getElementById(\""+selID+"\"+\"des\").style.display=\"block\";}else{document.getElementById(\""+selID+"\"+\"des\").style.display=\"none\";} ' src='"+imageurl+"' />"+
	"&nbsp;<div style='display:none;position:absolute;left:0px;top:"+(height-vissza)+"px;height:"+(oldoptions.length*15)+"px;width:"+(width-2)+"px;background: "+bgcolor+";"+topborder+"border-left:"+border+";border-bottom:"+border+";border-right:"+border+";' id=\""+selID+"des\" >"+
	newoptions+
	"</div></div></div></td></tr></table>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>");
	
}