/**
* Condense 0.1 - Condense and expand text heavy elements
*
* (c) 2008 Joseph Sillitoe
* Dual licensed under the MIT License (MIT-LICENSE) and GPL License,version 2 (GPL-LICENSE).
*/

/*
* jQuery plugin
*
* usage:
*
*   $(document).ready(function(){
*     $('#example1').condense();
*   });
*
* Options:
*  condensedLength: Target length of condensed element. Default: 200
*  minTrail: Minimun length of the trailing text. Default: 20
*  delim: Delimiter used for finding the break point. Default: " " - {space}
*  moreText: Text used for the more control. Default: [more]
*  lessText: Text used for the less control. Default: [less]
*  ellipsis: Text added to condensed element. Default:  ( ... )
*  moreSpeed: Animation Speed for expanding. Default: "normal"
*  lessSpeed: Animation Speed for condensing. Default: "normal"
*  easing: Easing algorith. Default: "linear"
*  expandedWidth: Width of the expanded text (optional)
*/

(function($) {

  // plugin definition
  $.fn.condense = function(options) {

    $.metadata ? debug('metadata plugin detected') : debug('metadata plugin not present');//detect the metadata plugin?

    var opts = $.extend({}, $.fn.condense.defaults, options); // build main options before element iteration

    // iterate each matched element
    return this.each(function() {
	    $this = $(this);

      // support metadata plugin (v2.0)
	    var o = $.metadata ? $.extend({}, opts, $this.metadata()) : opts; // build element specific options

      debug('Condensing ['+$this.text().length+']: '+$this.text());
      var parent_id = $this.attr("id")

      var controlMore = o.ellipsis + " <span class='condense_control condense_control_more' style='cursor:pointer;'>"+o.moreText+"</span>";
      var controlLess = " <span class='condense_control condense_control_less' style='cursor:pointer;'>"+o.lessText+"</span>";
      var clone = cloneCondensed($this,o, controlMore);

      if (clone){
        // id attribute switch.  make sure that the visible elem keeps the original id (if set).
        $this.attr('id') ? $this.attr('id','condensed-'+$this.attr('id')) : false;

        $this.after(clone).hide().append(controlLess);

        $('.condense_control_more',clone).click(function(){
          debug('moreControl clicked.');
          triggerExpand($(this), parent_id ,o)
        });

        $('.condense_control_less',$this).click(function(){
          debug('lessControl clicked.');
          triggerCondense($(this), parent_id, o)
        });
      }

	  });
  };

  function cloneCondensed(elem, opts, controlMore){
    // Try to clone and condense the element.  if not possible because of the length/minTrail options, return false.
    // also, dont count tag declarations as part of the text length.
    // check the length of the text first, return false if too short.
    if ($.trim(elem.text()).length <= opts.condensedLength + opts.minTrail){
      debug('element too short: skipping.');
      return false;
    }

    var fullbody = $.trim(elem.html());
    var fulltext = $.trim(elem.text());
    var delim = opts.delim;
    var clone = elem.clone();
    var delta = 0;

    do {
      // find the location of the next potential break-point.
      var loc = findDelimiterLocation(fullbody, opts.delim, (opts.condensedLength + delta));
      //set the html of the clone to the substring html of the original
      clone.html($.trim(fullbody.substring(0,(loc+1)) + controlMore));
      var cloneTextLength = clone.text().length;
      var cloneHtmlLength = clone.html().length;
      delta = clone.html().length - cloneTextLength;
      debug ("condensing... [html-length:"+cloneHtmlLength+" text-length:"+cloneTextLength+" delta: "+delta+" break-point: "+loc+"]");
    //is the length of the clone text long enough?
    }while(clone.text().length - opts.moreText - opts.ellipsis < opts.condensedLength )

    //  after skipping ahead to the delimiter, do we still have enough trailing text?
    if ((fulltext.length - cloneTextLength) < opts.minTrail){
      debug('not enough trailing text: skipping.');
      return false;
    }

    debug('clone condensed. [text-length:'+cloneTextLength+']');
    return clone;
  }


  function findDelimiterLocation(html, delim, startpos){
    // find the location inside the html of the delimiter, starting at the specified length.
    var foundDelim = false;
    var loc = startpos;
    do {
      var loc = html.indexOf(delim, loc);
      if (loc < 0){
        debug ("No delimiter found.");
        return html.length;
      } // if there is no delimiter found, just return the length of the entire html string.
      foundDelim = true;
      while (isInsideTag(html, loc)) {
        // if we are inside a tag, this delim doesn't count.  keep looking...
        loc++;
        foundDelim = false;
      }
    }while(!foundDelim)
    debug ("Delimiter found in html at: "+loc);
    return loc;
  }


  function isInsideTag(html, loc){
    return (html.indexOf('>',loc) < html.indexOf('<',loc));
  }


  function triggerCondense(control, parent_id, opts){
    debug('Condense Trigger: '+control.html());
    var orig = control.parents('#' + parent_id);
    var condensed = orig.next(); // The condensed element will be the original immediate next sibling.
    condensed.show();
    var con_w  = condensed.width();
    var con_h = condensed.height();
    condensed.hide(); //briefly flashed the condensed element so we can get the target width/height
    var orig_w  = orig.width();
    var orig_h = orig.height();
    orig.animate({height:con_h, width:con_w, opacity: 1}, opts.lessSpeed, opts.easing,
      function(){
        orig.height(orig_h).width(orig_w).hide();
        condensed.show();
      });
    // this will break if there are multiple condese classes with the same (or null) ID
    var idAttr = orig.attr('id');
    orig.attr('id','condensed-'+idAttr); // the |= selector needs a hyphen
    condensed.attr('id',idAttr);
  }


  function triggerExpand(control, parent_id, opts){
    debug('Expand Trigger: '+control.html());
    var condensed = jQuery('#' + parent_id);
    var orig = jQuery('#condensed-' + parent_id); // The original element will be the condensed immediate previous sibling.
    debug(condensed);
    debug(orig);
    if (opts.expandedWidth) {
      orig.width(opts.expandedWidth);
    }
    orig.show();
    var orig_w  = orig.width();
    var orig_h = orig.height();
    orig.width(condensed.width()+"px").height(condensed.height()+"px");
    condensed.hide();
    orig.animate({height:orig_h, width:orig_w, opacity: 1}, opts.moreSpeed, opts.easing);
    // this will break if there are multiple condese classes with the same (or null) ID
    var idAttr = condensed.attr('id');
    condensed.attr('id','condensed-'+idAttr); // the |= selector needs a hyphen
    orig.attr('id',idAttr);

  }


  /**
   * private function for debugging
   */
  function debug($obj) {if (window.console && window.console.log){window.console.log($obj);}};


  // plugin defaults
  $.fn.condense.defaults = {
    condensedLength: 200,
    minTrail: 20,
    delim: " ",
    moreText: "[more]",
    lessText: "[less]",
    ellipsis: " ( ... )",
    moreSpeed: "normal",
    lessSpeed: "normal",
    easing: "linear"
  };

})(jQuery);