var COOKIE_NAME = "collapse-view";


//-- Event handlers -----------------------------

$(function() {
    if ($.cookie(COOKIE_NAME) != null) $("#extra-services h2 a").click();
});

$("#extra-services h2 a").click(function() {
    var ctrl = $("#extra-services");
    var collapsed = ctrl.width() == 24;
    $.cookie(COOKIE_NAME, collapsed ? null : 1, { path: "/", expires: 365 });

    ctrl.animate(
        { "width": collapsed ? 225 : 24 }, "slow", null, function() {
            var collapsed = $(this).width() == 24;
            var css = {
                "background-image":
                    "url('fileadmin/templates/img/extra-services-header-" +
                    (collapsed ? "closed" : "opened") + ".gif')",
                "width": collapsed ? "5px" : null
            };
            if ($.browser.msie) {
                css["background-position-x"] = collapsed ? "left" : null;
                css["background-position-y"] = collapsed ? "top" : null;
            } else {
                css["background-position"] = collapsed ? "left top" : null;
            }
            $("h2 a", $(this)).css(css);
        }
    );
    $("#outer-box").animate({ "padding-right": collapsed ? 250 : 49 }, "slow");
});