$(document).ready(function () {
    // Init
    initTopPanel();

    // Expand Panel
    $("#openLogin").click(function () {
        CollapseAll();
        $("div#panelLogin").slideDown("slow");
        $("#toggleLogin a").toggle();
    });
    $("#openSearch").click(function () {
        CollapseAll();
        $("div#panelSearch").slideDown("slow");
        $("#toggleSearch a").toggle();
    });
    $("#openTranslate").click(function () {
        CollapseAll();
        $("div#panelTranslate").slideDown("slow");
        $("#toggleTranslate a").toggle();
    });

    $("#openNews").click(function () {
        CollapseAll();
        $("div#panelNews").slideDown("slow");
        $("#toggleNews a").toggle();
    });

    $("#openContactUs").click(function () {
        CollapseAll();
        $("div#panelContactUs").slideDown("slow");
        $("#toggleContactUs a").toggle();
    });

    // Collapse Panel
    $(".close").click(function () {
        CollapseAll();
    });

    function initTopPanel() {
        $("#toppanel").show();
        $("#GoogleSearch").hide();
        $(".close").hide();
    }

    // Helpers
    function CollapseAll() {
        $(".ddPanel").slideUp("slow");
        ToggleAll();
    }

    function ToggleAll() {
        $(".close").hide();
        $(".open").show();
    }
});