/*
 * jQuery Expander plugin
 * Version 0.4  (12/09/2008)
 * @requires jQuery v1.1.1+
 *
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 */


(function($) {

	$.fn.expander = function(options) {

		var opts = $.extend({}, $.fn.expander.defaults, options);
		var delayedCollapse;
		return this.each(function() {
			var $this = $(this);
			var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
		 	var cleanedTag, startTags, endTags;	
		 	var allText = $this.html();
		 	var startText = allText.slice(0, o.slicePoint).replace(/\w+$/,'');
		 	startTags = startText.match(/<\w[^>]*>/g);
			if (startTags) {startText = allText.slice(0,o.slicePoint + startTags.join('').length).replace(/\w+$/,'');}
			
			if (startText.lastIndexOf('<') > startText.lastIndexOf('>') ) {
				startText = startText.slice(0,startText.lastIndexOf('<'));
			}
			var endText = allText.slice(startText.length);
			// create necessary expand/collapse elements if they don't already exist
			if (!$('span.details', this).length) {
				// end script if text length isn't long enough.
				//if ( endText.replace(/\s+$/,'').split(' ').length < o.widow ) { return; }
				if ( endText.replace(/\s+$/,'').length < o.widow ) { return; }//modified by nary '11.08.18
				
				// otherwise, continue...
				if (endText.indexOf('</') > -1) {
					endTags = endText.match(/<(\/)?[^>]*>/g);
					for (var i=0; i < endTags.length; i++) {
						if (endTags[i].indexOf('</') > -1) {
							var startTag, startTagExists = false;
							for (var j=0; j < i; j++) {
								startTag = endTags[j].slice(0, endTags[j].indexOf(' ')).replace(/(\w)$/,'$1>');
								if (startTag == rSlash(endTags[i])) {
									startTagExists = true;
								}
							}
							if (!startTagExists) {
								startText = startText + endTags[i];
								var matched = false;
								for (var s=startTags.length - 1; s >= 0; s--) {
									if (startTags[s].slice(0, startTags[s].indexOf(' ')).replace(/(\w)$/,'$1>') == rSlash(endTags[i]) 
									&& matched == false) {
										cleanedTag = cleanedTag ? startTags[s] + cleanedTag : startTags[s];
										matched = true;
									}
								}
							}
						}
					}
					endText = cleanedTag && cleanedTag + endText || endText;
				}
				
				$this.html([
					startText,
					'<span class="'+o.expandClassName+'">',
					o.expandPrefix,
					'<a href="#">',
					o.expandText,
					'</a>',
					'</span>',
					'<span class="details">',
					endText,
					'</span>'
					].join('')
				)
			}
			var $thisDetails = $('span.details', this),
			$readMore = $('span.'+o.expandClassName, this);
			$thisDetails.hide();
			$readMore.find('a').click(function() {
				$readMore.hide();
				if (o.expandEffect === 'show' && !o.expandSpeed) {
					o.beforeExpand($this);
					$thisDetails.show();
					o.afterExpand($this);
					delayCollapse(o, $thisDetails);
				} else {
					o.beforeExpand($this);
					$thisDetails[o.expandEffect](o.expandSpeed, function() {
						$thisDetails.css({zoom: ''});
						o.afterExpand($this);
						delayCollapse(o, $thisDetails);
					});
				}
				return false;
			});
			if (o.userCollapse) {
				$this.find('span.details').append('<span class="'+o.userCollapseClassName+'">' + o.userCollapsePrefix + '<a href="#">' + o.userCollapseText + '</a></span>');
				$this.find('span.'+o.userCollapseClassName+' a').click(function() {
					clearTimeout(delayedCollapse);
					var $detailsCollapsed = $(this).parents('span.details');
					reCollapse(o, $detailsCollapsed);
					o.onCollapse($this, true);
					return false;
				});
			}
		});



		function reCollapse(option, el) {
			el.hide()
				.prev('span.'+option.expandClassName).show();
		}
		function delayCollapse(option, $collapseEl) {
			if (option.collapseTimer) {
				delayedCollapse = setTimeout(function() {
					reCollapse(option, $collapseEl);
					option.onCollapse($collapseEl.parent(), false);
					},
					option.collapseTimer
				);
			}
		}
		function rSlash(rString) {
			return rString.replace(/\//,'');
		}



	};
	// plugin defaults
	$.fn.expander.defaults = {
		slicePoint:				100,						// the number of characters at which the contents will be sliced into two parts. 
															// Note: any tag names in the HTML that appear inside the sliced element before 
															// the slicePoint will be counted along with the text characters.
		widow:					4,							// a threshold of sorts for whether to initially hide/collapse part of the element's contents. 
															// If after slicing the contents in two there are fewer words in the second part than 
															// the value set by widow, we won't bother hiding/collapsing anything.
		expandText:				'read more',				// text displayed in a link instead of the hidden part of the element. 
															// clicking this will expand/show the hidden/collapsed text
		expandPrefix:			'&hellip; ',
		expandClassName:		'read-more',
		collapseTimer:			0,							// number of milliseconds after text has been expanded at which to collapse the text again
		expandEffect:			'fadeIn',
		expandSpeed:			'',							// speed in milliseconds of the animation effect for expanding the text
		userCollapse:			true,						// allow the user to re-collapse the expanded text.
		userCollapseText:		'[collapse expanded text]',	// text to use for the link to re-collapse the text
		userCollapsePrefix:		' ',
		userCollapseClassName:	're-collapse',
		beforeExpand: function($thisEl) {},
		afterExpand: function($thisEl) {},
		onCollapse: function($thisEl, byUser) {}
	};
})(jQuery);