/*
 * 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; }
		// 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="read-more">',
			o.expandPrefix,
			'<a href="#">',
			  o.expandText,
			'</a>',
		'</span>',
			'<span class="details">',
			  endText,
			'</span>'
			].join('')
		  );
	  }
	  var $thisDetails = $('span.details', this),
		$readMore = $('span.read-more', 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="re-collapse">' + o.userCollapsePrefix + '<a href="#">' + o.userCollapseText + '</a></span>');
		$this.find('span.re-collapse a').click(function() {

		  clearTimeout(delayedCollapse);
		  var $detailsCollapsed = $(this).parents('span.details');
		  reCollapse($detailsCollapsed);
		  o.onCollapse($this, true);
		  return false;
		});
	  }
	});
	function reCollapse(el) {
	   el.hide()
		.prev('span.read-more').show();
	}
	function delayCollapse(option, $collapseEl) {
	  if (option.collapseTimer) {
		delayedCollapse = setTimeout(function() {  
		  reCollapse($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; ',
	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: ' ',
	beforeExpand: function($thisEl) {},
	afterExpand: function($thisEl) {},
	onCollapse: function($thisEl, byUser) {}
  };
})(jQuery);