function langMenuBehaviour(visState) {
    if (visState == 0) {
        // Menu currently hidden. It was clicked so show menu.
        $("div#lang-selection ul#extra-langs").slideDown(300);
        $("div#lang-selection").addClass("highlight");
        langMenuVisibility = 1;

    } else if (visState == 1) {
        // Menu currently shown. It was clicked so hide it.
        $("div#lang-selection ul#extra-langs").hide();
        $("div#lang-selection").removeClass("highlight");
        langMenuVisibility = 0;
    }
}

function loginMenuBehaviour(visState) {
    if (visState == 0) {
        // Menu currently hidden. It was clicked so show menu.
        $("div#candidate-login-hidden").slideDown(300);
        $("div#candidate-login").addClass("highlight");
        loginMenuVisibility = 1;
    }
}

// DOM ready.
$().ready(function() {
    langMenuVisibility = 0;
    loginMenuVisibility = 0;
    $("div#lang-selection ul#extra-langs").css({"display" : "none" });

    // Language selection menu.
    $("div#lang-selection").click(function() {
        langMenuBehaviour(langMenuVisibility);
    });

    $("div#lang-selection").bind("clickoutside", function(event){
        if (langMenuVisibility == 1) {
            $("div#lang-selection ul#extra-langs").slideUp(300, function() {
                $("div#lang-selection").removeClass("highlight");
            });

            langMenuVisibility = 0;
        }
    });

    // Login menu.
    $("div#candidate-login").click(function() {
        loginMenuBehaviour(loginMenuVisibility);
    });

    $("div#candidate-login").bind( "clickoutside", function(event){
        if (loginMenuVisibility == 1) {
            $("div#candidate-login-hidden").slideUp(300, function() {
                $("div#candidate-login").removeClass("highlight");
            });

            loginMenuVisibility = 0;
        }
    });
});