(function($){
	$.fn.CollapsibleHeaders = function(options) {
	   
		var defaults = {
			blCreateContents: false,
			blCreateHeaderNumber: false
		};
		
		var options = $.extend(defaults, options);

        return this.each(function(i) {
            obj = $(this);
            
            var contentHtml;
            
            if(options.blCreateHeaderNumber) 
            { 
                var sDummy = obj.find("span").text();
                var sNumber = (i + 1).toString(); 
                if(sNumber.length == 1) { sNumber = "0" + sNumber; }
                obj.find("span").text(sNumber + " : " + sDummy); 
                //obj.find("span").html("<span class=\"cntNmbr\">" + sNumber + "</span>" + "<span class=\"cntDP\">:</span>" + "<span class=\"cntTXT\">" + sDummy + "</span>");   
                contentHtml = "<span class=\"cntNmbr\">" + sNumber + "</span>" + "<span class=\"cntDP\">:</span>" + "<span class=\"cntTXT\">" + sDummy + "</span>";
            }
            
            obj.removeClass('rCollapsible_header');
            obj.addClass('tutContentHeading_Closed ui-state-default');
            obj.attr("id", 'h' + i);
            
            var $next = obj.next('div');
            $next.addClass('tutContentBody');
            $next.attr("id", 'd' + i);
            
            obj.prepend("<span class=\"ui-icon ui-icon-triangle-1-e\" id='n" + i + "'></span>");
            
            // Add the click function
            obj.click(function() {
                ToggleDisplay(i);
            });

            // Set the width
            var substractWidth = 0;
            if ($.browser.msie) {
                substractWidth = 1;
            }
            if ($.browser.msie && navigator.userAgent.indexOf('Trident') !== -1) {
                /* IE 8  specific code goes here. */
                substractWidth = 1;
            }
            var newWidth = parseInt(obj.parent().width(), 10) - parseInt(obj.css("paddingLeft"), 10) - parseInt(obj.css("paddingRight"), 10) - (parseInt(obj.css("borderLeftWidth"), 10) || 0) - (parseInt(obj.css("borderRightWidth"), 10) || 0) - substractWidth;
            obj.width(newWidth);
            
            if(options.blCreateContents)
            {
                obj.html("<a name='cnt" + i + "'></a>" + obj.html());
                
                if(options.blCreateHeaderNumber) 
                {
                    // <a href="javascript:ToggleJumpAndOpen(17);">OPEN</a>
                    //$("#placeContentHere").append($("<li><a href='#cnt" + i + "'> " + contentHtml + "</a></li>"));
                    $("#placeContentHere").append($("<li><a href='javascript:ToggleJumpAndOpen(" + i + ")'> " + contentHtml + "</a></li>"));
                }
                else
                {
                    //$("#placeContentHere").append($("<li><a href='#cnt" + i + "'> " + obj.text() + "</a></li>"));
                    $("#placeContentHere").append($("<li><a href='javascript:ToggleJumpAndOpen(" + i + ")'> " + obj.text() + "</a></li>"));
                }
            }
            
        });
    };
})(jQuery);