/*
* jquery collapsible panel v1.0
*
* Copyright (c) 2011 Karthik Ananthapadmanaban
* Dual licensed under the MIT and GPL licenses.
* http://docs.jquery.com/License
*
* Date: 09-08-2011
*
*/
(function ($) {
    $.fn.partialcollapsiblepanel = function (options) {

        var settings = {
            'contentHeight': 0,
            'animateSpeed': 500,
            'enableHeaderImage': false,
            'contentClass': 'DNN_ANN_Description',
            'headerImageClass': 'imgExpandCollapse',
            'expandedImageUrl': '',
            'collapsedImageUrl': '',
            'padHeader': false,
            'padContent': false
        };

        $.extend(settings, options);

        return this.each(function () {
            var $cpHeader = $(this);
            $cpHeader.css('cursor', 'pointer');

            if (settings.padHeader) {
                $cpHeader.css('padding', '2px 2px 2px 2px');
            }

            var $img = null;
            if (settings.enableHeaderImage) {
                $img = $cpHeader.find('img.' + settings.headerImageClass);
            }

            var $cpContent = $cpHeader.next('.' + settings.contentClass);
            $cpContent.css('height', settings.contentHeight + 'px').css('overflow-y', 'hidden');

            if (settings.padContent) {
                $cpContent.css('padding', '2px 2px 2px 2px');
            }

            $cpHeader.click(function () {
                var element = $cpContent;
                var height = $(element).height();

                if (height <= settings.contentHeight) {
                    // using 'attr' wouldn't be fine, since it wouldn't work in chrome
                    var height2 = $(element).prop('scrollHeight');
                    $(element).animate({ height: height2 + 'px' }, settings.animateSpeed);
                    if (settings.enableHeaderImage) {
                        var imgUrl = $img.attr('src');
                        imgUrl = imgUrl.replace(settings.expandedImageUrl, settings.collapsedImageUrl);
                        $img.attr('src', imgUrl);
                    }
                }
                else {
                    $(element).animate({ height: settings.contentHeight + 'px' }, settings.animateSpeed);
                    if (settings.enableHeaderImage) {
                        var imgUrl = $img.attr('src');
                        imgUrl = imgUrl.replace(settings.collapsedImageUrl, settings.expandedImageUrl);
                        $img.attr('src', imgUrl);
                    }
                }
            });
        });
    };
})(jQuery);