var dto = 500;
var did;

// showDDL - the <select> converter
function showDDL()
{
	$(".optsBox").hide();
	var optsBox = $(this).siblings(".optsBox");
	optsBox.show();
	optsBox.css({left:$(this).offset().left,top:$(this).offset().top+$(this).height()+1});
	if(optsBox.attr("widened")=="1") return;
	optsBox.attr("widened", "1");
	var mw = optsBox.children("a:first").width();
	//.each(function(){mw=Math.max(mw,$(this).width());});
	var w = optsBox.width();
	w = Math.max(Math.max(w, mw + 6), $(this).width());

	if(optsBox.width()!=w)
		optsBox.width(w);
}
function hideBoxes() { $(".optsBox").hide(); }
function changeDDL(val,ddl)
{
	var obj = $("." + ddl);
	//alert(obj.length);
	ddl.value = val;
	ddl.onchange();
}

$(function(){
	$("select").each(function(){
		var onclick = $(this).attr("onchange");
		if(onclick==null)
			onclick = "SubmitData(this.value);";
		else
		{
			onclick = onclick.toString();
			if(onclick.indexOf("{")>-1)
				onclick = onclick.substr(onclick.indexOf("{")+1);
			if(onclick.toLowerCase().indexOf("javascript:")>-1)
				onclick = onclick.substr(onclick.toLowerCase().indexOf("javascript:")+11);
			if(onclick.indexOf("}")>-1)
				onclick = onclick.substr(0, onclick.indexOf("}"));
			if(onclick.indexOf(";")>-1)
				onclick = onclick.substr(0, onclick.indexOf(";"));
			onclick = onclick.replace(/\t/g, "").replace(/\n/g, "").trim();
		}
		onclick = onclick.replace(/\"/g,"'");
		var opt = this.options[this.selectedIndex].innerHTML;
		var opts = "<div class=\"optsBox\" style=\"display:none;position:absolute;\">";
		$("option", this).each(function(){
			//opts += "<a href=\"JavaScript:changeDDL('" + this.value + "','ddl" + dc + "')\">" + this.innerHTML + "</a>";
			opts += "<a href=\"JavaScript:" + onclick.replace("this.value", "'" + this.value + "'").replace(/\' *\+ *\'/g, "") + "\">" + this.innerHTML + "</a>";
		});
		opts += "</div>";
		$(this).after(opts);
		//$(this).after(newBox);
		$(this).css({visibility:"hidden",display:"block",position:"absolute"});
	});
	$(".optsBox").each(function(){var c=$(this).children().length;if(c>20)$(this).css({height:($(this).height()/c)*20,overflow:"auto"});})
		.hover(function(){$(".optsBox").not(this).hide();clearTimeout(did);},function(){did = setTimeout("hideBoxes()",dto);});
	$(".tblBoxHolder").hover(function(){clearTimeout(did);$(".optsBox").not($(this).siblings(".optsBox")).hide();},function(){did = setTimeout("hideBoxes()",dto);});
	$(".tblBoxHolder").click(showDDL);
});