/*
 * 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 = '';
		var startTags, endTags;
		var allText = $this.html();

		// populate startText from the beginning of allText, to the slicePoint
		var startText = allText.slice(0, o.slicePoint).replace(/(\w)$/,'');

		// check for broken tags in startText
		startTags = startText.match(/<\w[^>]*>/g);

		// if there are broken tags in the startText, trim the trailing (incomplete) word off the end of startText
		if (startTags) {startText = allText.slice(0,o.slicePoint + startTags.join('').length).replace(/\w+$/,'');}

		// check again for broken tags at the end of startText and adjust for them
		if (startText.lastIndexOf('<') > startText.lastIndexOf('>') ) {
			startText = startText.slice(0,startText.lastIndexOf('<'));
		}

		// assign the remaining text to endText
     	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 the remaining 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([
				'<div class="allText"><span class="read-more">',
     			startText,
     			'</span>',
     			'<span class="expand">'+o.expandText+'</span>',
     			'<span class="details">',
     		  	endText,
     			'</span></div>'
				].join('')
			);
		}
		$this.find('span.details').hide().end()

 	    .find('div.allText').click(function() {

			$(this).find('span.details').toggle();
			$(this).find('span.expand').toggle();

			return false;
		});
	});

	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);