/*
* jQuery Expander plugin
* Version 0.1.1  (01/14/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; }
				// 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 + endText;
				}
				$this.html([
					startText,
					'<a href="#" class="read-more">',
					o.expandText,
					'</a>',
					'<span class="details">',
					endText,
					'</span>'
					].join('')
				);
			}
			$this
			.find('span.details').hide()
			.end()
			.find('a.read-more').click(function() {

				$(this).hide()
				.next('span.details')[o.expandEffect](o.expandSpeed, function() {
					var $self = $(this);
					$self.css({zoom: ''});
					if (o.collapseTimer) {
						delayedCollapse = setTimeout(function() {  
							reCollapse($self);
						},
						o.collapseTimer
					);

				} 	          
			});

			return false;
		});
		if (o.userCollapse) {
			$this
			.find('span.details').append(' <a class="re-collapse" href="#">' + o.userCollapseText + '</a>')
			.find('a.re-collapse').click(function() {
				clearTimeout(delayedCollapse);
				var $spanCollapse = $(this).parent();
				reCollapse($spanCollapse);
				return false;
			});
		}

	});
	function reCollapse(el) {
		el.hide()
		.prev('a.read-more').show();
	}
	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
	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
};
})(jQuery);