$(document).ready(function()
{
    $(".dropdown img.flag").addClass("flagvisibility");
    $(".dropdown dt a").click(function(){ $(".dropdown dd ul").toggle(); });

    $(".dropdown dd ul li a").click(function()
    {
        var text = $(this).html();
        $(".dropdown dt a span").html(text);
        $(".dropdown dd ul").hide();
        $("#result").html("Selected value is: " + getSelectedValue("sample"));
    });

    function getSelectedValue(id)
    {
        return $("#" + id).find("dt a span.value").html();
    }

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


    $("#flagSwitcher").click(function()
    {
        $(".dropdown img.flag").toggleClass("flagvisibility");
    });
});