﻿
/*
* Treeview 1.4 - jQuery plugin to hide and show branches of a tree
* 
* http://bassistance.de/jquery-plugins/jquery-plugin-treeview/
* http://docs.jquery.com/Plugins/Treeview
*
* Copyright (c) 2007 JÃ¶rn Zaefferer
*
* Dual licensed under the MIT and GPL licenses:
*   http://www.opensource.org/licenses/mit-license.php
*   http://www.gnu.org/licenses/gpl.html
*
* Revision: $Id: jquery.treeview.js 4684 2008-02-07 19:08:06Z joern.zaefferer $
*
*/

; (function ($) {

  $.extend($.fn, {
    swapClass: function (c1, c2) {
      var c1Elements = this.filter('.' + c1);
      this.filter('.' + c2).removeClass(c2).addClass(c1);
      c1Elements.removeClass(c1).addClass(c2);
      return this;
    },
    replaceClass: function (c1, c2) {
      return this.filter('.' + c1).removeClass(c1).addClass(c2).end();
    },
    hoverClass: function (className) {
      className = className || "hover";
      return this.hover(function () {
        $(this).addClass(className);
      }, function () {
        $(this).removeClass(className);
      });
    },
    heightToggle: function (animated, callback) {
      animated ?
        this.animate({ height: "toggle" }, animated, callback) :
        this.each(function () {
          jQuery(this)[jQuery(this).is(":hidden") ? "show" : "hide"]();
          if (callback)
            callback.apply(this, arguments);
        });
    },
    heightHide: function (animated, callback) {
      if (animated) {
        this.animate({ height: "hide" }, animated, callback);
      } else {
        this.hide();
        if (callback)
          this.each(callback);
      }
    },
    prepareBranches: function (settings) {
      if (!settings.prerendered) {
        // mark last tree items
        this.filter(":last-child:not(ul)").addClass(CLASSES.last);
        // collapse whole tree, or only those marked as closed, anyway except those marked as open
        this.filter((settings.collapsed ? "" : "." + CLASSES.closed) + ":not(." + CLASSES.open + ")").find(">ul").hide();
      }
      // return all items with sublists
      return this.filter(":has(>ul)");
    },
    applyClasses: function (settings, toggler) {
      this.filter(":has(>ul):not(:has(>a))").find(">span").click(function (event) {
        toggler.apply($(this).next());
      }).add($("a", this)).hoverClass();

      if (!settings.prerendered) {
        // handle closed ones first
        this.filter(":has(>ul:hidden)")
            .addClass(CLASSES.expandable)
            .replaceClass(CLASSES.last, CLASSES.lastExpandable);

        // handle open ones
        this.not(":has(>ul:hidden)")
            .addClass(CLASSES.collapsable)
            .replaceClass(CLASSES.last, CLASSES.lastCollapsable);

        // create hitarea
        this.prepend("<div class=\"" + CLASSES.hitarea + "\"/>").find("div." + CLASSES.hitarea).each(function () {
          var classes = "";
          $.each($(this).parent().attr("class").split(" "), function () {
            classes += this + "-hitarea ";
          });
          $(this).addClass(classes);
        });
      }

      // apply event to hitarea
      this.find("div." + CLASSES.hitarea).click(toggler);
    },
    treeview: function (settings) {

      settings = $.extend({
        cookieId: "treeview"
      }, settings);

      if (settings.add) {
        return this.trigger("add", [settings.add]);
      }

      if (settings.toggle) {
        var callback = settings.toggle;
        settings.toggle = function () {
          return callback.apply($(this).parent()[0], arguments);
        };
      }

      // factory for treecontroller
      function treeController(tree, control) {
        // factory for click handlers
        function handler(filter) {
          return function () {
            // reuse toggle event handler, applying the elements to toggle
            // start searching for all hitareas
            toggler.apply($("div." + CLASSES.hitarea, tree).filter(function () {
              // for plain toggle, no filter is provided, otherwise we need to check the parent element
              return filter ? $(this).parent("." + filter).length : true;
            }));
            return false;
          };
        }
        // click on first element to collapse tree
        $("a:eq(0)", control).click(handler(CLASSES.collapsable));
        // click on second to expand tree
        $("a:eq(1)", control).click(handler(CLASSES.expandable));
        // click on third to toggle tree
        $("a:eq(2)", control).click(handler());
      }

      // handle toggle event
      function toggler() {
        $(this)
          .parent()
        // swap classes for hitarea
          .find(">.hitarea")
            .swapClass(CLASSES.collapsableHitarea, CLASSES.expandableHitarea)
            .swapClass(CLASSES.lastCollapsableHitarea, CLASSES.lastExpandableHitarea)
          .end()
        // swap classes for parent li
          .swapClass(CLASSES.collapsable, CLASSES.expandable)
          .swapClass(CLASSES.lastCollapsable, CLASSES.lastExpandable)
        // find child lists
          .find(">ul")
        // toggle them
          .heightToggle(settings.animated, settings.toggle);
        if (settings.unique) {
          $(this).parent()
            .siblings()
          // swap classes for hitarea
            .find(">.hitarea")
              .replaceClass(CLASSES.collapsableHitarea, CLASSES.expandableHitarea)
              .replaceClass(CLASSES.lastCollapsableHitarea, CLASSES.lastExpandableHitarea)
            .end()
            .replaceClass(CLASSES.collapsable, CLASSES.expandable)
            .replaceClass(CLASSES.lastCollapsable, CLASSES.lastExpandable)
            .find(">ul")
            .heightHide(settings.animated, settings.toggle);
        }
      }

      function serialize() {
        function binary(arg) {
          return arg ? 1 : 0;
        }
        var data = [];
        branches.each(function (i, e) {
          data[i] = $(e).is(":has(>ul:visible)") ? 1 : 0;
        });
        $.cookie(settings.cookieId, data.join(""));
      }

      function deserialize() {
        var stored = $.cookie(settings.cookieId);
        if (stored) {
          var data = stored.split("");
          branches.each(function (i, e) {
            $(e).find(">ul")[parseInt(data[i]) ? "show" : "hide"]();
          });
        }
      }

      // add treeview class to activate styles
      this.addClass("treeview");

      // prepare branches and find all tree items with child lists
      var branches = this.find("li").prepareBranches(settings);

      switch (settings.persist) {
        case "cookie":
          var toggleCallback = settings.toggle;
          settings.toggle = function () {
            serialize();
            if (toggleCallback) {
              toggleCallback.apply(this, arguments);
            }
          };
          deserialize();
          break;
        case "location":
          var current = this.find("a").filter(function () { return this.href.toLowerCase() == location.href.toLowerCase(); });
          if (current.length) {
            current.addClass("selected").parents("ul, li").add(current.next()).show();
          }
          break;
      }

      branches.applyClasses(settings, toggler);

      // if control option is set, create the treecontroller and show it
      if (settings.control) {
        treeController(this, settings.control);
        $(settings.control).show();
      }

      return this.bind("add", function (event, branches) {
        $(branches).prev()
          .removeClass(CLASSES.last)
          .removeClass(CLASSES.lastCollapsable)
          .removeClass(CLASSES.lastExpandable)
        .find(">.hitarea")
          .removeClass(CLASSES.lastCollapsableHitarea)
          .removeClass(CLASSES.lastExpandableHitarea);
        $(branches).find("li").andSelf().prepareBranches(settings).applyClasses(settings, toggler);
      });
    }
  });

  // classes used by the plugin
  // need to be styled via external stylesheet, see first example
  var CLASSES = $.fn.treeview.classes = {
    open: "open",
    closed: "closed",
    expandable: "expandable",
    expandableHitarea: "expandable-hitarea",
    lastExpandableHitarea: "lastExpandable-hitarea",
    collapsable: "collapsable",
    collapsableHitarea: "collapsable-hitarea",
    lastCollapsableHitarea: "lastCollapsable-hitarea",
    lastCollapsable: "lastCollapsable",
    lastExpandable: "lastExpandable",
    last: "last",
    hitarea: "hitarea"
  };

  // provide backwards compability
  $.fn.Treeview = $.fn.treeview;

})(jQuery);
