/**
* 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:
*  
*   jQuery(document).ready(function(){     
*     jQuery('#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"
*/

(function (jQuery) {

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

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

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

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

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

            // debug('Condensing [' + jQuerythis.text().length + ']: ' + jQuerythis.text());

            var clone = cloneCondensed(jQuerythis, o);

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

                var controlMore = "";
                var controlLess = "";
                if (opts.showButtons) {
                    controlMore = " <a href='#' onclick='return false' class='condense_control condense_control_more' style='cursor:pointer;'>" + o.moreText + "</a>";
                    controlLess = " <a href='#' onclick='return false' class='condense_control condense_control_less' style='cursor:pointer;'>" + o.lessText + "</a>";
                }



                clone.append(o.ellipsis + controlMore);
                jQuerythis.after(clone).hide().append(controlLess);

                jQuery('.condense_control_more', clone).click(function (ev) {
                    ev.preventDefault();
                    // alert('moreControl clicked.');
                    triggerExpand(jQuery(this), o)
                });

                jQuery('.condense_control_less', jQuerythis).click(function (ev) {
                    ev.preventDefault();
                    // debug('lessControl clicked.');
                    triggerCondense(jQuery(this), o)
                });
            }

        });
    };

    function cloneCondensed(elem, opts) {
        // 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 ( elem.text().length <= opts.condensedLength + opts.minTrail) {
            // debug('element too short: skipping.');
            return false;
        }

        var fullbody = elem.html();
        var fulltext = elem.text();
        var delim = opts.delim;
        var clone = elem.clone();
        var delta = 0;
        var cnt = 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(jQuery.trim(fullbody.substring(0, (loc + 1))));
            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?
            cnt++;
        } while (clone.text().length < opts.condensedLength && cnt < 800)

        //  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;
        var startT = new Date().getTime();
        var cnt = 0;
        do {

            var tmpT = new Date().getTime();
            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;
            var cnt2 = 0;
            while (isInsideTag(html, loc) && cnt2 < 800) {

                // if we are inside a tag, this delim doesn't count.  keep looking...      
                loc++;
                foundDelim = false;
                cnt2++;
            }

            cnt++;
        } while (!foundDelim && cnt < 800)
        // debug("Delimiter found in html at: " + loc);
        return loc;
    }


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


    function triggerCondense(control, opts) {


        // debug('Condense Trigger: ' + control.html());

        var orig = control.parent(); // The original element will be the control's immediate parent.
        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();
        if (opts.windowScroll == true) {
            jQuery('html, body').animate({ scrollTop: 0 }, 'fast', 'linear', function () {
                orig.animate({ height: con_h }, opts.lessSpeed, opts.easing,
            function () {
                orig.height(orig_h).width(orig_w).hide();
                condensed.removeClass("condensedOpen").show();
            });

            });
        }
        else {

            orig.animate({ height: con_h }, opts.lessSpeed, opts.easing,
            function () {
                orig.height(orig_h).width(orig_w).hide();
                condensed.show();
            });

        }


    }


    function triggerExpand(control, opts) {

        // debug('Expand Trigger: ' + control.html());

        var condensed = control.parent(); // The condensed element will be the control's immediate parent.
        var orig = condensed.prev(); // The original element will be the condensed immediate previous sibling.
        orig.show();
        var orig_w = orig.width();
        var orig_h = orig.height() + 20;
        orig.width(condensed.width() + "px").height(condensed.height() + "px");

        condensed.hide();

        orig.animate({ height: orig_h }, "fast", opts.easing);
        if (condensed.attr('id')) {
            var idAttr = condensed.attr('id').replace("condensed_", "");
            condensed.attr('id', 'condensed_' + idAttr);
            orig.addClass("condensedOpen").attr('id', idAttr);
        }

    }


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


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

})(jQuery);