$(document).ready(function() {
            createDropDown();

            $(".dropdown dt a").click(function() {
                $(".dropdown dd ul").toggle();
            });

            $(document).bind('click', function(e) {
                var $clicked = $(e.target);
                if (! $clicked.parents().hasClass("dropdown"))
                    $(".dropdown dd ul").hide();
            });

            $(".dropdown dd ul li a").click(function() {
                var text = $(this).html();
                $(".dropdown dt a").html(text);
                $(".dropdown dd ul").hide();

                var source = $("#_lang");
                source.val($(this).find("span.value").html());
		document.forms["formsetlang"].submit();

		return false;
            });

        });


function createDropDown(){
	var source = $("#_lang");
	var selected = source.find("option[selected]");
	var options = $("option", source);

	$("body").append('<dl id="target" class="dropdown"></dl>')
	$("#target").append('<dt><a href="#">'  +
	'<img alt="'+selected.text()+'" src="'+PARAMS.THEMEURL+'/images/flag/'+selected.val()+'.png'+'" />&nbsp;'+
	selected.text()+
	'<span class="value">' + selected.val() +
	'</span></a></dt>')
	$("#target").append('<dd><ul></ul></dd>')

	options.each(function(){
	var source = $("#_lang")
	var selected = source.find("option[selected]");
	if (selected.val() ==$(this).val()) {
		}
	else {
		$("#target dd ul").append('<li><a href="#">' +
			'<img alt="'+$(this).text()+'" src="'+PARAMS.THEMEURL+'/images/flag/'+$(this).val()+'.png'+'" />&nbsp;'+
			$(this).text() + '<span class="value">' +
			$(this).val() + '</span></a></li>');
		}
	});
}