$.ajaxSetup({ cache: false });

$.fn.collapse = function () {
    function setCookie(key, value) {
        $.cookie(key, value + "", { path: '/' });
    }

    function getCookie(value) {
        return $.cookie(value);
    }

    var $el = $(this);

    $el.click(function (e) {
        collapse($el);
    });

    function collapse($el) {
        if ($el.is("img.collapse")) {
            var $container = $('#' + $el.attr("rel"));
            var $body = $('.collapse-body', $container);

            var collapsed = $el.attr("src").indexOf("_0.jpg") > -1;
            if (collapsed) {
                $body.slideUp();
                $('.hide-when-collapsed', $container).fadeOut();
            } else {
                $body.slideDown();
                $('.hide-when-collapsed', $container).fadeIn();
            }

            $el.attr("src", "/images/collapse_" + (collapsed ? "1" : "0") + ".jpg");
            $('.collapse-indicator', $container).toggle(collapsed);

            setCookie("collapse-" + $container.attr("id"), collapsed);
            return false;
        }
    }

    // See if we need to collapse, if so, auto collapse it!
    if ($el.attr("class").indexOf("forceopen") == -1) {
        var cookie = getCookie("collapse-" + $el.attr("rel"));
        if (cookie != null && cookie == "true") {
            collapse($(this));
        }
    }
}

$(function () {
    $('img.collapse').each(function () {
        $(this).collapse();
    });
});