$(document).ready(function() {
            createDropDown();
            $(".dropdown dt a").click(function() {
                $(".dropdown dd .dd_top").toggle();
				
            });
            $(document).bind('click', function(e) {
                var $clicked = $(e.target);
                if (! $clicked.parents().hasClass("dropdown"))
                    $(".dropdown dd .dd_top").hide();
            });                      
            $(".dropdown dd ul li a").click(function() {
                var text = $(this).html();
                $(".dropdown dt a").html(text);
                $(".dropdown dd .dd_top").hide();
                var source = $("#selectbox");
                source.val($(this).find("span.value").html())
            });
        });
        function createDropDown(){
            var source = $("#selectbox");
            var selected = source.find("option[selected]");
            var options = $("option", source);
            $(".switch").append('<dl id="target" class="dropdown"></dl>')
            $("#target").append('<dt><a href="#">' + selected.text() + 
                '<span class="value">' +  
                '</span></a></dt>')
            $("#target").append('<dd><div class="dd_top"><div class="dd_bottom"><div class="dd"><ul></ul></div></div></div></dd>')
            options.each(function(){
                $("#target dd ul").append('<li><a href="' + $(this).val() + '">' + 
                    $(this).text() + '<span class="value">' + 
                     '</span></a></li>');
            });
			$("ul#menu li.switch").remove("select#selectbox option");
			$(".dropdown dd .dd_top").hide();
			$(".dropdown dd ul li:first-child").hide();
        }