$(document).ready(function() {
            $(".dropdownLang img.flag").addClass("flagvisibility");

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

            $(".dropdownLang dd ul li a").click(function() {
                var text = $(this).html();
                //$(".dropdown dt a span").html(text);
                $(".dropdownLang 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("dropdownLang"))
                    $(".dropdownLang dd ul").hide();
            });


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

var timeout         = 500;
var closetimer      = 0;
var ddmenuitem      = 0;

function jsddm_open()
{	jsddm_canceltimer();
	jsddm_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

function jsddm_close()
{	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{	closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{	if(closetimer)
	{	window.clearTimeout(closetimer);
		closetimer = null;}}

$(document).ready(function()
{	$('#jsddm > li').bind('mouseover', jsddm_open);
	$('#jsddm > li').bind('mouseout',  jsddm_timer);});

document.onclick = jsddm_close;