/*
 * 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;
        		}  
			var final = [startText,'<span class="read-more" style="display:inline; float:none; padding:0px; margin:0px;">',o.expandPrefix,'<a href="#">',o.expandText,'</a>','</span>'+'</p>','<span class="details" style="display:inline; float:none; padding:0px; margin:0px; text-align:left;">',endText,'</span>'].join('');
			final = final.replace('</p><span class="details"','<span class="details"');
			final = final.replace('</P><span class="details"','<span class="details"');
			final = final.replace('text-align:left;"><p>','text-align:left;">');
			final = final.replace('text-align:left;"><P>','text-align:left;">');
			final = final.replace(/<\/p>/g,'<br /><br />');
			final = final.replace(/<\/P>/g,'<br /><br />');
			final = final.replace(/<p style="text-align:justify;">/g,'');
			final = final.replace(/<P style="TEXT-ALIGN:justify">/g,'');
			final = final.replace(/<p style="text-align: justify;">/g,'');
			final = final.replace(/<P style="TEXT-ALIGN: justify">/g,'');
			final = final.replace(/<p style="text-align: justify; ">/g,'');
			final = final.replace(/<P style="TEXT-ALIGN: justify ">/g,'');
			final = final.replace(/<P style/g,'<span style');
			final = final.replace(/<p>/g,'');
			final = final.replace(/<P>/g,'');
			$this.html(final);
			}
		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" style="display:block; float:right; padding-top:10px; margin:0px;">' + 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);