$(document).ready(function() {
    $("#LanguagesPullDown").hide();
    var lang = $("#lang").val();
    var placeholder = "Søk etter ord eller uttrykk";
    var initialText = $("#AvailbleLanguages div div a span[mnemonic=" + lang + "]").parent().html();
    if (initialText == null) {
        initialText = '<img class="flag" src="/public/images/flags/en.png" alt=""><span class="value" mnemonic="en">engelsk</span>';
    }
    $("#languageSelection a").html(initialText);

    $("#languageSelection ").click(function() {
        //$("#LanguagesPullDown").toggle();
        if ($("#LanguagesPullDown").is(':visible')) {
            $("#LanguagesPullDown").hide();
            $("#dropdown").css("z-index", "0");
        }
        else {
            $("#LanguagesPullDown").show();
            $("#dropdown").css("z-index", "5");
        }

    });
            
    $("#AvailbleLanguages div div a").click(function() {
        var text = $(this).html();
        $("#languageSelection a").html(text);
        $("#lang").val( $("span", this).attr('mnemonic'));
        $("#LanguagesPullDown").hide();
        $("#dropdown").css("z-index", "0");
        if ($("#searchstring").val() == placeholder) {
            $("#searchstring").val("");
        }
        $('#searchform').submit();

//        if ($("#searchstring").val() != placeholder) {
//            $('#searchform').submit();
//        }
    });
                        
    function getSelectedValue(id) {
        var text = $("#" + id).find("dt a span.value").html();
        alert(text);
        if (text == "") {
            text = '<img class="flag" src="/public/images/flags/no.png" alt=""><span class="value" mnemonic="no">norsk</span>';
        }
        return $("#" + id).find("dt a span.value").html();
    }

    $(document).bind('click', function(e) {
        var $clicked = $(e.target);
        if (! $clicked.parents().hasClass("dropdown")) {
            $("#LanguagesPullDown").hide();
            $("#dropdown").css("z-index", "0");
        }
    });

});