Merge branch 'master' into pluginize-solr

Conflicts: app/models/article.rb app/views/layouts/application-ng.rhtml lib/noosfero/plugin.rb script/noosfero-plugins

Merge branch 'master' into pluginize-solr
Conflicts: app/models/article.rb app/views/layouts/application-ng.rhtml lib/noosfero/plugin.rb script/noosfero-plugins
Rodrigo Souto
2 parents c5b9f977 07f9167d
Showing 400 changed files with 32421 additions and 4330 deletions Show diff stats
AUTHORS
Gemfile
Gemfile.lock
RELEASING
app/controllers/admin/environment_design_controller.rb
app/controllers/admin/users_controller.rb
app/controllers/box_organizer_controller.rb
app/controllers/my_profile/profile_design_controller.rb
app/controllers/my_profile/profile_members_controller.rb
app/helpers/application_helper.rb
app/helpers/block_helper.rb
app/helpers/blog_helper.rb
app/helpers/content_viewer_helper.rb
app/helpers/dates_helper.rb
app/helpers/forms_helper.rb
app/helpers/layout_helper.rb
app/helpers/profile_editor_helper.rb
app/helpers/tags_helper.rb
app/models/article.rb
app/models/article_block.rb
@@ -148,6 +148,7 @@ Rodrigo Souto &lt;rodrigo@colivre.coop.br&gt;
 Ronny Kursawe <kursawe.ronny@googlemail.com>
 Samuel R. C. Vale <srcvale@holoscopio.com>
 Valessio Brito <valessio@gmail.com>
+Visita <visita@debian.(none)>
 Yann Lugrin <yann.lugrin@liquid-concept.ch>
  
 Ideas, specifications and incentive
-source :rubygems
+source "https://rubygems.org"
  
 gem 'exception_notification', '1.0.20090728'
 gem 'system_timer'
 GEM
-  remote: http://rubygems.org/
+  remote: https://rubygems.org/
   specs:
     builder (3.1.4)
     capybara (1.1.1)
@@ -31,6 +31,7 @@ To prepare a release of noosfero, you must follow the steps below:
   sha1 of the package (with sha1sum and paste the SHA1 hash as comment in the
   attachment form)
 * Download the attached and verify the MD5 hash
+* Push the new version tag (with git push --tags)
 * Update an eventual demonstration version that you run.
 * Write an announcement e-mail to the relevant mailing lists pointing to the
   release notes, and maybe to the demonstration version.
@@ -4,6 +4,7 @@ class EnvironmentDesignController &lt; BoxOrganizerController
  
   def available_blocks
     @available_blocks ||= [ ArticleBlock, LoginBlock, EnvironmentStatisticsBlock, RecentDocumentsBlock, EnterprisesBlock, CommunitiesBlock, PeopleBlock, SellersSearchBlock, LinkListBlock, FeedReaderBlock, SlideshowBlock, HighlightsBlock, FeaturedProductsBlock, CategoriesBlock, RawHTMLBlock, TagsBlock ]
+    @available_blocks += plugins.dispatch(:extra_blocks, :type => Environment)
   end
  
 end
+require 'csv'
+
 class UsersController < AdminController
  
   protect 'manage_environment_users', :environment
@@ -15,8 +17,16 @@ class UsersController &lt; AdminController
           :disposition => "attachment; filename=users.xml"
       end
       format.csv do
-        @users = User.find(:all, :conditions => {:environment_id => environment.id}, :include => [:person])
-        render :template => "users/index_csv.rhtml", :content_type => 'text/csv', :layout => false
+        # using a direct connection with the dbms to optimize
+        command = User.send(:sanitize_sql, ["SELECT profiles.name, users.email FROM profiles
+                                             INNER JOIN users ON profiles.user_id=users.id
+                                             WHERE profiles.environment_id = ?", environment.id])
+        users = User.connection.execute(command)
+        csv_content = "name;email\n"
+        users.each { |u|
+          CSV.generate_row([u['name'], u['email']], 2, csv_content, fs=';')
+        }
+        render :text => csv_content, :content_type => 'text/csv', :layout => false
       end
     end
   end
@@ -68,8 +68,8 @@ class BoxOrganizerController &lt; ApplicationController
         raise ArgumentError.new("Type %s is not allowed. Go away." % type)
       end
     else
-      @center_block_types = Box.acceptable_center_blocks & available_blocks
-      @side_block_types = Box.acceptable_side_blocks & available_blocks
+      @center_block_types = (Box.acceptable_center_blocks & available_blocks) + plugins.dispatch(:extra_blocks, :type => boxes_holder.class, :position => 1)
+      @side_block_types = (Box.acceptable_side_blocks & available_blocks) + plugins.dispatch(:extra_blocks, :type => boxes_holder.class, :position => [2,3])
       @boxes = boxes_holder.boxes
       render :action => 'add_block', :layout => false
     end
@@ -7,17 +7,25 @@ class ProfileDesignController &lt; BoxOrganizerController
   def available_blocks
     blocks = [ ArticleBlock, TagsBlock, RecentDocumentsBlock, ProfileInfoBlock, LinkListBlock, MyNetworkBlock, FeedReaderBlock, ProfileImageBlock, LocationBlock, SlideshowBlock, ProfileSearchBlock, HighlightsBlock ]
  
+    blocks += plugins.dispatch(:extra_blocks)
+
     # blocks exclusive for organizations
     if profile.has_members?
       blocks << MembersBlock
     end
  
-    # blocks exclusive to person
+    # blocks exclusive to people
     if profile.person?
       blocks << FriendsBlock
       blocks << FavoriteEnterprisesBlock
       blocks << CommunitiesBlock
       blocks << EnterprisesBlock
+      blocks += plugins.dispatch(:extra_blocks, :type => Person)
+    end
+
+    # blocks exclusive to communities
+    if profile.community?
+      blocks += plugins.dispatch(:extra_blocks, :type => Community)
     end
  
     # blocks exclusive for enterprises
@@ -26,6 +34,7 @@ class ProfileDesignController &lt; BoxOrganizerController
       blocks << HighlightsBlock
       blocks << FeaturedProductsBlock
       blocks << FansBlock
+      blocks += plugins.dispatch(:extra_blocks, :type => Enterprise)
     end
  
     # product block exclusive for enterprises in environments that permits it
@@ -33,7 +42,7 @@ class ProfileDesignController &lt; BoxOrganizerController
       blocks << ProductsBlock
     end
  
-    # block exclusive to profile has blog
+    # block exclusive to profiles that have blog
     if profile.has_blog?
       blocks << BlogArchivesBlock
     end
@@ -32,7 +32,6 @@ class ProfileMembersController &lt; MyProfileController
  
   def last_admin
     @roles = [Profile::Roles.admin(environment.id)]
-    @pre_population = [].to_json
   end
  
   def add_role
@@ -30,6 +30,12 @@ module ApplicationHelper
  
   include AccountHelper
  
+  include BlogHelper
+
+  include ContentViewerHelper
+
+  include LayoutHelper
+
   def locale
     (@page && !@page.language.blank?) ? @page.language : FastGettext.locale
   end
@@ -352,10 +358,6 @@ module ApplicationHelper
     end
   end
  
-  def theme_stylesheet_path
-    theme_path + '/style.css'
-  end
-
   def current_theme
     @current_theme ||=
       begin
@@ -493,23 +495,24 @@ module ApplicationHelper
  
   def profile_cat_icons( profile )
     if profile.class == Enterprise
-      icons =
-        profile.product_categories.map{ |c| c.size > 1 ? c[1] : nil }.
-          compact.uniq.map{ |c|
-            cat_name = c.gsub( /[-_\s,.;'"]+/, '_' )
-            cat_icon = "/images/icons-cat/#{cat_name}.png"
-            if ! File.exists? RAILS_ROOT.to_s() + '/public/' + cat_icon
-              cat_icon = '/images/icons-cat/undefined.png'
-            end
-            content_tag 'span',
-                        content_tag( 'span', c ),
-                        :title => c,
-                        :class => 'product-cat-icon cat_icon_' + cat_name,
-                        :style => "background-image:url(#{cat_icon})"
-          }.join "\n"
-      content_tag 'div',
-                  content_tag( 'span', _('Principal Product Categories'), :class => 'header' ) +"\n"+ icons,
-                  :class => 'product-category-icons'
+      icons = profile.product_categories.map{ |c| c.size > 1 ? c[1] : nil }.
+        compact.uniq.map do |c|
+          cat_name = c.gsub( /[-_\s,.;'"]+/, '_' )
+          cat_icon = "/images/icons-cat/#{cat_name}.png"
+          if ! File.exists? RAILS_ROOT.to_s() + '/public/' + cat_icon
+            cat_icon = '/images/icons-cat/undefined.png'
+          end
+          content_tag('span',
+            content_tag( 'span', c ),
+            :title => c,
+            :class => 'product-cat-icon cat_icon_' + cat_name,
+            :style => "background-image:url(#{cat_icon})"
+          )
+        end.join("\n").html_safe
+        content_tag('div',
+          content_tag( 'span', _('Principal Product Categories'), :class => 'header' ) +"\n"+ icons,
+          :class => 'product-category-icons'
+        )
     else
       ''
     end
@@ -633,10 +636,10 @@ module ApplicationHelper
       # FIXME
       ([toplevel] + toplevel.children_for_menu).each do |cat|
         if cat.top_level?
-          result << '<div class="categorie_box">'
+          result << '<div class="categorie_box">'.html_safe
           result << icon_button( :down, _('open'), '#', :onclick => 'open_close_cat(this); return false' )
           result << content_tag('h5', toplevel.name)
-          result << '<div style="display:none"><ul class="categories">'
+          result << '<div style="display:none"><ul class="categories">'.html_safe
         else
           checkbox_id = "#{object_name}_#{cat.full_name.downcase.gsub(/\s+|\//, '_')}"
           result << content_tag('li', labelled_check_box(
@@ -647,7 +650,7 @@ module ApplicationHelper
                     :class => ( object.category_ids.include?(cat.id) ? 'cat_checked' : '' ) ) + "\n"
         end
       end
-      result << '</ul></div></div>'
+      result << '</ul></div></div>'.html_safe
     end
  
     content_tag('div', result)
@@ -787,10 +790,10 @@ module ApplicationHelper
             :class => 'lineitem' + (line_item+=1).to_s() ) +"\n"
         if line_item == line_size
           line_item = 0
-          html += "<br />\n"
+          html += "<br />\n".html_safe
         end
       }
-      html += "<br />\n"  if line_size == 0 || ( values.size % line_size ) > 0
+      html += "<br />\n".html_safe if line_size == 0 || ( values.size % line_size ) > 0
       column = object.class.columns_hash[method.to_s]
       text =
         ( column ?
@@ -873,14 +876,6 @@ module ApplicationHelper
     content_tag('div', labelled_check_box(_('Public'), 'profile_data[fields_privacy]['+name+']', 'public', profile.public_fields.include?(name)), :class => 'field-privacy-selector')
   end
  
-  def template_stylesheet_path
-    if profile.nil?
-      "/designs/templates/#{environment.layout_template}/stylesheets/style.css"
-    else
-      "/designs/templates/#{profile.layout_template}/stylesheets/style.css"
-    end
-  end
-
   def login_url
     options = Noosfero.url_options.merge({ :controller => 'account', :action => 'login' })
     url_for(options)
@@ -919,18 +914,6 @@ module ApplicationHelper
     end
   end
  
-  def icon_theme_stylesheet_path
-    icon_themes = []
-    theme_icon_themes = theme_option(:icon_theme) || []
-    for icon_theme in theme_icon_themes do
-      theme_path = "/designs/icons/#{icon_theme}/style.css"
-      if File.exists?(File.join(RAILS_ROOT, 'public', theme_path))
-        icon_themes << theme_path
-      end
-    end
-    icon_themes
-  end
-
   def page_title
     (@page ? @page.title + ' - ' : '') +
     (profile ? profile.short_name + ' - ' : '') +
@@ -942,42 +925,13 @@ module ApplicationHelper
     (@category ? " - #{@category.full_name}" : '')
   end
  
-  def noosfero_javascript
-    render :file =>  'layouts/_javascript'
-  end
-
-  def noosfero_stylesheets
-    [
-      'application',
-      'search',
-      'thickbox',
-      'lightbox',
-      'colorpicker',
-      'colorbox',
-      pngfix_stylesheet_path,
-    ] +
-    tokeninput_stylesheets
-  end
-
   # DEPRECATED. Do not use this·
   def import_controller_stylesheets(options = {})
     stylesheet_import( "controller_"+ @controller.controller_name(), options )
   end
  
-  def pngfix_stylesheet_path
-    'iepngfix/iepngfix.css'
-  end
-
-  def tokeninput_stylesheets
-    ['token-input', 'token-input-facebook', 'token-input-mac', 'token-input-facet']
-  end
-
-  def noosfero_layout_features
-    render :file => 'shared/noosfero_layout_features'
-  end
-
   def link_to_email(email)
-    javascript_tag('var array = ' + email.split('@').to_json + '; document.write("<a href=\'mailto:" + array.join("@") + "\'>" + array.join("@") +  "</a>")')
+    javascript_tag('var array = ' + email.split('@').to_json + '; document.write("<a href=\'mailto:" + array.join("@") + "\'>" + array.join("@") +  "</a>")'.html_safe)
   end
  
   def stylesheet(*args)
@@ -987,13 +941,43 @@ module ApplicationHelper
   def article_to_html(article, options = {})
     options.merge!(:page => params[:npage])
     content = article.to_html(options)
-    content = content.kind_of?(Proc) ? self.instance_eval(&content) : content
+    content = content.kind_of?(Proc) ? self.instance_eval(&content).html_safe : content.html_safe
     @plugins && @plugins.each do |plugin|
       content = plugin.parse_content(content)
     end
     content
   end
  
+  # Please, use link_to by default!
+  # This method was created to work around to inexplicable
+  # chain of problems when display_short_format was called
+  # from Article model for an ArticleBlock.
+  def reference_to_article(text, article, anchor=nil)
+    if article.profile.domains.empty?
+      href = "/#{article.url[:profile]}/"
+    else
+      href = "http://#{article.profile.domains.first.name}/"
+    end
+    href += article.url[:page].join('/')
+    href += '#' + anchor if anchor
+    content_tag('a', text, :href => href)
+  end
+
+  def display_short_format(article, options={})
+    options[:comments_link] ||= true
+    options[:read_more_link] ||= true
+    html = content_tag('div',
+             article.lead +
+             content_tag('div',
+               (options[:comments_link] ? link_to_comments(article) : '') +
+               (options[:read_more_link] ? reference_to_article( _('Read more'), article) : ''),
+               :class => 'read-more'
+             ),
+             :class => 'short-post'
+           )
+    html
+  end
+
   def colorpicker_field(object_name, method, options = {})
     text_field(object_name, method, options.merge(:class => 'colorpicker_field'))
   end
@@ -1003,7 +987,7 @@ module ApplicationHelper
   end
  
   def ui_icon(icon_class, extra_class = '')
-    "<span class='ui-icon #{icon_class} #{extra_class}' style='float:left; margin-right:7px;'></span>"
+    "<span class='ui-icon #{icon_class} #{extra_class}' style='float:left; margin-right:7px;'></span>".html_safe
   end
  
   def ui_button(label, url, html_options = {})
@@ -1018,10 +1002,6 @@ module ApplicationHelper
     theme_option(:jquery_theme) || 'smoothness_mod'
   end
  
-  def jquery_ui_theme_stylesheet_path
-    'jquery.ui/' + jquery_theme + '/jquery-ui-1.8.2.custom'
-  end
-
   def ui_error(message)
     content_tag('div', ui_icon('ui-icon-alert') + message, :class => 'alert fg-state-error ui-state-error')
   end
@@ -1035,13 +1015,13 @@ module ApplicationHelper
   end
  
   def collapsed_item_icon
-    "<span class='ui-icon ui-icon-circlesmall-plus' style='float:left;'></span>"
+    "<span class='ui-icon ui-icon-circlesmall-plus' style='float:left;'></span>".html_safe
   end
   def expanded_item_icon
-    "<span class='ui-icon ui-icon-circlesmall-minus' style='float:left;'></span>"
+    "<span class='ui-icon ui-icon-circlesmall-minus' style='float:left;'></span>".html_safe
   end
   def leaf_item_icon
-    "<span class='ui-icon ui-icon-arrow-1-e' style='float:left;'></span>"
+    "<span class='ui-icon ui-icon-arrow-1-e' style='float:left;'></span>".html_safe
   end
  
   def display_category_menu(block, categories, root = true)
@@ -1300,9 +1280,7 @@ module ApplicationHelper
     titles = tabs.inject(''){ |result, tab| result << content_tag(:li, link_to(tab[:title], '#'+tab[:id]), :class => 'tab') }
     contents = tabs.inject(''){ |result, tab| result << content_tag(:div, tab[:content], :id => tab[:id]) }
  
-    content_tag :div, :class => 'ui-tabs' do
-      content_tag(:ul, titles) + contents
-    end
+    content_tag(:div, content_tag(:ul, titles) + raw(contents), :class => 'ui-tabs')
   end
  
   def jquery_token_input_messages_json(hintText = _('Type in an keyword'), noResultsText = _('No results'), searchingText = _('Searching...'))
@@ -1331,11 +1309,12 @@ module ApplicationHelper
   end
  
   def template_options(klass, field_name)
-    return '' if klass.templates.count == 0
-    return hidden_field_tag("#{field_name}[template_id]", klass.templates.first.id) if klass.templates.count == 1
+    templates = klass.templates(environment)
+    return '' if templates.count == 0
+    return hidden_field_tag("#{field_name}[template_id]", templates.first.id) if templates.count == 1
  
     counter = 0
-    radios = klass.templates.map do |template|
+    radios = templates.map do |template|
       counter += 1
       content_tag('li', labelled_radio_button(link_to(template.name, template.url, :target => '_blank'), "#{field_name}[template_id]", template.id, counter==1))
     end.join("\n")
@@ -1423,4 +1402,14 @@ module ApplicationHelper
     @no_design_blocks = true
   end
  
+  def default_folder_for_image_upload(profile)
+    default_folder = profile.folders.find_by_type('Gallery')
+    default_folder = profile.folders.find_by_type('Folder') if default_folder.nil?
+    default_folder
+  end
+
+  def content_id_to_str(content)
+    content.nil? ? '' : content.id.to_s
+  end
+
 end
@@ -3,7 +3,7 @@ module BlockHelper
   def block_title(title)
     tag_class = 'block-title'
     tag_class += ' empty' if title.empty?
-    content_tag 'h3', content_tag('span', title), :class => tag_class
+    content_tag 'h3', content_tag('span', h(title)), :class => tag_class
   end
  
 end
@@ -18,8 +18,9 @@ module BlogHelper
     pagination = will_paginate(articles, {
       :param_name => 'npage',
       :previous_label => _('&laquo; Newer posts'),
-      :next_label => _('Older posts &raquo;')
-    })
+      :next_label => _('Older posts &raquo;'),
+      :params => {:action=>"view_page", :page=>articles.first.parent.path.split('/'), :controller=>"content_viewer"}
+    }) if articles.present?
     content = []
     artic_len = articles.length
     articles.each_with_index{ |art,i|
@@ -46,18 +47,6 @@ module BlogHelper
     article_title(article, :no_comments => no_comments) + html
   end
  
-  def display_short_format(article)
-    html = content_tag('div',
-             article.lead +
-             content_tag('div',
-               link_to_comments(article) +
-               link_to( _('Read more'), article.url),
-               :class => 'read-more'),
-             :class => 'short-post'
-           )
-    html
-  end
-
   def display_full_format(article)
     html = article_to_html(article)
     html = content_tag('p', html) if ! html.include?('</p>')
@@ -36,7 +36,7 @@ module ContentViewerHelper
  
   def link_to_comments(article, args = {})
     return '' unless article.accept_comments?
-    link_to(number_of_comments(article), article.url.merge(:anchor => 'comments_list') )
+    reference_to_article number_of_comments(article), article, 'comments_list'
   end
  
   def article_translations(article)
@@ -45,7 +45,7 @@ module ContentViewerHelper
         { article.environment.locales[translation.language] => { :href => url_for(translation.url) } }
       end
       content_tag(:div, link_to(_('Translations'), '#',
-                                :onclick => "toggleSubmenu(this, '#{_('Translations')}', #{links.to_json}); return false",
+                                :onmouseover => "toggleSubmenu(this, '#{_('Translations')}', #{links.to_json}); return false",
                                 :class => 'article-translations-menu simplemenu-trigger up'),
                   :class => 'article-translations')
     end
@@ -23,11 +23,13 @@ module DatesHelper
   end
  
   # formats a date for displaying.
-  def show_date(date, use_numbers = false)
+  def show_date(date, use_numbers = false, year=true)
     if date && use_numbers
-      _('%{month}/%{day}/%{year}') % { :day => date.day, :month => date.month, :year => date.year }
+      date_format = year ? _('%{month}/%{day}/%{year}') : _('%{month}/%{day}')
+      date_format % { :day => date.day, :month => date.month, :year => date.year }
     elsif date
-      _('%{month} %{day}, %{year}') % { :day => date.day, :month => month_name(date.month), :year => date.year }
+      date_format = year ? _('%{month_name} %{day}, %{year}') : _('%{month_name} %{day}')
+      date_format % { :day => date.day, :month_name => month_name(date.month), :year => date.year }
     else
       ''
     end
@@ -46,7 +48,27 @@ module DatesHelper
     if (date1 == date2) || (date2.nil?)
       show_date(date1, use_numbers)
     else
-      _('from %{date1} to %{date2}') % {:date1 => show_date(date1, use_numbers), :date2 => show_date(date2, use_numbers)}
+      if date1.year == date2.year
+        if date1.month == date2.month
+          _('from %{month} %{day1} to %{day2}, %{year}') % {
+            :day1 => date1.day,
+            :day2 => date2.day,
+            :month => use_numbers ? date1.month : month_name(date1.month),
+            :year => date1.year
+          }
+        else
+          _('from %{date1} to %{date2}, %{year}') % {
+            :date1 => show_date(date1, use_numbers, false),
+            :date2 => show_date(date2, use_numbers, false),
+            :year => date1.year
+          }
+        end
+      else
+        _('from %{date1} to %{date2}') % {
+          :date1 => show_date(date1, use_numbers),
+          :date2 => show_date(date2, use_numbers)
+        }
+      end
     end
   end
  
@@ -142,38 +142,6 @@ module FormsHelper
     content_tag('table',rows.join("\n"))
   end
  
-  def select_folder(label_text, field_id, collection, default_value=nil, html_options = {}, js_options = {})
-    root = profile ? profile.identifier : _("root")
-    labelled_form_field(
-      label_text,
-      select_tag(
-        field_id,
-        options_for_select(
-          [[root, '']] +
-          collection.collect {|f| [ root + '/' +  f.full_name, f.id ] },
-          default_value
-        ),
-        html_options.merge(js_options)
-      )
-    )
-  end
-
-  def select_profile_folder(label_text, field_id, profile, default_value='', html_options = {}, js_options = {})
-    result = labelled_form_field(
-      label_text,
-      select_tag(
-        field_id,
-        options_for_select(
-          [[profile.identifier, '']] +
-          profile.folders.collect {|f| [ profile.identifier + '/' +  f.full_name, f.id ] },
-          default_value
-        ),
-        html_options.merge(js_options)
-      )
-    )
-    return result
-  end
-
   def date_field(name, value, format = '%Y-%m-%d', datepicker_options = {}, html_options = {})
     datepicker_options[:disabled] ||= false
     datepicker_options[:alt_field] ||= ''
@@ -295,23 +263,28 @@ module FormsHelper
         field_id,
         options_for_select(
           [[root, '']] +
-          collection.collect {|f| [ root + '/' +  f.full_name, f.id ] },
-          default_value
+          collection.collect {|f| [ root + '/' +  f.full_name, f.id.to_s ] },
+          default_value.to_s
         ),
         html_options.merge(js_options)
       )
     )
   end
  
-  def select_profile_folder(label_text, field_id, profile, default_value='', html_options = {}, js_options = {})
+  def select_profile_folder(label_text, field_id, profile, default_value='', html_options = {}, js_options = {}, find_options = {})
+    if find_options.empty?
+      folders = profile.folders
+    else
+      folders = profile.folders.where(find_options)
+    end
     result = labelled_form_field(
       label_text,
       select_tag(
         field_id,
         options_for_select(
           [[profile.identifier, '']] +
-          profile.folders.collect {|f| [ profile.identifier + '/' +  f.full_name, f.id ] },
-          default_value
+          folders.collect {|f| [ profile.identifier + '/' +  f.full_name, f.id.to_s ] },
+          default_value.to_s
         ),
         html_options.merge(js_options)
       )
@@ -0,0 +1,88 @@
+module LayoutHelper
+
+  def body_classes
+    # Identify the current controller and action for the CSS:
+    " controller-#{@controller.controller_name}" +
+    " action-#{@controller.controller_name}-#{@controller.action_name}" +
+    " template-#{profile.nil? ? "default" : profile.layout_template}" +
+    (!profile.nil? && profile.is_on_homepage?(request.path,@page) ? " profile-homepage" : "")
+  end
+
+  def noosfero_javascript
+    plugins_javascripts = @plugins.map { |plugin| plugin.js_files.map { |js| plugin.class.public_path(js) } }.flatten
+
+    output = ''
+    output += render :file =>  'layouts/_javascript'
+    output += javascript_tag 'render_all_jquery_ui_widgets()'
+    unless plugins_javascripts.empty?
+      output += javascript_include_tag plugins_javascripts, :cache => "cache/plugins-#{Digest::MD5.hexdigest plugins_javascripts.to_s}"
+    end
+    output
+  end
+
+  def noosfero_stylesheets
+    standard_stylesheets = [
+      'application',
+      'search',
+      'thickbox',
+      'lightbox',
+      'colorpicker',
+      'colorbox',
+      pngfix_stylesheet_path,
+    ] + tokeninput_stylesheets
+    plugins_stylesheets = @plugins.select(&:stylesheet?).map { |plugin| plugin.class.public_path('style.css') }
+
+    output = ''
+    output += stylesheet_link_tag standard_stylesheets, :cache => 'cache'
+    output += stylesheet_link_tag template_stylesheet_path
+    output += stylesheet_link_tag icon_theme_stylesheet_path
+    output += stylesheet_link_tag jquery_ui_theme_stylesheet_path
+    unless plugins_stylesheets.empty?
+      output += stylesheet_link_tag plugins_stylesheets, :cache => "cache/plugins-#{Digest::MD5.hexdigest plugins_stylesheets.to_s}"
+    end
+    output += stylesheet_link_tag theme_stylesheet_path
+    output
+  end
+
+  def pngfix_stylesheet_path
+    'iepngfix/iepngfix.css'
+  end
+
+  def tokeninput_stylesheets
+    ['token-input', 'token-input-facebook', 'token-input-mac', 'token-input-facet']
+  end
+
+  def noosfero_layout_features
+    render :file => 'shared/noosfero_layout_features'
+  end
+
+  def template_stylesheet_path
+    if profile.nil?
+      "/designs/templates/#{environment.layout_template}/stylesheets/style.css"
+    else
+      "/designs/templates/#{profile.layout_template}/stylesheets/style.css"
+    end
+  end
+
+  def icon_theme_stylesheet_path
+    icon_themes = []
+    theme_icon_themes = theme_option(:icon_theme) || []
+    for icon_theme in theme_icon_themes do
+      theme_path = "/designs/icons/#{icon_theme}/style.css"
+      if File.exists?(File.join(RAILS_ROOT, 'public', theme_path))
+        icon_themes << theme_path
+      end
+    end
+    icon_themes
+  end
+
+  def jquery_ui_theme_stylesheet_path
+    'jquery.ui/' + jquery_theme + '/jquery-ui-1.8.2.custom'
+  end
+
+  def theme_stylesheet_path
+    theme_path + '/style.css'
+  end
+
+end
+
@@ -136,7 +136,7 @@ module ProfileEditorHelper
     concat(
       content_tag(
         'div',
-        capture(&block) + '<br style="clear:left;"/>&nbsp;',
+        capture(&block) + content_tag('br', '', :style => 'clear: left'),
         :class => 'control-panel')
     )
   end
@@ -68,7 +68,7 @@ module TagsHelper
           :title => n_( 'one item', '%d items', count ) % count
       end
  
-    end.join("\n")
+    end.join("\n").html_safe
   end
  
 end
@@ -22,6 +22,15 @@ class Article &lt; ActiveRecord::Base
     'full'
   end
  
+  #FIXME This is necessary because html is being generated on the model...
+  include ActionView::Helpers::TagHelper
+
+  # use for internationalizable human type names in search facets
+  # reimplement on subclasses
+  def self.type_name
+    _('Content')
+  end
+
   track_actions :create_article, :after_create, :keep_params => [:name, :url, :lead, :first_image], :if => Proc.new { |a| a.is_trackable? && !a.image? }
  
   # xss_terminate plugin can't sanitize array fields
@@ -240,8 +249,13 @@ class Article &lt; ActiveRecord::Base
   # The implementation in this class just provides the +body+ attribute as the
   # HTML.  Other article types can override this method to provide customized
   # views of themselves.
+  # (To override short format representation, override the lead method)
   def to_html(options = {})
-    body || ''
+    if options[:format] == 'short'
+      display_short_format(self)
+    else
+      body || ''
+    end
   end
  
   include ApplicationHelper
@@ -12,7 +12,11 @@ class ArticleBlock &lt; Block
     block = self
     lambda do
       block_title(block.title) +
-      (block.article ? article_to_html(block.article, :gallery_view => false) : _('Article not selected yet.'))
+      (block.article ? article_to_html(block.article,
+          :gallery_view => false,
+          :inside_block => block,               # For Blogs and folders
+          :format => block.visualization_format # For Articles and contents
+        ).html_safe : _('Article not selected yet.'))
     end
   end
  
@@ -49,4 +53,14 @@ class ArticleBlock &lt; Block
     self.box.owner.kind_of?(Environment) ? self.box.owner.portal_community.articles : self.box.owner.articles
   end
  
+  def posts_per_page
+    self.settings[:posts_per_page] or 1
+  end
+
+  def posts_per_page= value
+    value = value.to_i
+    self.settings[:posts_per_page] = value if value > 0
+  end
+
+  settings_items :visualization_format, :type => :string, :default => 'short'
 end
@@ -24,8 +24,9 @@ class Blog &lt; Folder
   # FIXME isn't this too much including just to be able to generate some HTML?
   include ActionView::Helpers::TagHelper
   def to_html(options = {})
+    me = self
     lambda do
-      render :file => 'content_viewer/blog_page'
+      render :file => 'content_viewer/blog_page', :locals => { :blog=>me, :inside_block=>options[:inside_block] }
     end
   end
  
@@ -104,18 +104,30 @@ class Event &lt; Article
         }
       }
  
+      # TODO: some good soul, please clean this ugly hack:
       if self.body
         html.div('_____XXXX_DESCRIPTION_GOES_HERE_XXXX_____', :class => 'event-description') 
       end
     }
  
     if self.body
-      result.sub!('_____XXXX_DESCRIPTION_GOES_HERE_XXXX_____', self.body)
+      if options[:format] == 'short'
+        result.sub!('_____XXXX_DESCRIPTION_GOES_HERE_XXXX_____', display_short_format(self))
+      else
+        result.sub!('_____XXXX_DESCRIPTION_GOES_HERE_XXXX_____', self.body)
+      end
     end
  
     result
   end
  
+  def lead
+    content_tag('div',
+      show_period(start_date, end_date),
+      :class => 'event-dates'
+    ) + super
+  end
+
   def event?
     true
   end
@@ -47,11 +47,11 @@ class FeedReaderBlock &lt; Block
  
   def formatted_feed_content
     if error_message.blank?
-      "<ul>\n" +
-      self.feed_items[0..(limit-1)].map{ |item| "<li><a href='#{item[:link]}'>#{item[:title]}</a></li>" }.join("\n") +
-      "</ul>"
+      "<ul>\n".html_safe +
+      self.feed_items[0..(limit-1)].map{ |item| "<li><a href='#{item[:link]}'>#{item[:title]}</a></li>" }.join("\n").html_safe +
+      "</ul>".html_safe
     else
-      '<p>' + error_message + '</p>'
+      "<p>#{error_message}</p>".html_safe
     end
   end
  
@@ -80,7 +80,7 @@ class LinkListBlock &lt; Block
  
   def icons_options
     ICONS.map do |i|
-      "<span title=\"#{i[1]}\" class=\"icon-#{i[0]}\" onclick=\"changeIcon(this, '#{i[0]}')\"></span>"
+      "<span title=\"#{i[1]}\" class=\"icon-#{i[0]}\" onclick=\"changeIcon(this, '#{i[0]}')\"></span>".html_safe
     end
   end
  
@@ -5,7 +5,7 @@ class OrganizationMailing &lt; Mailing
   end
  
   def recipients(offset=0, limit=100)
-   source.members.all(:order => self.id, :offset => offset, :limit => limit, :joins => "LEFT OUTER JOIN mailing_sents m ON (m.mailing_id = #{id} AND m.person_id = profiles.id)", :conditions => { "m.person_id" => nil })
+   source.members.all(:order => :id, :offset => offset, :limit => limit, :joins => "LEFT OUTER JOIN mailing_sents m ON (m.mailing_id = #{id} AND m.person_id = profiles.id)", :conditions => { "m.person_id" => nil })
   end
  
   def each_recipient
@@ -78,7 +78,7 @@ class Profile &lt; ActiveRecord::Base
   #FIXME: these will work only if the subclass is already loaded
   named_scope :enterprises, lambda { {:conditions => (Enterprise.send(:subclasses).map(&:name) << 'Enterprise').map { |klass| "profiles.type = '#{klass}'"}.join(" OR ")} }
   named_scope :communities, lambda { {:conditions => (Community.send(:subclasses).map(&:name) << 'Community').map { |klass| "profiles.type = '#{klass}'"}.join(" OR ")} }
-  named_scope :templates, :conditions => {:is_template => true}
+  named_scope :templates, lambda { |environment| { :conditions => {:is_template => true, :environment_id => environment.id} } }
  
   def members
     scopes = plugins.dispatch_scopes(:organization_members, self)
@@ -49,13 +49,12 @@ class ProfileListBlock &lt; Block
                send(:profile_image_link, item, :minor )
              }.join("\n  ")
       if list.empty?
-        list = '<div class="common-profile-list-block-none">'+ _('None') +'</div>'
+        list = content_tag 'div', _('None'), :class => 'common-profile-list-block-none'
       else
         list = content_tag 'ul', nl +'  '+ list + nl
       end
       block_title(title) + nl +
-      '<div class="common-profile-list-block">' +
-      nl + list + nl + '<br style="clear:both" /></div>'
+      content_tag('div', nl + list + nl + content_tag('br', '', :style => 'clear:both'))
     end
   end
  
@@ -35,9 +35,9 @@ class TagsBlock &lt; Block
     tagname_option = is_env ? :tag : :id
  
     block_title(title) +
-    "\n<div class='tag_cloud'>\n"+
+    "\n<div class='tag_cloud'>\n".html_safe+
     tag_cloud( tags, tagname_option, url, :max_size => 16, :min_size => 9 ) +
-    "\n</div><!-- end class='tag_cloud' -->\n";
+    "\n</div><!-- end class='tag_cloud' -->\n".html_safe
   end
  
   def footer
@@ -113,7 +113,7 @@ class UploadedFile &lt; Article
  
           content_tag(
             'div',
-            link_to_previous + content_tag('span', _('image %d of %d'), :class => 'total-of-images') % [current_index + 1, total_of_images] + link_to_next,
+            link_to_previous + (content_tag('span', _('image %d of %d'), :class => 'total-of-images') % [current_index + 1, total_of_images]).html_safe + link_to_next,
             :class => 'gallery-navigation'
           )
         end.to_s +
-<div class='article-block-edition'>
+<div class="article-block-edition">
 <% if @block.box.owner.kind_of?(Environment) and @block.box.owner.portal_community.nil? %>
-  <p id='no_portal_community'>
+  <p id="no_portal_community">
   <%= _("You don't have an community defined as the portal community. Define it before use this block properly.") %>
   </p>
 <% else %>
-  <% articles = @block.available_articles.select {|article| !article.folder? } %>
-  <%= select_tag('block[article_id]', options_for_select_with_title(articles.map {|item| [item.path, item.id]}, @block.article ? @block.article.id : nil)) %>
+  <%
+    articles = @block.available_articles.select {|a| !a.folder? || a.blog? }
+    first_text = articles[articles.find_index{|a| a.kind_of? TextArticle}||-1]
+    selected = @block.article || first_text
+  %>
+  <%= select_tag(
+    'block[article_id]',
+    options_for_select_with_title(articles.map {|item| [item.path, item.id]}, selected.id),
+    :onchange => 'this.changedTo(this.value)'
+  )%>
+  <div id="block_blog_options" style="display:none">
+    <%= labelled_form_field(
+      _('Number of posts:'),
+      text_field_tag('block[posts_per_page]', @block.posts_per_page)
+    )%>
+  </div>
+  <%= labelled_form_field(
+    _('How to display this content:'),
+    select_tag(
+      'block[visualization_format]',
+      options_for_select([[_('Lead'), 'short'], [_('Full post'), 'full']], @block.visualization_format)
+    )
+  )%>
+  <% blogs = @block.available_articles.select{|a|a.blog?} %>
+  <script>
+    var select = jQuery("#block_article_id")[0];
+    select.blogs = <%= blogs.map{|b| b.id.to_s }.to_json %>;
+    select.changedTo = function(articleId) {
+      var blogSelected = this.blogs.indexOf(articleId) != -1;
+      jQuery("#block_blog_options").toggle(blogSelected);
+    }
+    select.changedTo('<%= selected.id %>');
+  </script>
 <% end %>
 </div>
@@ -5,7 +5,7 @@
   <% for image in @block.images do %>
     <tr>
       <td>
-        <%= select_tag 'block[images][][image_id]', content_tag(:option) + option_groups_from_collection_for_select(@block.folder_choices, :images, :name, :id, :name, image[:image_id].to_i), :style => "width: 100px" %></p>
+        <%= select_tag 'block[images][][image_id]', content_tag(:option) + option_groups_from_collection_for_select(@block.folder_choices, :images, :name, :id, :name, image[:image_id].to_i).html_safe, :style => "width: 100px" %></p>
       </td>
       <td><%= text_field_tag 'block[images][][address]', image[:address], :class => 'highlight-address', :size => 10 %></td>
       <td><%= text_field_tag 'block[images][][position]', image[:position], :class => 'highlight-position', :size => 3 %></td>
@@ -17,7 +17,7 @@
  
 <%= link_to_function(_('New highlight'), nil, :class => 'button icon-add with-text') do |page|
     page.insert_html :bottom, 'highlights', content_tag('tr',
-                  content_tag('td', select_tag('block[images][][image_id]', content_tag(:option) + option_groups_from_collection_for_select(@block.folder_choices, :images, :name, :id, :name), :style => "width: 100px")) +
+                  content_tag('td', select_tag('block[images][][image_id]', content_tag(:option) + option_groups_from_collection_for_select(@block.folder_choices, :images, :name, :id, :name).html_safe, :style => "width: 100px")) +
                   content_tag('td', text_field_tag('block[images][][address]', nil, :class => 'highlight-address', :size => 10)) +
                   content_tag('td', text_field_tag('block[images][][position]', nil, :class => 'highlight-position', :size => 3)) +
                   content_tag('td', text_field_tag('block[images][][title]', nil, :class => 'highlight-position', :size => 10))
@@ -9,7 +9,12 @@
     <div id='media-upload-form'>
       <% form_tag({ :action => 'media_upload' }, :multipart => true) do %>
         <div class='formfield'>
-          <%= select_profile_folder(_('Choose folder to upload files:'), :parent_id, profile) %>
+          <% default_folder = content_id_to_str default_folder_for_image_upload(profile) %>
+          <%= select_profile_folder(
+                _('Choose folder to upload files:'),
+                :parent_id, profile, default_folder, {}, {},
+                'type="Folder" or type="Gallery"'
+          ) %>
         </div>
         <p><%= file_field_tag('file1') %></p>
         <p><%= file_field_tag('file2') %></p>
-<% add_rss_feed_to_head(@page.name, @page.feed.url)  if @page.blog? && @page.feed %>
+<% add_rss_feed_to_head(blog.name, blog.feed.url)  if blog.blog? && blog.feed %>
  
-<%= content_tag('em', _('(external feed was not loaded yet)'), :id => 'external-feed-info', :class => 'metadata') if @page.blog? && @page.external_feed && @page.external_feed.enabled && @page.external_feed.fetched_at.nil? %>
+<%= content_tag('em', _('(external feed was not loaded yet)'), :id => 'external-feed-info', :class => 'metadata') if blog.blog? && blog.external_feed && blog.external_feed.enabled && blog.external_feed.fetched_at.nil? %>
  
 <div>
   <div class='blog-description'>
-    <%= @page.body %>
+    <%= blog.body %>
   </div>
 </div>
 <hr class="pre-posts"/>
 <div class="blog-posts">
-  <%= (@page.empty? ? content_tag('em', _('(no posts)')) : list_posts(@posts, @page.visualization_format)) %>
+  <%=
+   posts = @posts
+   format = blog.visualization_format
+   if inside_block
+     posts = blog.posts.paginate(:page=>1, :per_page=>inside_block.posts_per_page)
+     format = inside_block.visualization_format
+   end
+   (blog.empty? ? content_tag('em', _('(no posts)')) : list_posts(posts, format))
+  %>
 </div>
@@ -90,7 +90,7 @@
   <% end %>
  
   <% if @page.accept_comments? && @comments_count > 1 %>
-    <%= link_to(_('Post a comment'), '#', :class => 'display-comment-form') %>
+    <%= link_to(_('Post a comment'), '#', :class => 'display-comment-form', :id => 'top-post-comment-button') %>
   <% end %>
  
   <ul class="article-comments-list">
@@ -5,7 +5,7 @@
 <ul class="profile-list">
 <% @favorite_enterprises.each do |enterprise| %>
   <li>
-    <%= link_to_profile profile_image(enterprise) + '<br/>' + enterprise.name,
+    <%= link_to_profile profile_image(enterprise) + '<br/>'.html_safe + enterprise.name,
                         enterprise.identifier, :class => 'profile-link' %>
     <%# profile_image_link enterprise, :portrait, 'div' %>
     <div class="controll">
@@ -0,0 +1,24 @@
+<div id="user">
+  <span class='logged-in' style='display: none;'>
+    <%= usermenu_logged_in %>
+  </span>
+  <span class='not-logged-in' style='display: none'>
+
+    <%= _("<span class='login'>%s</span>") % thickbox_inline_popup_link('<i class="icon-menu-login"></i><strong>' + _('Login') + '</strong>', login_url, 'inlineLoginBox', :id => 'link_login') %>
+    <%= @plugins.dispatch(:alternative_authentication_link).collect { |content| instance_eval(&content) }.join("") %>
+
+    <div id='inlineLoginBox' style='display: none;'>
+      <%= render :file => 'account/login', :locals => { :is_thickbox => true } %>
+    </div>
+
+    <% unless @plugins.dispatch(:allow_user_registration).include?(false) %>
+      <%= _("<span class='or'>or</span> <span class='signup'>%s</span>") % link_to('<strong>' + _('Sign up') + '</strong>', :controller => 'account', :action => 'signup')%>
+    <% end %>
+
+  </span>
+  <form action="/search" id="top-search" class="search_form clean" method="get">
+    <input name="query" size="15" title="<%=_('Search...')%>" onfocus="this.form.className='focused';" onblur="this.form.className=''" />
+    <div><%=_('Press <strong>Enter</strong> to send the search query.')%></div>
+    <%= javascript_tag 'jQuery("#user form input").hint();' %>
+  </form>
+</div><!-- end id="user" -->
@@ -8,38 +8,19 @@
     <meta name="description" content="<%= @environment.name %>" />
     <link rel="shortcut icon" href="<%= image_path(theme_favicon) %>" type="image/x-icon" />
     <%= noosfero_javascript %>
-    <%= stylesheet_link_tag noosfero_stylesheets, :cache => 'cache' %>
-    <%= stylesheet_link_tag template_stylesheet_path %>
-    <%= stylesheet_link_tag icon_theme_stylesheet_path %>
-    <%= stylesheet_link_tag jquery_ui_theme_stylesheet_path %>
-    <%
-      plugins_stylesheets = @plugins.select(&:stylesheet?).map { |plugin| plugin.class.public_path('style.css') }
-    %>
-    <%= stylesheet_link_tag(plugins_stylesheets, :cache => 'cache/plugins-' + Digest::MD5.hexdigest(plugins_stylesheets.to_s)) unless plugins_stylesheets.empty? %>
-    <%= stylesheet_link_tag theme_stylesheet_path %>
+    <%= noosfero_stylesheets %>
  
     <%# Add custom tags/styles/etc via content_for %>
     <%= yield :head %>
-    <%= javascript_tag('render_all_jquery_ui_widgets()') %>
-    <%
-      plugins_javascripts = @plugins.map { |plugin| plugin.js_files.map { |js| plugin.class.public_path(js) } }.flatten
-    %>
-    <%= javascript_include_tag(plugins_javascripts, :cache => 'cache/plugins-' + Digest::MD5.hexdigest(plugins_javascripts.to_s)) unless plugins_javascripts.empty? %>
     <%=
       @plugins.dispatch(:head_ending).collect do |content|
         content.respond_to?(:call) ? content.call : content
       end.join("\n")
     %>
   </head>
-  <body class="<%=
-    # Identify the current controller and action for the CSS:
-    " controller-"+ @controller.controller_name() +
-    " action-"+ @controller.controller_name() +"-"+ @controller.action_name() +
-    " template-"+ ( profile.nil? ? "default" : profile.layout_template ) +
-    (!profile.nil? && profile.is_on_homepage?(request.path,@page) ? " profile-homepage" : "")
-    %>" >
-
+  <body class="<%= body_classes %>">
     <a href="#content" id="link-go-content"><span><%= _("Go to the content") %></span></a>
+
     <%=
       @plugins.dispatch(:body_beginning).collect do |content|
         content.respond_to?(:call) ? content.call : content
@@ -51,31 +32,7 @@
         <%= theme_header %>
       </div>
       <div id="wrap-2">
-        <div id="user">
-          <span class='logged-in' style='display: none;'>
-            <%= usermenu_logged_in %>
-          </span>
-          <span class='not-logged-in' style='display: none'>
-
-              <%= _("<span class='login'>%s</span>") % thickbox_inline_popup_link('<i class="icon-menu-login"></i><strong>' + _('Login') + '</strong>', login_url, 'inlineLoginBox', :id => 'link_login') %>
-              <%= @plugins.dispatch(:alternative_authentication_link).collect { |content| instance_eval(&content) }.join("") %>
-
-              <div id='inlineLoginBox' style='display: none;'>
-                <%= render :file => 'account/login', :locals => { :is_thickbox => true } %>
-              </div>
-
-              <% unless @plugins.dispatch(:allow_user_registration).include?(false) %>
-              <%= _("<span class='or'>or</span> <span class='signup'>%s</span>") % link_to('<strong>' + _('Sign up') + '</strong>', :controller => 'account', :action => 'signup')%>
-              <% end %>
-
-          </span>
-          <form id="top-search" action="/search" class="search_form clean" method="get">
-            <input name="query" size="15" title="<%=_('Search...')%>" onfocus="this.form.className='focused';" onblur="this.form.className=''" />
-            <div><%=_('Press <strong>Enter</strong> to send the search query.')%></div>
-            <%= javascript_tag 'jQuery("#user form input").hint();' %>
-          </form>
-        </div><!-- end id="user" -->
-
+        <%= render :partial => 'layouts/user' %>
         <h1 id="site-title">
           <%= theme_site_title %>
         </h1>
 <h3><%= _("%s's wall") % @profile.name %></h3>
 <div id='leave_scrap'>
   <%= flash[:error] %>
-  <% form_remote_tag :url => {:controller => 'profile', :action => 'leave_scrap', :tab_action => 'wall' }, :update => 'profile_activities', :success => "$('leave_scrap_content').value=''" do %>
+  <% form_remote_tag :url => {:controller => 'profile', :action => 'leave_scrap', :tab_action => 'wall' }, :update => 'profile_activities', :success => "$('leave_scrap_content').value=''", :complete => "jQuery('#leave_scrap_form').removeClass('loading').find('*').attr('disabled', false)", :loading => "jQuery('#leave_scrap_form').addClass('loading').find('*').attr('disabled', true)", :html => {:id => 'leave_scrap_form' } do %>
     <%= limited_text_area :scrap, :content, 420, 'leave_scrap_content', :cols => 50, :rows => 2 %>
     <%= submit_button :new, _('Share') %>
   <% end %>
@@ -13,11 +13,11 @@
  
 <% @roles.each do |role| %>
   <% search_url = url_for(:action => 'search_user', :profile => profile.identifier, :role => role.id) %>
-  <% @pre_population ||= profile.members_by_role_to_json(role) %>
+  <% pre_population = params[:action] == 'last_admin' ? [].to_json : profile.members_by_role_to_json(role) %>
   <script type="text/javascript">
     jQuery(<%= ('#search_' + role.key).to_json %>)
     .tokenInput("<%= search_url %>", {
-      prePopulate: <%= @pre_population %>,
+      prePopulate: <%= pre_population %>,
       hintText: <%= _('Type in a search term for users').to_json %>,
       noResultsText: <%= _('No results').to_json %>,
       searchingText: <%= _('Searching...').to_json %>,
@@ -2,9 +2,9 @@
  
 <%= _('Manage the templates used on creation of profiles') %>
  
-<% list_of_templates = [[_('Person')    , Person.templates    , 'person'    ],
-                        [_('Community') , Community.templates , 'community' ],
-                        [_('Enterprise'), Enterprise.templates, 'enterprise']] %>
+<% list_of_templates = [[_('Person')    , Person.templates(environment)    , 'person'    ],
+                        [_('Community') , Community.templates(environment) , 'community' ],
+                        [_('Enterprise'), Enterprise.templates(environment), 'enterprise']] %>
  
 <% list_of_templates.each do |title, templates, kind|%>
   <div class='template-kind'>
@@ -11,17 +11,17 @@
         base_content = image_tag(
           "/designs/templates/#{template.id}/thumbnail.png",
           :alt => _('The "%s" template')) +
-        '<div class="opt-info">' +
+        '<div class="opt-info">'.html_safe +
         content_tag('strong', template.id, :class => 'name') +
-        ' <br/> '
+        ' <br/> '.html_safe
  
         if @current_template == template.id  # selected
           content_tag( 'div',
-            base_content + content_tag('big', _('(current)') ) +'</div>',
+            base_content + content_tag('big', _('(current)') ) +'</div>'.html_safe,
             :class => 'template-opt list-opt selected')
         else  # Not selected
           link_to(
-            base_content +'</div>',
+            base_content +'</div>'.html_safe,
             { :action => 'set_layout_template', :id => template.id },
             :class => 'template-opt list-opt')
         end
@@ -48,17 +48,17 @@
         base_content = image_tag(
           "/designs/themes/#{theme.id}/preview.png",
           :alt => (_('The "%s" theme.') % theme.name)) +
-        '<div class="opt-info">' +
+        '<div class="opt-info">'.html_safe +
         content_tag('strong', theme.name, :class => 'name') +
-        ' <br/> '
+        ' <br/> '.html_safe
  
         if theme.id == @current_theme  # selected
           content_tag( 'div',
-            base_content + content_tag('big', _('(current)') ) +'</div>',
+            base_content + content_tag('big', _('(current)') ) +'</div>'.html_safe,
             :class => 'theme-opt list-opt selected')
         else  # Not selected
           link_to(
-            base_content + '</div>',
+            base_content + '</div>'.html_safe,
             { :action => 'set', :id => theme.id },
             :class => 'theme-opt list-opt')
         end
@@ -1 +0,0 @@
-<%= user_csv.name %>;<%= user_csv.email %>
@@ -1,2 +0,0 @@
-<%= _('name') %>;<%= _('email') %>
-<%= render :partial => 'user_csv', :collection => @users %>
-default: --color --format progress --strict --tags ~@selenium --tags ~@selenium-fixme --tags ~@fixme --exclude features/support/selenium.rb -r features/support -r features/step_definitions
-selenium: --strict --tags @selenium -r features/support -r features/step_definitions
+<% base_requires = '-r features/support -r features/step_definitions' %>
+<% default_options = "--color --format progress --strict --tags ~@selenium --tags ~@selenium-fixme --tags ~@fixme --exclude features/support/selenium.rb #{base_requires}" %>
+<% selenium_options = "--strict --tags @selenium #{base_requires}" %>
+
+default: <%= default_options %>
+selenium: <%= selenium_options %>
+
+<% enabled_plugins = Dir.glob(File.join('config', 'plugins', '*')).map{|path| plugin = File.basename(path); plugin if File.exist?(File.join('features', 'plugins', plugin)) }.compact %>
+
+<% enabled_plugins.each do |plugin| %>
+<% plugin_features_path = File.join('features', 'plugins', plugin) %>
+<% plugin_base_requires = '' %>
+<% plugin_base_requires += " -r features/plugins/#{plugin}/support" if File.exist?(File.join(plugin_features_path, 'support')) %>
+<% plugin_base_requires += " -r features/plugins/#{plugin}/step_definitions" if File.exist?(File.join(plugin_features_path, 'step_definitions')) %>
+<%= "#{plugin}: #{default_options} #{plugin_base_requires}" %>
+<%= "#{plugin}_selenium: #{selenium_options} #{plugin_base_requires}" %>
+<% end %>
+noosfero (0.41.2) unstable; urgency=low
+
+  * Bugfixes release 
+
+ -- Rodrigo Souto <rodrigo@colivre.coop.br>  Wed, 17 Apr 2013 16:22:53 -0300
+
 noosfero (0.41.1) unstable; urgency=low
  
   * Bugfixes release
@@ -0,0 +1,2 @@
+This directory must contain symbolink links to the Noosfero plugins features
+files folder.
@@ -1,14 +0,0 @@
-Then /^I directly delete content with name "([^\"]*)" for testing purposes$/ do |content_name|
-  Article.find_by_name(content_name).destroy
-end
-
-Then /^I should be at the url "([^\"]*)"$/ do |url|
-  if response.class.to_s == 'Webrat::SeleniumResponse'
-    URI.parse(response.selenium.get_location).path.should == url
-  else
-    URI.parse(current_url).path.should == url
-  end
-end
-
-Then /^I don't fill anything$/ do
-end
@@ -761,3 +761,9 @@ Given /^there are no pending jobs$/ do
     Delayed::Worker.new.work_off
   end
 end
+
+When /^I confirm the "(.*)" dialog$/ do |confirmation|
+  a = page.driver.browser.switch_to.alert
+  assert_equal confirmation, a.text
+  a.accept
+end
@@ -3,7 +3,7 @@ require &#39;fast_gettext&#39;
  
 module Noosfero
   PROJECT = 'noosfero'
-  VERSION = '0.41.1'
+  VERSION = '0.41.2'
  
   def self.pattern_for_controllers_in_directory(dir)
     disjunction = controllers_in_directory(dir).join('|')
@@ -97,6 +97,35 @@ class Noosfero::Plugin
     ERB.new(File.read("#{views_path}/#{file_path}")).result(binding)
   end
  
+  def extra_blocks(params = {})
+    return [] if self.class.extra_blocks.nil?
+    blocks = self.class.extra_blocks.map do |block, options|
+      type = options[:type]
+      type = type.is_a?(Array) ? type : [type].compact
+      type = type.map do |x|
+        x.is_a?(String) ? x.capitalize.constantize : x
+      end
+      raise "This is not a valid type" if !type.empty? && ![Person, Community, Enterprise, Environment].detect{|m| type.include?(m)}
+
+      position = options[:position]
+      position = position.is_a?(Array) ? position : [position].compact
+      position = position.map{|p| p.to_i}
+      raise "This is not a valid position" if !position.empty? && ![1,2,3].detect{|m| position.include?(m)}
+
+      if !type.empty? && (params[:type] != :all)
+        block = type.include?(params[:type]) ? block : nil
+      end
+
+      if !position.empty? && !params[:position].nil?
+        block = position.detect{ |p| [params[:position]].flatten.include?(p)} ? block : nil
+      end
+
+      block
+    end
+    blocks.compact!
+    blocks || []
+  end
+
   # Here the developer may specify the events to which the plugins can
   # register and must return true or false. The default value must be false.
  
@@ -358,6 +387,60 @@ class Noosfero::Plugin
   def find_by_contents(asset, scope, query, paginate_options={}, options={})
   end
  
+  # -> Adds additional blocks to profiles and environments.
+  # Your plugin must implements a class method called 'extra_blocks'
+  # that returns a hash with the following syntax.
+  #    {
+  #      'block_name' =>
+  #        {
+  #          :type => 'for which holder the block will be available',
+  #          :position => 'where the block could be displayed'
+  #        }
+  #    }
+  #
+  # Where:
+  #
+  #   - block_name: Name of the new block added to the blocks list
+  #   - type: Might have some of the values
+  #      - 'environment' or Environment: If the block is available only for Environment models
+  #      - 'community' or Community: If the block is available only for Community models
+  #      - 'enterprise' or Enterprise: If the block is available only for Enterprise models
+  #      - 'person' or Person: If the block is available only for Person models
+  #      - nil: If no type parameter is passed the block will be available for all types
+  #   - position: Is the layout position of the block. It should be:
+  #      - '1' or 1: Area 1 of layout
+  #      - '2' or 2: Area 2 of layout
+  #      - '3' or 3: Area 3 of layout
+  #      - nil: If no position parameter is passed the block will be available for all positions
+  #
+  #      OBS: Area 1 is where stay the main content of layout. Areas 2 and 3 are the sides of layout.
+  #
+  # examples:
+  #
+  #   def self.extra_blocks(params)
+  #     {
+  #       #Display 'CustomBlock1' only for 'Person' on position '1'
+  #       CustomBlock1 => {:type => 'person', :position => '1' },
+  #
+  #       #Display 'CustomBlock2' only for 'Community' on position '2'
+  #       CustomBlock2 => {:type => Community, :position => '2' },
+  #
+  #       #Display 'CustomBlock3' only for 'Enterprise' on position '3'
+  #       CustomBlock3 => {:type => 'enterprise', :position => 3 },
+  #
+  #       #Display 'CustomBlock2' for 'Environment' and 'Person' on positions '1' and '3'
+  #       CustomBlock4 => {:type => ['environment', Person], :position => ['1','3'] },
+  #
+  #       #Display 'CustomBlock5' for all types and all positions
+  #       CustomBlock5 => {},
+  #     }
+  #   end
+  #
+  #   OBS: The default value is a empty hash.
+  def self.extra_blocks
+    {}
+  end
+
   def method_missing(method, *args, &block)
     # This is a generic hotspot for all controllers on Noosfero.
     # If any plugin wants to define filters to run on any controller, the name of
@@ -17,6 +17,14 @@ def plugin_name(plugin)
   "#{plugin} plugin"
 end
  
+def plugin_enabled?(plugin)
+  File.exist?(File.join('config', 'plugins', plugin))
+end
+
+def plugin_disabled_warning(plugin)
+  puts "E: you should enable #{plugin} plugin before running it's tests!"
+end
+
 def run_tests(name, files_glob)
   files = Dir.glob(files_glob)
   if files.empty?
@@ -38,21 +46,33 @@ end
 def plugin_test_task(name, plugin, files_glob)
   desc "Run #{name} tests for #{plugin_name(plugin)}"
   task name => 'db:test:plugins:prepare' do |t|
-    run_tests t.name, files_glob
+    if plugin_enabled?(plugin)
+      run_tests t.name, files_glob
+    else
+      plugin_disabled_warning(plugin)
+    end
   end
 end
  
 def plugin_cucumber_task(name, plugin, files_glob)
   desc "Run #{name} tests for #{plugin_name(plugin)}"
   task name => 'db:test:plugins:prepare' do |t|
-    run_cucumber t.name, :default, files_glob
+    if plugin_enabled?(plugin)
+      run_cucumber t.name, plugin, files_glob
+    else
+      plugin_disabled_warning(plugin)
+    end
   end
 end
  
 def plugin_selenium_task(name, plugin, files_glob)
   desc "Run #{name} tests for #{plugin_name(plugin)}"
   task name => 'db:test:plugins:prepare' do |t|
-    run_cucumber t.name, :selenium, files_glob
+    if plugin_enabled?(plugin)
+      run_cucumber t.name, "#{plugin}_selenium", files_glob
+    else
+      plugin_disabled_warning(plugin)
+    end
   end
 end
  
@@ -81,8 +101,8 @@ namespace :test do
         plugin_test_task :units, plugin, "plugins/#{plugin}/test/unit/**/*.rb"
         plugin_test_task :functionals, plugin, "plugins/#{plugin}/test/functional/**/*.rb"
         plugin_test_task :integration, plugin, "plugins/#{plugin}/test/integration/**/*.rb"
-        plugin_cucumber_task :cucumber, plugin, "plugins/#{plugin}/test/features/**/*.feature"
-        plugin_selenium_task :selenium, plugin, "plugins/#{plugin}/test/features/**/*.feature"
+        plugin_cucumber_task :cucumber, plugin, "plugins/#{plugin}/features/**/*.feature"
+        plugin_selenium_task :selenium, plugin, "plugins/#{plugin}/features/**/*.feature"
       end
  
       test_sequence_task(plugin, plugin, "#{plugin}:units", "#{plugin}:functionals", "#{plugin}:integration", "#{plugin}:cucumber", "#{plugin}:selenium")
@@ -0,0 +1,164 @@
+Feature: bsc
+
+  Background:
+    Given "Bsc" plugin is enabled
+
+  Scenario: display link to bsc creation on admin panel when bsc plugin active
+    Given I am logged in as admin
+    When I am on the environment control panel
+    Then I should see "Create Bsc"
+    When "Bsc" plugin is disabled
+    And I am on the environment control panel
+    Then I should not see "Create Bsc"
+
+  Scenario: be able to create a bsc
+    Given I am logged in as admin
+    And I am on the environment control panel
+    And I follow "Create Bsc"
+    And I fill in the following:
+      | Business name | Sample Bsc         |
+      | Company name  | Sample Bsc         |
+      | profile_data_identifier    | sample-identifier  |
+      | Cnpj          | 07.970.746/0001-77 |
+    When I press "Save"
+    Then there should be a profile named "Sample Bsc"
+
+  Scenario: display a button on bsc control panel to manage associated enterprises
+    Given the folllowing "bsc" from "bsc_plugin"
+      | business_name | identifier | company_name  | cnpj               |
+      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 |
+    And I am logged in as admin
+    When I am on Bsc Test's control panel
+    Then I should see "Manage associated enterprises"
+
+  Scenario: display a button on bsc control panel to transfer ownership
+    Given the folllowing "bsc" from "bsc_plugin"
+      | business_name | identifier | company_name  | cnpj               |
+      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 |
+    And I am logged in as admin
+    When I am on Bsc Test's control panel
+    Then I should see "Transfer ownership"
+
+  Scenario: create a new enterprise already associated with a bsc
+    Given the following user
+      | login       | name        |
+      | pedro-silva | Pedro Silva |
+    And the folllowing "bsc" from "bsc_plugin"
+      | business_name | identifier | company_name  | cnpj               | owner       |
+      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 | pedro-silva |
+    And organization_approval_method is "none" on environment
+    And I am logged in as "pedro-silva"
+    And I am on Bsc Test's control panel
+    And I follow "Manage associated enterprises"
+    And I follow "Add new enterprise"
+    And I fill in the following:
+      | Name    | Associated Enterprise |
+      | Address | associated-enterprise |
+    When I press "Save"
+    Then "Associated Enterprise" should be associated with "Bsc Test"
+
+  Scenario: do not display "add new product" button
+    Given the following user
+      | login       | name        |
+      | pedro-silva | Pedro Silva |
+    And the folllowing "bsc" from "bsc_plugin"
+      | business_name | identifier | company_name  | cnpj               | owner       |
+      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 | pedro-silva |
+    And feature "disable_products_for_enterprises" is disabled on environment
+    And I am logged in as "pedro-silva"
+    And I am on Bsc Test's control panel
+    When I follow "Manage Products and Services"
+    Then I should not see "New product or service"
+
+  Scenario: display bsc's enterprises' products name on the bsc catalog
+    Given the following user
+      | login       | name        |
+      | pedro-silva | Pedro Silva |
+    And the folllowing "bsc" from "bsc_plugin"
+      | business_name | identifier | company_name  | cnpj               | owner       |
+      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 | pedro-silva |
+    And the following enterprise
+      | identifier        | name              |
+      | sample-enterprise | Sample Enterprise |
+    And the following product_category
+      | name |
+      | bike |
+    And the following products
+      | owner             | category  | name          |
+      | sample-enterprise | bike      | Master Bike   |
+    And "Sample Enterprise" is associated with "Bsc Test"
+    And I am logged in as "pedro-silva"
+    When I go to Bsc Test's products page
+    Then I should see "Master Bike"
+    And I should see "Sample Enterprise"
+
+  Scenario: display enterprise name linked only if person is member of any Bsc
+    Given the folllowing "bsc" from "bsc_plugin"
+      | business_name | identifier    | company_name          | cnpj               |
+      | Bsc Test      | bsc-test      | Bsc Test Ltda         | 94.132.024/0001-48 |
+      | Another Bsc   | another-bsc   | Another Bsc Test Ltda | 07.970.746/0001-77 |
+    And the following enterprise
+      | identifier        | name              |
+      | sample-enterprise | Sample Enterprise |
+    And the following product_category
+      | name |
+      | bike |
+    And the following products
+      | owner             | category  | name          |
+      | sample-enterprise | bike      | Master Bike   |
+    And "Sample Enterprise" is associated with "Bsc Test"
+    And the folllowing "bsc" from "bsc_plugin"
+      | business_name | identifier    | company_name          | cnpj               |
+    And the following user
+      | login | name        |
+      | pedro | Pedro Souto |
+      | maria | Maria Souto |
+    And pedro is member of another-bsc
+    And I am logged in as "pedro"
+    When I go to Bsc Test's products page
+    Then I should see "Sample Enterprise"
+    And I should see "Sample Enterprise" within "a.bsc-catalog-enterprise-link"
+    But I am logged in as "maria"
+    When I go to Bsc Test's products page
+    Then I should see "Sample Enterprise"
+    #TODO -> test that it's not a link
+
+  Scenario: allow only environment administrators to delete bsc profile
+    Given the folllowing "bsc" from "bsc_plugin"
+      | business_name | identifier | company_name  | cnpj               |
+      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 |
+    And the following user
+      | login | name        |
+      | pedro | Pedro Souto |
+    And "Pedro Souto" is admin of "Bsc Test"
+    And I am logged in as "pedro"
+    And I am on Bsc Test's control panel
+    And I follow "Bsc info and settings"
+    When I follow "Delete profile"
+    Then I should see "Access denied"
+    And "Bsc Test" profile should exist
+    But I am logged in as admin
+    And I am on Bsc Test's control panel
+    And I follow "Bsc info and settings"
+    When I follow "Delete profile"
+    Then I should see "Deleting profile Bsc Test"
+    And I follow "Yes, I am sure"
+    Then "Bsc Test" profile should not exist
+
+  # Like we can believe that selenium is going to work...
+  @selenium
+  Scenario: list already associated enterprises on manage associated enterprises
+    Given the folllowing "bsc" from "bsc_plugin"
+      | business_name | identifier | company_name  | cnpj               |
+      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 |
+    And the following enterprises
+      | identifier    | name          |
+      | enterprise-1  | Enterprise 1  |
+      | enterprise-2  | Enterprise 2  |
+    And "Enterprise 1" is associated with "Bsc Test"
+    And "Enterprise 2" is associated with "Bsc Test"
+    And I am logged in as admin
+    And I am on Bsc Test's control panel
+    When I follow "Manage associated enterprises"
+    Then I should see "Enterprise 1"
+    And I should see "Enterprise 2"
@@ -0,0 +1,21 @@
+Feature: Bsc contract
+As a Bsc admin
+I would like to register a contract
+In order to make negotiations
+
+  Background:
+    Given "Bsc" plugin is enabled
+    And the folllowing "bsc" from "bsc_plugin"
+      | business_name | identifier | company_name  | cnpj               |
+      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 |
+    And I am logged in as admin
+
+  Scenario: be able see the manage contracts button only if the profile is a Bsc
+    Given the following community
+      | name              | identifier        |
+      | Sample Community  | sample-community  |
+    When I am on Sample Community's control panel
+    Then I should not see "Manage contracts"
+    But I am on Bsc Test's control panel
+    Then I should see "Manage contracts"
+
@@ -1,164 +0,0 @@
-Feature: bsc
-
-  Background:
-    Given "Bsc" plugin is enabled
-
-  Scenario: display link to bsc creation on admin panel when bsc plugin active
-    Given I am logged in as admin
-    When I am on the environment control panel
-    Then I should see "Create Bsc"
-    When "Bsc" plugin is disabled
-    And I am on the environment control panel
-    Then I should not see "Create Bsc"
-
-  Scenario: be able to create a bsc
-    Given I am logged in as admin
-    And I am on the environment control panel
-    And I follow "Create Bsc"
-    And I fill in the following:
-      | Business name | Sample Bsc         |
-      | Company name  | Sample Bsc         |
-      | profile_data_identifier    | sample-identifier  |
-      | Cnpj          | 07.970.746/0001-77 |
-    When I press "Save"
-    Then there should be a profile named "Sample Bsc"
-
-  Scenario: display a button on bsc control panel to manage associated enterprises
-    Given the folllowing "bsc" from "bsc_plugin"
-      | business_name | identifier | company_name  | cnpj               |
-      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 |
-    And I am logged in as admin
-    When I am on Bsc Test's control panel
-    Then I should see "Manage associated enterprises"
-
-  Scenario: display a button on bsc control panel to transfer ownership
-    Given the folllowing "bsc" from "bsc_plugin"
-      | business_name | identifier | company_name  | cnpj               |
-      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 |
-    And I am logged in as admin
-    When I am on Bsc Test's control panel
-    Then I should see "Transfer ownership"
-
-  Scenario: create a new enterprise already associated with a bsc
-    Given the following user
-      | login       | name        |
-      | pedro-silva | Pedro Silva |
-    And the folllowing "bsc" from "bsc_plugin"
-      | business_name | identifier | company_name  | cnpj               | owner       |
-      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 | pedro-silva |
-    And organization_approval_method is "none" on environment
-    And I am logged in as "pedro-silva"
-    And I am on Bsc Test's control panel
-    And I follow "Manage associated enterprises"
-    And I follow "Add new enterprise"
-    And I fill in the following:
-      | Name    | Associated Enterprise |
-      | Address | associated-enterprise |
-    When I press "Save"
-    Then "Associated Enterprise" should be associated with "Bsc Test"
-
-  Scenario: do not display "add new product" button
-    Given the following user
-      | login       | name        |
-      | pedro-silva | Pedro Silva |
-    And the folllowing "bsc" from "bsc_plugin"
-      | business_name | identifier | company_name  | cnpj               | owner       |
-      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 | pedro-silva |
-    And feature "disable_products_for_enterprises" is disabled on environment
-    And I am logged in as "pedro-silva"
-    And I am on Bsc Test's control panel
-    When I follow "Manage Products and Services"
-    Then I should not see "New product or service"
-
-  Scenario: display bsc's enterprises' products name on the bsc catalog
-    Given the following user
-      | login       | name        |
-      | pedro-silva | Pedro Silva |
-    And the folllowing "bsc" from "bsc_plugin"
-      | business_name | identifier | company_name  | cnpj               | owner       |
-      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 | pedro-silva |
-    And the following enterprise
-      | identifier        | name              |
-      | sample-enterprise | Sample Enterprise |
-    And the following product_category
-      | name |
-      | bike |
-    And the following products
-      | owner             | category  | name          |
-      | sample-enterprise | bike      | Master Bike   |
-    And "Sample Enterprise" is associated with "Bsc Test"
-    And I am logged in as "pedro-silva"
-    When I go to Bsc Test's products page
-    Then I should see "Master Bike"
-    And I should see "Sample Enterprise"
-
-  Scenario: display enterprise name linked only if person is member of any Bsc
-    Given the folllowing "bsc" from "bsc_plugin"
-      | business_name | identifier    | company_name          | cnpj               |
-      | Bsc Test      | bsc-test      | Bsc Test Ltda         | 94.132.024/0001-48 |
-      | Another Bsc   | another-bsc   | Another Bsc Test Ltda | 07.970.746/0001-77 |
-    And the following enterprise
-      | identifier        | name              |
-      | sample-enterprise | Sample Enterprise |
-    And the following product_category
-      | name |
-      | bike |
-    And the following products
-      | owner             | category  | name          |
-      | sample-enterprise | bike      | Master Bike   |
-    And "Sample Enterprise" is associated with "Bsc Test"
-    And the folllowing "bsc" from "bsc_plugin"
-      | business_name | identifier    | company_name          | cnpj               |
-    And the following user
-      | login | name        |
-      | pedro | Pedro Souto |
-      | maria | Maria Souto |
-    And pedro is member of another-bsc
-    And I am logged in as "pedro"
-    When I go to Bsc Test's products page
-    Then I should see "Sample Enterprise"
-    And I should see "Sample Enterprise" within "a.bsc-catalog-enterprise-link"
-    But I am logged in as "maria"
-    When I go to Bsc Test's products page
-    Then I should see "Sample Enterprise"
-    #TODO -> test that it's not a link
-
-  Scenario: allow only environment administrators to delete bsc profile
-    Given the folllowing "bsc" from "bsc_plugin"
-      | business_name | identifier | company_name  | cnpj               |
-      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 |
-    And the following user
-      | login | name        |
-      | pedro | Pedro Souto |
-    And "Pedro Souto" is admin of "Bsc Test"
-    And I am logged in as "pedro"
-    And I am on Bsc Test's control panel
-    And I follow "Bsc info and settings"
-    When I follow "Delete profile"
-    Then I should see "Access denied"
-    And "Bsc Test" profile should exist
-    But I am logged in as admin
-    And I am on Bsc Test's control panel
-    And I follow "Bsc info and settings"
-    When I follow "Delete profile"
-    Then I should see "Deleting profile Bsc Test"
-    And I follow "Yes, I am sure"
-    Then "Bsc Test" profile should not exist
-
-  # Like we can believe that selenium is going to work...
-  @selenium
-  Scenario: list already associated enterprises on manage associated enterprises
-    Given the folllowing "bsc" from "bsc_plugin"
-      | business_name | identifier | company_name  | cnpj               |
-      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 |
-    And the following enterprises
-      | identifier    | name          |
-      | enterprise-1  | Enterprise 1  |
-      | enterprise-2  | Enterprise 2  |
-    And "Enterprise 1" is associated with "Bsc Test"
-    And "Enterprise 2" is associated with "Bsc Test"
-    And I am logged in as admin
-    And I am on Bsc Test's control panel
-    When I follow "Manage associated enterprises"
-    Then I should see "Enterprise 1"
-    And I should see "Enterprise 2"
@@ -1,21 +0,0 @@
-Feature: Bsc contract
-As a Bsc admin
-I would like to register a contract
-In order to make negotiations
-
-  Background:
-    Given "Bsc" plugin is enabled
-    And the folllowing "bsc" from "bsc_plugin"
-      | business_name | identifier | company_name  | cnpj               |
-      | Bsc Test      | bsc-test   | Bsc Test Ltda | 94.132.024/0001-48 |
-    And I am logged in as admin
-
-  Scenario: be able see the manage contracts button only if the profile is a Bsc
-    Given the following community
-      | name              | identifier        |
-      | Sample Community  | sample-community  |
-    When I am on Sample Community's control panel
-    Then I should not see "Manage contracts"
-    But I am on Bsc Test's control panel
-    Then I should see "Manage contracts"
-
@@ -0,0 +1,70 @@
+README - DisplayContent (DisplayContent Plugin)
+================================
+
+DisplayContent is a plugin to allow the user adds a block where you could choose any of your content for display it.
+
+The DisplayContent block will be available for all layout columns of communities, peole, enterprises and environments.
+
+All the articles choosen are displayed as a list with a link for the title and the lead content.
+
+If a Blog or a Folder is choosen the block will display all articles inside the blog or the folder.
+
+Galleries are not displayed in this block.
+
+INSTALL
+=======
+
+Enable Plugin
+-------------
+
+Also, you need to enable DisplayContent Plugin at you Noosfero:
+
+cd <your_noosfero_dir>
+./script/noosfero-plugins enable display_content
+
+Active Plugin
+-------------
+
+As a Noosfero administrator user, go to administrator panel:
+
+- Click on "Enable/disable plugins" option
+- Click on "Display Content Plugin" check-box
+
+DEVELOPMENT
+===========
+
+Noosfero uses jQuery 1.5.1 and the jsTree doesn't works fine with this jQuery version. 
+Until Noosfero upgrade its JQuery version to a newer one is necessary to load jQuery 1.8.3 inside plugin and apply some changes in jsTree to avoid jQuery conflit.
+
+Get the Display Content (Noosfero with Display Content Plugin) development repository:
+
+$ git clone https://gitorious.org/+noosfero/noosfero/display_content
+
+Running DisplayContent tests
+--------------------
+
+$ rake test:noosfero_plugins:display_content
+
+
+Get Involved
+============
+
+If you found any bug and/or want to collaborate, please send an e-mail to leandronunes@gmail.com
+
+LICENSE
+=======
+
+Copyright (c) The Author developers.
+
+See Noosfero license.
+
+
+AUTHORS
+=======
+
+ Leandro Nunes dos Santos (leandronunes at gmail.com)
+
+ACKNOWLEDGMENTS
+===============
+
+The author have been supported by Serpro
@@ -0,0 +1,9 @@
+require File.dirname(__FILE__) + '/display_content_plugin_module'
+
+class DisplayContentPluginAdminController < AdminController
+
+  append_view_path File.join(File.dirname(__FILE__) + '/../views')
+
+  include DisplayContentPluginController 
+
+end
@@ -0,0 +1,32 @@
+module DisplayContentPluginController
+
+  def index
+    block = boxes_holder.blocks.find(params[:block_id])
+
+    articles = block.articles_of_parent(params[:id])
+    data = []
+    data =  data + get_node(block, articles)
+    render :json => data
+  end
+
+  protected
+
+  def get_node(block, articles)
+      nodes = []
+      articles.map do |article|
+        node = {}
+        node[:data] = article.title
+        node[:attr] = { 'node_id' => article.id, 'parent_id' => article.parent_id}
+        if block.nodes.include?(article.id)
+          node[:attr].merge!('class' => 'jstree-checked') 
+        elsif block.parent_nodes.include?(article.id)
+          node[:children] = get_node(block, article.children)
+          node[:attr].merge!('class' => 'jstree-undetermined') 
+        end
+        node[:state] = 'closed' if Article.exists?(:parent_id => article.id)
+        nodes.push(node)
+     end
+     nodes
+  end
+
+end
@@ -0,0 +1,9 @@
+require File.dirname(__FILE__) + '/display_content_plugin_module'
+
+class DisplayContentPluginMyprofileController < MyProfileController
+
+  append_view_path File.join(File.dirname(__FILE__) + '/../views')
+
+  include DisplayContentPluginController 
+
+end
@@ -0,0 +1,86 @@
+class DisplayContentBlock < Block
+
+  settings_items :nodes, :type => Array, :default => []
+  settings_items :parent_nodes, :type => Array, :default => []
+  settings_items :chosen_attributes, :type => Array, :default => ['title']
+
+  def self.description
+    _('Display your contents')
+  end
+
+  def help
+    _('This block displays articles chosen by you. You can edit the block to select which of your articles is going to be displayed in the block.')
+  end
+
+  def checked_nodes= params
+    return self.nodes if self.holder.nil?
+    articles = []
+    parent_articles = []
+    self.holder.articles.find(params.keys).map do |article|
+      if article.folder?
+        articles = articles + article.children
+        parent_articles << article.id
+      else
+        articles<< article
+      end
+      parent_articles = parent_articles + get_parent(article) unless parent_articles.include?(article.parent_id)
+    end
+    self.parent_nodes = parent_articles
+    self.nodes = articles.map{|a| a.id if a.is_a?(TextArticle) }.compact
+  end
+
+  VALID_CONTENT = ['RawHTMLArticle', 'TextArticle', 'TextileArticle', 'TinyMceArticle', 'Folder', 'Blog', 'Forum']
+
+  def articles_of_parent(parent = nil)
+    return [] if self.holder.nil?
+    holder.articles.find(:all, :conditions => {:type => VALID_CONTENT, :parent_id => (parent.nil? ? nil : parent)}) 
+  end
+
+  include ActionController::UrlWriter
+  def content(args={})
+    docs = owner.articles.find(:all, :conditions => {:id => self.nodes})
+    block_title(title) +
+    content_tag('ul', docs.map {|item|  
+      content_tag('li', 
+        (display_attribute?('title') ? content_tag('div', link_to(h(item.title), item.url), :class => 'title') : '') +
+        (display_attribute?('abstract') ? content_tag('div', item.abstract ,:class => 'lead') : '') +
+        (display_attribute?('body') ? content_tag('div', item.body ,:class => 'body') : '')
+      )
+    }.join("\n"))
+
+  end
+
+  def url_params
+    params = {:block_id => self.id}
+    if self.owner.is_a?(Profile)
+      params.merge!(:controller => "display_content_plugin_myprofile")
+      params.merge!(:profile => self.holder.identifier)
+    else
+      params.merge!( :controller => "display_content_plugin_admin")
+    end
+    params
+  end
+
+  def display_attribute?(attr)
+    chosen_attributes.include?(attr) 
+  end
+
+  protected
+
+  def holder
+    return nil if self.box.nil? || self.box.owner.nil?
+    if self.box.owner.kind_of?(Environment) 
+      return nil if self.box.owner.portal_community.nil?
+      self.box.owner.portal_community
+    else
+      self.box.owner
+    end
+  end
+
+  def get_parent(article)
+    return [] if article.parent_id.nil?
+    parents = [article.parent.id] + get_parent(article.parent)
+    return parents
+  end
+
+end
@@ -0,0 +1,32 @@
+require_dependency File.dirname(__FILE__) + '/display_content_block'
+
+class DisplayContentPlugin < Noosfero::Plugin
+
+  def self.plugin_name
+    "Display Content Plugin"
+  end
+
+  def self.plugin_description
+    _("A plugin that adds a block where you could choose any of your content and display it.")
+  end
+
+  def self.extra_blocks
+    {
+      DisplayContentBlock => {}
+    }
+  end
+
+  def self.has_admin_url?
+    false
+  end
+
+  #FIXME make this test
+  def stylesheet?
+    true
+  end
+
+  def js_files
+    ['/javascripts/jstree/_lib/jquery-1.8.3.js', '/javascripts/jstree/jquery.jstree.js']
+  end
+
+end
@@ -0,0 +1 @@
+jstree-v.pre1.0/
 \ No newline at end of file
@@ -0,0 +1,10 @@
+jsTree pre1.0
+http://jstree.com/
+
+Copyright (c) 2011 Ivan Bozhanov (vakata.com)
+
+Dual licensed under the MIT and GPL licenses:
+  http://www.opensource.org/licenses/mit-license.php
+  http://www.gnu.org/licenses/gpl.html
+
+This is the latest stable version before switching from GoogleCode to GitHub.
 \ No newline at end of file
@@ -0,0 +1,20 @@
+CREATE TABLE IF NOT EXISTS `tree` (
+  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
+  `parent_id` bigint(20) unsigned NOT NULL,
+  `position` bigint(20) unsigned NOT NULL,
+  `left` bigint(20) unsigned NOT NULL,
+  `right` bigint(20) unsigned NOT NULL,
+  `level` bigint(20) unsigned NOT NULL,
+  `title` text CHARACTER SET utf8 COLLATE utf8_unicode_ci,
+  `type` varchar(255) CHARACTER SET utf8 COLLATE utf8_unicode_ci DEFAULT NULL,
+  PRIMARY KEY (`id`)
+) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=13 ;
+
+INSERT INTO `tree` (`id`, `parent_id`, `position`, `left`, `right`, `level`, `title`, `type`) VALUES
+(1, 0, 2, 1, 14, 0, 'ROOT', ''),
+(2, 1, 0, 2, 11, 1, 'C:', 'drive'),
+(3, 2, 0, 3, 6, 2, '_demo', 'folder'),
+(4, 3, 0, 4, 5, 3, 'index.html', 'default'),
+(5, 2, 1, 7, 10, 2, '_docs', 'folder'),
+(6, 1, 1, 12, 13, 1, 'D:', 'drive'),
+(12, 5, 0, 8, 9, 3, 'zmei.html', 'default');
@@ -0,0 +1,146 @@
+<?php
+class _database {
+	private $link		= false;
+	private $result		= false;
+	private $row		= false;
+
+	public $settings	= array(
+			"servername"=> "localhost",
+			"serverport"=> "3306",
+			"username"	=> false,
+			"password"	=> false,
+			"database"	=> false,
+			"persist"	=> false,
+			"dieonerror"=> false,
+			"showerror"	=> false,
+			"error_file"=> true
+		);
+
+	function __construct() {
+		global $db_config;
+		$this->settings = array_merge($this->settings, $db_config);
+		if($this->settings["error_file"] === true) $this->settings["error_file"] = dirname(__FILE__)."/__mysql_errors.log";
+	}
+
+	function connect() {
+		if (!$this->link) {
+			$this->link = ($this->settings["persist"]) ? 
+				mysql_pconnect(
+					$this->settings["servername"].":".$this->settings["serverport"], 
+					$this->settings["username"], 
+					$this->settings["password"]
+				) : 
+				mysql_connect(
+					$this->settings["servername"].":".$this->settings["serverport"], 
+					$this->settings["username"], 
+					$this->settings["password"]
+				) or $this->error();
+		}
+		if (!mysql_select_db($this->settings["database"], $this->link)) $this->error();
+		if($this->link) mysql_query("SET NAMES 'utf8'");
+		return ($this->link) ? true : false;
+	}
+
+	function query($sql) {
+		if (!$this->link && !$this->connect()) $this->error();
+		if (!($this->result = mysql_query($sql, $this->link))) $this->error($sql);
+		return ($this->result) ? true : false;
+	}
+	
+	function nextr() {
+		if(!$this->result) {
+			$this->error("No query pending");
+			return false;
+		}
+		unset($this->row);
+		$this->row = mysql_fetch_array($this->result, MYSQL_BOTH);
+		return ($this->row) ? true : false ;
+	}
+
+	function get_row($mode = "both") {
+		if(!$this->row) return false;
+
+		$return = array();
+		switch($mode) {
+			case "assoc":
+				foreach($this->row as $k => $v) {
+					if(!is_int($k)) $return[$k] = $v;
+				}
+				break;
+			case "num":
+				foreach($this->row as $k => $v) {
+					if(is_int($k)) $return[$k] = $v;
+				}
+				break;
+			default:
+				$return = $this->row;
+				break;
+		}
+		return array_map("stripslashes",$return);
+	}
+
+	function get_all($mode = "both", $key = false) {
+		if(!$this->result) {
+			$this->error("No query pending");
+			return false;
+		}
+		$return = array();
+		while($this->nextr()) {
+			if($key !== false) $return[$this->f($key)] = $this->get_row($mode);
+			else $return[] = $this->get_row($mode);
+		}
+		return $return;
+	}
+
+	function f($index) {
+		return stripslashes($this->row[$index]);
+	}
+
+	function go_to($row) {
+		if(!$this->result) {
+			$this->error("No query pending");
+			return false;
+		}
+		if(!mysql_data_seek($this->result, $row)) $this->error();
+	}
+
+	function nf() {
+		if ($numb = mysql_num_rows($this->result) === false) $this->error();
+		return mysql_num_rows($this->result);
+	}
+	function af() {
+		return mysql_affected_rows();
+	}
+	function error($string="") {
+		$error = mysql_error();
+		if($this->settings["show_error"]) echo $error;
+		if($this->settings["error_file"] !== false) {
+			$handle = @fopen($this->settings["error_file"], "a+");
+			if($handle) {
+				@fwrite($handle, "[".date("Y-m-d H:i:s")."] ".$string." <".$error.">\n");
+				@fclose($handle);
+			}
+		}
+		if($this->settings["dieonerror"]) {
+			if(isset($this->result)) mysql_free_result($this->result);
+			mysql_close($this->link);
+			die();
+		}
+	}
+	function insert_id() {
+		if(!$this->link) return false;
+		return mysql_insert_id();
+	}
+	function escape($string){
+		if(!$this->link) return addslashes($string);
+		return mysql_real_escape_string($string);
+	}
+
+	function destroy(){
+		if (isset($this->result)) mysql_free_result($this->result);
+		if (isset($this->link)) mysql_close($this->link);
+	}
+
+
+}
+?>
 \ No newline at end of file
@@ -0,0 +1,152 @@
+<?php
+class _database {
+	private $data		= false;
+	private $result		= false;
+	private $row		= false;
+
+	public $settings	= array(
+			"servername"=> "localhost",
+			"serverport"=> "3306",
+			"username"	=> false,
+			"password"	=> false,
+			"database"	=> false,
+			"persist"	=> false,
+			"dieonerror"=> false,
+			"showerror"	=> false,
+			"error_file"=> true
+		);
+
+	function __construct() {
+		global $db_config;
+		$this->settings = array_merge($this->settings, $db_config);
+		if($this->settings["error_file"] === true) $this->settings["error_file"] = dirname(__FILE__)."/__mysql_errors.log";
+	}
+
+	function connect() {
+		$this->data = new mysqli(
+			$this->settings["servername"], 
+			$this->settings["username"], 
+			$this->settings["password"], 
+			$this->settings["database"],
+			$this->settings["serverport"]
+		);
+
+		if(mysqli_connect_errno()) { 
+			$this->error("Connection error: ".mysqli_connect_error() ); 
+			return false; 
+		}
+		if(!$this->data->set_charset("utf8")) {
+			$this->error("Error loading character set utf8");
+			return false;
+		}
+		return true;
+	}
+
+	function query($sql) {
+		if(!$this->data && !$this->connect()) {
+			$this->error("Could node connect for query: ".$sql);
+			return false;
+		}
+		//echo $sql."<br />:";
+		if(!($this->result = $this->data->query($sql))) $this->error($sql);
+		return ($this->result) ? true : false;
+	}
+	
+	function nextr(){
+		if(!$this->result) {
+			$this->error("No query pending");
+			return false;
+		}
+		unset($this->row);
+		$this->row = $this->result->fetch_array(MYSQL_BOTH);
+		return ($this->row) ? true : false ;
+	}
+
+	function get_row($mode = "both") {
+		if(!$this->row) return false;
+
+		$return = array();
+		switch($mode) {
+			case "assoc":
+				foreach($this->row as $k => $v) {
+					if(!is_int($k)) $return[$k] = $v;
+				}
+				break;
+			case "num":
+				foreach($this->row as $k => $v) {
+					if(is_int($k)) $return[$k] = $v;
+				}
+				break;
+			default:
+				$return = $this->row;
+				break;
+		}
+		return array_map("stripslashes",$return);
+	}
+
+	function get_all($mode = "both", $key = false) {
+		if(!$this->result) {
+			$this->error("No query pending");
+			return false;
+		}
+		$return = array();
+		while($this->nextr()) {
+			if($key !== false) $return[$this->f($key)] = $this->get_row($mode);
+			else $return[] = $this->get_row($mode);
+		}
+		return $return;
+	}
+
+	function f($index) {
+		return stripslashes($this->row[$index]);
+	}
+
+	function go_to($row) {
+		if(!$this->result) {
+			$this->error("No query pending");
+			return false;
+		}
+		if(!$this->data->data_seek($row)) $this->error();
+	}
+
+	function nf() {
+		if (!$this->result) {
+			$this->error("nf: no result set");
+			return false;
+		}
+		return $this->result->num_rows;
+	}
+	function af() {
+		return $this->data->affected_rows;
+	}
+	function error($string = "") {
+		$error = $this->data->error;
+		if($this->settings["show_error"]) echo $error;
+		if($this->settings["error_file"] !== false) {
+			$handle = @fopen($this->settings["error_file"], "a+");
+			if($handle) {
+				@fwrite($handle, "[".date("Y-m-d H:i:s")."] ".$string." <".$error.">\n");
+				@fclose($handle);
+			}
+		}
+		if($this->settings["dieonerror"]) {
+			if(isset($this->result)) $this->result->free();
+			@$this->data->close();
+			die();
+		}
+	}
+	function insert_id() {
+		return $this->data->insert_id;
+	}
+	function escape($string) {
+		if(!$this->data) return addslashes($string);
+		return $this->data->escape_string($string);
+	}
+
+	function destroy() {
+		if(isset($this->result)) $this->result->free();
+		if($this->data) $this->data->close();
+	}
+
+
+}
 \ No newline at end of file
@@ -0,0 +1,602 @@
+<?php
+class _tree_struct {
+	// Structure table and fields
+	protected $table	= "";
+	protected $fields	= array(
+			"id"		=> false,
+			"parent_id"	=> false,
+			"position"	=> false,
+			"left"		=> false,
+			"right"		=> false,
+			"level"		=> false
+		);
+
+	// Constructor
+	function __construct($table = "tree", $fields = array()) {
+		$this->table = $table;
+		if(!count($fields)) {
+			foreach($this->fields as $k => &$v) { $v = $k; }
+		}
+		else {
+			foreach($fields as $key => $field) {
+				switch($key) {
+					case "id":
+					case "parent_id":
+					case "position":
+					case "left":
+					case "right":
+					case "level":
+						$this->fields[$key] = $field;
+						break;
+				}
+			}
+		}
+		// Database
+		$this->db = new _database;
+	}
+
+	function _get_node($id) {
+		$this->db->query("SELECT `".implode("` , `", $this->fields)."` FROM `".$this->table."` WHERE `".$this->fields["id"]."` = ".(int) $id);
+		$this->db->nextr();
+		return $this->db->nf() === 0 ? false : $this->db->get_row("assoc");
+	}
+	function _get_children($id, $recursive = false) {
+		$children = array();
+		if($recursive) {
+			$node = $this->_get_node($id);
+			$this->db->query("SELECT `".implode("` , `", $this->fields)."` FROM `".$this->table."` WHERE `".$this->fields["left"]."` >= ".(int) $node[$this->fields["left"]]." AND `".$this->fields["right"]."` <= ".(int) $node[$this->fields["right"]]." ORDER BY `".$this->fields["left"]."` ASC");
+		}
+		else {
+			$this->db->query("SELECT `".implode("` , `", $this->fields)."` FROM `".$this->table."` WHERE `".$this->fields["parent_id"]."` = ".(int) $id." ORDER BY `".$this->fields["position"]."` ASC");
+		}
+		while($this->db->nextr()) $children[$this->db->f($this->fields["id"])] = $this->db->get_row("assoc");
+		return $children;
+	}
+	function _get_path($id) {
+		$node = $this->_get_node($id);
+		$path = array();
+		if(!$node === false) return false;
+		$this->db->query("SELECT `".implode("` , `", $this->fields)."` FROM `".$this->table."` WHERE `".$this->fields["left"]."` <= ".(int) $node[$this->fields["left"]]." AND `".$this->fields["right"]."` >= ".(int) $node[$this->fields["right"]]);
+		while($this->db->nextr()) $path[$this->db->f($this->fields["id"])] = $this->db->get_row("assoc");
+		return $path;
+	}
+
+	function _create($parent, $position) {
+		return $this->_move(0, $parent, $position);
+	}
+	function _remove($id) {
+		if((int)$id === 1) { return false; }
+		$data = $this->_get_node($id);
+		$lft = (int)$data[$this->fields["left"]];
+		$rgt = (int)$data[$this->fields["right"]];
+		$dif = $rgt - $lft + 1;
+
+		// deleting node and its children
+		$this->db->query("" . 
+			"DELETE FROM `".$this->table."` " . 
+			"WHERE `".$this->fields["left"]."` >= ".$lft." AND `".$this->fields["right"]."` <= ".$rgt
+		);
+		// shift left indexes of nodes right of the node
+		$this->db->query("".
+			"UPDATE `".$this->table."` " . 
+				"SET `".$this->fields["left"]."` = `".$this->fields["left"]."` - ".$dif." " . 
+			"WHERE `".$this->fields["left"]."` > ".$rgt
+		);
+		// shift right indexes of nodes right of the node and the node's parents
+		$this->db->query("" . 
+			"UPDATE `".$this->table."` " . 
+				"SET `".$this->fields["right"]."` = `".$this->fields["right"]."` - ".$dif." " . 
+			"WHERE `".$this->fields["right"]."` > ".$lft
+		);
+
+		$pid = (int)$data[$this->fields["parent_id"]];
+		$pos = (int)$data[$this->fields["position"]];
+
+		// Update position of siblings below the deleted node
+		$this->db->query("" . 
+			"UPDATE `".$this->table."` " . 
+				"SET `".$this->fields["position"]."` = `".$this->fields["position"]."` - 1 " . 
+			"WHERE `".$this->fields["parent_id"]."` = ".$pid." AND `".$this->fields["position"]."` > ".$pos
+		);
+		return true;
+	}
+	function _move($id, $ref_id, $position = 0, $is_copy = false) {
+		if((int)$ref_id === 0 || (int)$id === 1) { return false; }
+		$sql		= array();						// Queries executed at the end
+		$node		= $this->_get_node($id);		// Node data
+		$nchildren	= $this->_get_children($id);	// Node children
+		$ref_node	= $this->_get_node($ref_id);	// Ref node data
+		$rchildren	= $this->_get_children($ref_id);// Ref node children
+
+		$ndif = 2;
+		$node_ids = array(-1);
+		if($node !== false) {
+			$node_ids = array_keys($this->_get_children($id, true));
+			// TODO: should be !$is_copy && , but if copied to self - screws some right indexes
+			if(in_array($ref_id, $node_ids)) return false;
+			$ndif = $node[$this->fields["right"]] - $node[$this->fields["left"]] + 1;
+		}
+		if($position >= count($rchildren)) {
+			$position = count($rchildren);
+		}
+
+		// Not creating or copying - old parent is cleaned
+		if($node !== false && $is_copy == false) {
+			$sql[] = "" . 
+				"UPDATE `".$this->table."` " . 
+					"SET `".$this->fields["position"]."` = `".$this->fields["position"]."` - 1 " . 
+				"WHERE " . 
+					"`".$this->fields["parent_id"]."` = ".$node[$this->fields["parent_id"]]." AND " . 
+					"`".$this->fields["position"]."` > ".$node[$this->fields["position"]];
+			$sql[] = "" . 
+				"UPDATE `".$this->table."` " . 
+					"SET `".$this->fields["left"]."` = `".$this->fields["left"]."` - ".$ndif." " . 
+				"WHERE `".$this->fields["left"]."` > ".$node[$this->fields["right"]];
+			$sql[] = "" . 
+				"UPDATE `".$this->table."` " . 
+					"SET `".$this->fields["right"]."` = `".$this->fields["right"]."` - ".$ndif." " . 
+				"WHERE " . 
+					"`".$this->fields["right"]."` > ".$node[$this->fields["left"]]." AND " . 
+					"`".$this->fields["id"]."` NOT IN (".implode(",", $node_ids).") ";
+		}
+		// Preparing new parent
+		$sql[] = "" . 
+			"UPDATE `".$this->table."` " . 
+				"SET `".$this->fields["position"]."` = `".$this->fields["position"]."` + 1 " . 
+			"WHERE " . 
+				"`".$this->fields["parent_id"]."` = ".$ref_id." AND " . 
+				"`".$this->fields["position"]."` >= ".$position." " . 
+				( $is_copy ? "" : " AND `".$this->fields["id"]."` NOT IN (".implode(",", $node_ids).") ");
+
+		$ref_ind = $ref_id === 0 ? (int)$rchildren[count($rchildren) - 1][$this->fields["right"]] + 1 : (int)$ref_node[$this->fields["right"]];
+		$ref_ind = max($ref_ind, 1);
+
+		$self = ($node !== false && !$is_copy && (int)$node[$this->fields["parent_id"]] == $ref_id && $position > $node[$this->fields["position"]]) ? 1 : 0;
+		foreach($rchildren as $k => $v) {
+			if($v[$this->fields["position"]] - $self == $position) {
+				$ref_ind = (int)$v[$this->fields["left"]];
+				break;
+			}
+		}
+		if($node !== false && !$is_copy && $node[$this->fields["left"]] < $ref_ind) {
+			$ref_ind -= $ndif;
+		}
+
+		$sql[] = "" . 
+			"UPDATE `".$this->table."` " . 
+				"SET `".$this->fields["left"]."` = `".$this->fields["left"]."` + ".$ndif." " . 
+			"WHERE " . 
+				"`".$this->fields["left"]."` >= ".$ref_ind." " . 
+				( $is_copy ? "" : " AND `".$this->fields["id"]."` NOT IN (".implode(",", $node_ids).") ");
+		$sql[] = "" . 
+			"UPDATE `".$this->table."` " . 
+				"SET `".$this->fields["right"]."` = `".$this->fields["right"]."` + ".$ndif." " . 
+			"WHERE " . 
+				"`".$this->fields["right"]."` >= ".$ref_ind." " . 
+				( $is_copy ? "" : " AND `".$this->fields["id"]."` NOT IN (".implode(",", $node_ids).") ");
+
+		$ldif = $ref_id == 0 ? 0 : $ref_node[$this->fields["level"]] + 1;
+		$idif = $ref_ind;
+		if($node !== false) {
+			$ldif = $node[$this->fields["level"]] - ($ref_node[$this->fields["level"]] + 1);
+			$idif = $node[$this->fields["left"]] - $ref_ind;
+			if($is_copy) {
+				$sql[] = "" . 
+					"INSERT INTO `".$this->table."` (" . 
+						"`".$this->fields["parent_id"]."`, " . 
+						"`".$this->fields["position"]."`, " . 
+						"`".$this->fields["left"]."`, " . 
+						"`".$this->fields["right"]."`, " . 
+						"`".$this->fields["level"]."`" . 
+					") " . 
+						"SELECT " . 
+							"".$ref_id.", " . 
+							"`".$this->fields["position"]."`, " . 
+							"`".$this->fields["left"]."` - (".($idif + ($node[$this->fields["left"]] >= $ref_ind ? $ndif : 0))."), " . 
+							"`".$this->fields["right"]."` - (".($idif + ($node[$this->fields["left"]] >= $ref_ind ? $ndif : 0))."), " . 
+							"`".$this->fields["level"]."` - (".$ldif.") " . 
+						"FROM `".$this->table."` " . 
+						"WHERE " . 
+							"`".$this->fields["id"]."` IN (".implode(",", $node_ids).") " . 
+						"ORDER BY `".$this->fields["level"]."` ASC";
+			}
+			else {
+				$sql[] = "" . 
+					"UPDATE `".$this->table."` SET " . 
+						"`".$this->fields["parent_id"]."` = ".$ref_id.", " . 
+						"`".$this->fields["position"]."` = ".$position." " . 
+					"WHERE " . 
+						"`".$this->fields["id"]."` = ".$id;
+				$sql[] = "" . 
+					"UPDATE `".$this->table."` SET " . 
+						"`".$this->fields["left"]."` = `".$this->fields["left"]."` - (".$idif."), " . 
+						"`".$this->fields["right"]."` = `".$this->fields["right"]."` - (".$idif."), " . 
+						"`".$this->fields["level"]."` = `".$this->fields["level"]."` - (".$ldif.") " . 
+					"WHERE " . 
+						"`".$this->fields["id"]."` IN (".implode(",", $node_ids).") ";
+			}
+		}
+		else {
+			$sql[] = "" . 
+				"INSERT INTO `".$this->table."` (" . 
+					"`".$this->fields["parent_id"]."`, " . 
+					"`".$this->fields["position"]."`, " . 
+					"`".$this->fields["left"]."`, " . 
+					"`".$this->fields["right"]."`, " . 
+					"`".$this->fields["level"]."` " . 
+					") " . 
+				"VALUES (" . 
+					$ref_id.", " . 
+					$position.", " . 
+					$idif.", " . 
+					($idif + 1).", " . 
+					$ldif. 
+				")";
+		}
+		foreach($sql as $q) { $this->db->query($q); }
+		$ind = $this->db->insert_id();
+		if($is_copy) $this->_fix_copy($ind, $position);
+		return $node === false || $is_copy ? $ind : true;
+	}
+	function _fix_copy($id, $position) {
+		$node = $this->_get_node($id);
+		$children = $this->_get_children($id, true);
+
+		$map = array();
+		for($i = $node[$this->fields["left"]] + 1; $i < $node[$this->fields["right"]]; $i++) {
+			$map[$i] = $id;
+		}
+		foreach($children as $cid => $child) {
+			if((int)$cid == (int)$id) {
+				$this->db->query("UPDATE `".$this->table."` SET `".$this->fields["position"]."` = ".$position." WHERE `".$this->fields["id"]."` = ".$cid);
+				continue;
+			}
+			$this->db->query("UPDATE `".$this->table."` SET `".$this->fields["parent_id"]."` = ".$map[(int)$child[$this->fields["left"]]]." WHERE `".$this->fields["id"]."` = ".$cid);
+			for($i = $child[$this->fields["left"]] + 1; $i < $child[$this->fields["right"]]; $i++) {
+				$map[$i] = $cid;
+			}
+		}
+	}
+
+	function _reconstruct() {
+		$this->db->query("" . 
+			"CREATE TEMPORARY TABLE `temp_tree` (" . 
+				"`".$this->fields["id"]."` INTEGER NOT NULL, " . 
+				"`".$this->fields["parent_id"]."` INTEGER NOT NULL, " . 
+				"`". $this->fields["position"]."` INTEGER NOT NULL" . 
+			") type=HEAP"
+		);
+		$this->db->query("" . 
+			"INSERT INTO `temp_tree` " . 
+				"SELECT " . 
+					"`".$this->fields["id"]."`, " . 
+					"`".$this->fields["parent_id"]."`, " . 
+					"`".$this->fields["position"]."` " . 
+				"FROM `".$this->table."`"
+		);
+
+		$this->db->query("" . 
+			"CREATE TEMPORARY TABLE `temp_stack` (" . 
+				"`".$this->fields["id"]."` INTEGER NOT NULL, " . 
+				"`".$this->fields["left"]."` INTEGER, " . 
+				"`".$this->fields["right"]."` INTEGER, " . 
+				"`".$this->fields["level"]."` INTEGER, " . 
+				"`stack_top` INTEGER NOT NULL, " . 
+				"`".$this->fields["parent_id"]."` INTEGER, " . 
+				"`".$this->fields["position"]."` INTEGER " . 
+			") type=HEAP"
+		);
+		$counter = 2;
+		$this->db->query("SELECT COUNT(*) FROM temp_tree");
+		$this->db->nextr();
+		$maxcounter = (int) $this->db->f(0) * 2;
+		$currenttop = 1;
+		$this->db->query("" . 
+			"INSERT INTO `temp_stack` " . 
+				"SELECT " . 
+					"`".$this->fields["id"]."`, " . 
+					"1, " . 
+					"NULL, " . 
+					"0, " . 
+					"1, " . 
+					"`".$this->fields["parent_id"]."`, " . 
+					"`".$this->fields["position"]."` " . 
+				"FROM `temp_tree` " . 
+				"WHERE `".$this->fields["parent_id"]."` = 0"
+		);
+		$this->db->query("DELETE FROM `temp_tree` WHERE `".$this->fields["parent_id"]."` = 0");
+
+		while ($counter <= $maxcounter) {
+			$this->db->query("" . 
+				"SELECT " . 
+					"`temp_tree`.`".$this->fields["id"]."` AS tempmin, " . 
+					"`temp_tree`.`".$this->fields["parent_id"]."` AS pid, " . 
+					"`temp_tree`.`".$this->fields["position"]."` AS lid " . 
+				"FROM `temp_stack`, `temp_tree` " . 
+				"WHERE " . 
+					"`temp_stack`.`".$this->fields["id"]."` = `temp_tree`.`".$this->fields["parent_id"]."` AND " . 
+					"`temp_stack`.`stack_top` = ".$currenttop." " . 
+				"ORDER BY `temp_tree`.`".$this->fields["position"]."` ASC LIMIT 1"
+			);
+
+			if ($this->db->nextr()) {
+				$tmp = $this->db->f("tempmin");
+
+				$q = "INSERT INTO temp_stack (stack_top, `".$this->fields["id"]."`, `".$this->fields["left"]."`, `".$this->fields["right"]."`, `".$this->fields["level"]."`, `".$this->fields["parent_id"]."`, `".$this->fields["position"]."`) VALUES(".($currenttop + 1).", ".$tmp.", ".$counter.", NULL, ".$currenttop.", ".$this->db->f("pid").", ".$this->db->f("lid").")";
+				$this->db->query($q);
+				$this->db->query("DELETE FROM `temp_tree` WHERE `".$this->fields["id"]."` = ".$tmp);
+				$counter++;
+				$currenttop++;
+			}
+			else {
+				$this->db->query("" . 
+					"UPDATE temp_stack SET " . 
+						"`".$this->fields["right"]."` = ".$counter.", " . 
+						"`stack_top` = -`stack_top` " . 
+					"WHERE `stack_top` = ".$currenttop
+				);
+				$counter++;
+				$currenttop--;
+			}
+		}
+
+		$temp_fields = $this->fields;
+		unset($temp_fields["parent_id"]);
+		unset($temp_fields["position"]);
+		unset($temp_fields["left"]);
+		unset($temp_fields["right"]);
+		unset($temp_fields["level"]);
+		if(count($temp_fields) > 1) {
+			$this->db->query("" . 
+				"CREATE TEMPORARY TABLE `temp_tree2` " . 
+					"SELECT `".implode("`, `", $temp_fields)."` FROM `".$this->table."` "
+			);
+		}
+		$this->db->query("TRUNCATE TABLE `".$this->table."`");
+		$this->db->query("" . 
+			"INSERT INTO ".$this->table." (" . 
+					"`".$this->fields["id"]."`, " . 
+					"`".$this->fields["parent_id"]."`, " . 
+					"`".$this->fields["position"]."`, " . 
+					"`".$this->fields["left"]."`, " . 
+					"`".$this->fields["right"]."`, " . 
+					"`".$this->fields["level"]."` " . 
+				") " . 
+				"SELECT " . 
+					"`".$this->fields["id"]."`, " . 
+					"`".$this->fields["parent_id"]."`, " . 
+					"`".$this->fields["position"]."`, " . 
+					"`".$this->fields["left"]."`, " . 
+					"`".$this->fields["right"]."`, " . 
+					"`".$this->fields["level"]."` " . 
+				"FROM temp_stack " . 
+				"ORDER BY `".$this->fields["id"]."`"
+		);
+		if(count($temp_fields) > 1) {
+			$sql = "" . 
+				"UPDATE `".$this->table."` v, `temp_tree2` SET v.`".$this->fields["id"]."` = v.`".$this->fields["id"]."` ";
+			foreach($temp_fields as $k => $v) {
+				if($k == "id") continue;
+				$sql .= ", v.`".$v."` = `temp_tree2`.`".$v."` ";
+			}
+			$sql .= " WHERE v.`".$this->fields["id"]."` = `temp_tree2`.`".$this->fields["id"]."` ";
+			$this->db->query($sql);
+		}
+	}
+
+	function _analyze() {
+		$report = array();
+
+		$this->db->query("" . 
+			"SELECT " . 
+				"`".$this->fields["left"]."` FROM `".$this->table."` s " . 
+			"WHERE " . 
+				"`".$this->fields["parent_id"]."` = 0 "
+		);
+		$this->db->nextr();
+		if($this->db->nf() == 0) {
+			$report[] = "[FAIL]\tNo root node.";
+		}
+		else {
+			$report[] = ($this->db->nf() > 1) ? "[FAIL]\tMore than one root node." : "[OK]\tJust one root node.";
+		}
+		$report[] = ($this->db->f(0) != 1) ? "[FAIL]\tRoot node's left index is not 1." : "[OK]\tRoot node's left index is 1.";
+
+		$this->db->query("" . 
+			"SELECT " . 
+				"COUNT(*) FROM `".$this->table."` s " . 
+			"WHERE " . 
+				"`".$this->fields["parent_id"]."` != 0 AND " . 
+				"(SELECT COUNT(*) FROM `".$this->table."` WHERE `".$this->fields["id"]."` = s.`".$this->fields["parent_id"]."`) = 0 ");
+		$this->db->nextr();
+		$report[] = ($this->db->f(0) > 0) ? "[FAIL]\tMissing parents." : "[OK]\tNo missing parents.";
+
+		$this->db->query("SELECT MAX(`".$this->fields["right"]."`) FROM `".$this->table."`");
+		$this->db->nextr();
+		$n = $this->db->f(0);
+		$this->db->query("SELECT COUNT(*) FROM `".$this->table."`");
+		$this->db->nextr();
+		$c = $this->db->f(0);
+		$report[] = ($n/2 != $c) ? "[FAIL]\tRight index does not match node count." : "[OK]\tRight index matches count.";
+
+		$this->db->query("" . 
+			"SELECT COUNT(`".$this->fields["id"]."`) FROM `".$this->table."` s " . 
+			"WHERE " . 
+				"(SELECT COUNT(*) FROM `".$this->table."` WHERE " . 
+					"`".$this->fields["right"]."` < s.`".$this->fields["right"]."` AND " . 
+					"`".$this->fields["left"]."` > s.`".$this->fields["left"]."` AND " . 
+					"`".$this->fields["level"]."` = s.`".$this->fields["level"]."` + 1" . 
+				") != " .
+				"(SELECT COUNT(*) FROM `".$this->table."` WHERE " . 
+					"`".$this->fields["parent_id"]."` = s.`".$this->fields["id"]."`" . 
+				") "
+			);
+		$this->db->nextr();
+		$report[] = ($this->db->f(0) > 0) ? "[FAIL]\tAdjacency and nested set do not match." : "[OK]\tNS and AJ match";
+
+		return implode("<br />",$report);
+	}
+
+	function _dump($output = false) {
+		$nodes = array();
+		$this->db->query("SELECT * FROM ".$this->table." ORDER BY `".$this->fields["left"]."`");
+		while($this->db->nextr()) $nodes[] = $this->db->get_row("assoc");
+		if($output) {
+			echo "<pre>";
+			foreach($nodes as $node) {
+				echo str_repeat("&#160;",(int)$node[$this->fields["level"]] * 2);
+				echo $node[$this->fields["id"]]." (".$node[$this->fields["left"]].",".$node[$this->fields["right"]].",".$node[$this->fields["level"]].",".$node[$this->fields["parent_id"]].",".$node[$this->fields["position"]].")<br />";
+			}
+			echo str_repeat("-",40);
+			echo "</pre>";
+		}
+		return $nodes;
+	}
+	function _drop() {
+		$this->db->query("TRUNCATE TABLE `".$this->table."`");
+		$this->db->query("" . 
+				"INSERT INTO `".$this->table."` (" . 
+					"`".$this->fields["id"]."`, " . 
+					"`".$this->fields["parent_id"]."`, " . 
+					"`".$this->fields["position"]."`, " . 
+					"`".$this->fields["left"]."`, " . 
+					"`".$this->fields["right"]."`, " . 
+					"`".$this->fields["level"]."` " . 
+					") " . 
+				"VALUES (" . 
+					"1, " . 
+					"0, " . 
+					"0, " . 
+					"1, " . 
+					"2, " . 
+					"0 ". 
+				")");
+	}
+}
+
+class json_tree extends _tree_struct { 
+	function __construct($table = "tree", $fields = array(), $add_fields = array("title" => "title", "type" => "type")) {
+		parent::__construct($table, $fields);
+		$this->fields = array_merge($this->fields, $add_fields);
+		$this->add_fields = $add_fields;
+	}
+
+	function create_node($data) {
+		$id = parent::_create((int)$data[$this->fields["id"]], (int)$data[$this->fields["position"]]);
+		if($id) {
+			$data["id"] = $id;
+			$this->set_data($data);
+			return  "{ \"status\" : 1, \"id\" : ".(int)$id." }";
+		}
+		return "{ \"status\" : 0 }";
+	}
+	function set_data($data) {
+		if(count($this->add_fields) == 0) { return "{ \"status\" : 1 }"; }
+		$s = "UPDATE `".$this->table."` SET `".$this->fields["id"]."` = `".$this->fields["id"]."` "; 
+		foreach($this->add_fields as $k => $v) {
+			if(isset($data[$k]))	$s .= ", `".$this->fields[$v]."` = \"".$this->db->escape($data[$k])."\" ";
+			else					$s .= ", `".$this->fields[$v]."` = `".$this->fields[$v]."` ";
+		}
+		$s .= "WHERE `".$this->fields["id"]."` = ".(int)$data["id"];
+		$this->db->query($s);
+		return "{ \"status\" : 1 }";
+	}
+	function rename_node($data) { return $this->set_data($data); }
+
+	function move_node($data) { 
+		$id = parent::_move((int)$data["id"], (int)$data["ref"], (int)$data["position"], (int)$data["copy"]);
+		if(!$id) return "{ \"status\" : 0 }";
+		if((int)$data["copy"] && count($this->add_fields)) {
+			$ids	= array_keys($this->_get_children($id, true));
+			$data	= $this->_get_children((int)$data["id"], true);
+
+			$i = 0;
+			foreach($data as $dk => $dv) {
+				$s = "UPDATE `".$this->table."` SET `".$this->fields["id"]."` = `".$this->fields["id"]."` "; 
+				foreach($this->add_fields as $k => $v) {
+					if(isset($dv[$k]))	$s .= ", `".$this->fields[$v]."` = \"".$this->db->escape($dv[$k])."\" ";
+					else				$s .= ", `".$this->fields[$v]."` = `".$this->fields[$v]."` ";
+				}
+				$s .= "WHERE `".$this->fields["id"]."` = ".$ids[$i];
+				$this->db->query($s);
+				$i++;
+			}
+		}
+		return "{ \"status\" : 1, \"id\" : ".$id." }";
+	}
+	function remove_node($data) {
+		$id = parent::_remove((int)$data["id"]);
+		return "{ \"status\" : 1 }";
+	}
+	function get_children($data) {
+		$tmp = $this->_get_children((int)$data["id"]);
+		if((int)$data["id"] === 1 && count($tmp) === 0) {
+			$this->_create_default();
+			$tmp = $this->_get_children((int)$data["id"]);
+		}
+		$result = array();
+		if((int)$data["id"] === 0) return json_encode($result);
+		foreach($tmp as $k => $v) {
+			$result[] = array(
+				"attr" => array("id" => "node_".$k, "rel" => $v[$this->fields["type"]]),
+				"data" => $v[$this->fields["title"]],
+				"state" => ((int)$v[$this->fields["right"]] - (int)$v[$this->fields["left"]] > 1) ? "closed" : ""
+			);
+		}
+		return json_encode($result);
+	}
+	function search($data) {
+		$this->db->query("SELECT `".$this->fields["left"]."`, `".$this->fields["right"]."` FROM `".$this->table."` WHERE `".$this->fields["title"]."` LIKE '%".$this->db->escape($data["search_str"])."%'");
+		if($this->db->nf() === 0) return "[]";
+		$q = "SELECT DISTINCT `".$this->fields["id"]."` FROM `".$this->table."` WHERE 0 ";
+		while($this->db->nextr()) {
+			$q .= " OR (`".$this->fields["left"]."` < ".(int)$this->db->f(0)." AND `".$this->fields["right"]."` > ".(int)$this->db->f(1).") ";
+		}
+		$result = array();
+		$this->db->query($q);
+		while($this->db->nextr()) { $result[] = "#node_".$this->db->f(0); }
+		return json_encode($result);
+	}
+
+	function _create_default() {
+		$this->_drop();
+		$this->create_node(array(
+			"id" => 1,
+			"position" => 0,
+			"title" => "C:",
+			"type" => "drive"
+		));
+		$this->create_node(array(
+			"id" => 1,
+			"position" => 1,
+			"title" => "D:",
+			"type" => "drive"
+		));
+		$this->create_node(array(
+			"id" => 2,
+			"position" => 0,
+			"title" => "_demo",
+			"type" => "folder"
+		));
+		$this->create_node(array(
+			"id" => 2,
+			"position" => 1,
+			"title" => "_docs",
+			"type" => "folder"
+		));
+		$this->create_node(array(
+			"id" => 4,
+			"position" => 0,
+			"title" => "index.html",
+			"type" => "default"
+		));
+		$this->create_node(array(
+			"id" => 5,
+			"position" => 1,
+			"title" => "doc.html",
+			"type" => "default"
+		));
+	}
+}
+
+?>
 \ No newline at end of file
@@ -0,0 +1,6 @@
+1) Create a database and a user with all privileges for this database.
+2) Edit the config.php file and update the configuration for the database at the top of the file
+3) Import the _dump.sql in your newly created database
+4) You are ready to go
+
+*) PLEASE NOTE THAT THE PHP TREE CLASS HAS NOT BEEN THOROUGHLY TESTED
 \ No newline at end of file
@@ -0,0 +1,14 @@
+<?php
+// Database config & class
+$db_config = array(
+	"servername"=> "localhost",
+	"username"	=> "root",
+	"password"	=> "",
+	"database"	=> ""
+);
+if(extension_loaded("mysqli")) require_once("_inc/class._database_i.php"); 
+else require_once("_inc/class._database.php"); 
+
+// Tree class
+require_once("_inc/class.tree.php"); 
+?>
 \ No newline at end of file
@@ -0,0 +1,461 @@
+<!DOCTYPE html
+PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>jsTree v.1.0 - Demo</title>
+	<script type="text/javascript" src="../_lib/jquery.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
+	<script type="text/javascript" src="../jquery.jstree.js"></script>
+	<link type="text/css" rel="stylesheet" href="../_docs/syntax/!style.css"/>
+	<link type="text/css" rel="stylesheet" href="../_docs/!style.css"/>
+	<script type="text/javascript" src="../_docs/syntax/!script.js"></script>
+</head>
+<body id="demo_body">
+<div id="container">
+
+<h1 id="dhead">jsTree v.1.0</h1>
+<h1>DEMO</h1>
+<h2>Creating a tree, binding events, using the instance</h2>
+<div id="description">
+<p>Here is how you create an instance, bind an event and then get the instance.</p>
+<div id="demo1" class="demo" style="height:100px;">
+	<ul>
+		<li id="phtml_1">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="phtml_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="phtml_3">
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="phtml_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source below">
+$(function () {
+	// TO CREATE AN INSTANCE
+	// select the tree container using jQuery
+	$("#demo1")
+		// call `.jstree` with the options object
+		.jstree({
+			// the `plugins` array allows you to configure the active plugins on this instance
+			"plugins" : ["themes","html_data","ui","crrm","hotkeys"],
+			// each plugin you have included can have its own config object
+			"core" : { "initially_open" : [ "phtml_1" ] }
+			// it makes sense to configure a plugin only if overriding the defaults
+		})
+		// EVENTS
+		// each instance triggers its own events - to process those listen on the container
+		// all events are in the `.jstree` namespace
+		// so listen for `function_name`.`jstree` - you can function names from the docs
+		.bind("loaded.jstree", function (event, data) {
+			// you get two params - event & data - check the core docs for a detailed description
+		});
+	// INSTANCES
+	// 1) you can call most functions just by selecting the container and calling `.jstree("func",`
+	setTimeout(function () { $("#demo1").jstree("set_focus"); }, 500);
+	// with the methods below you can call even private functions (prefixed with `_`)
+	// 2) you can get the focused instance using `$.jstree._focused()`. 
+	setTimeout(function () { $.jstree._focused().select_node("#phtml_1"); }, 1000);
+	// 3) you can use $.jstree._reference - just pass the container, a node inside it, or a selector
+	setTimeout(function () { $.jstree._reference("#phtml_1").close_node("#phtml_1"); }, 1500);
+	// 4) when you are working with an event you can use a shortcut
+	$("#demo1").bind("open_node.jstree", function (e, data) {
+		// data.inst is the instance which triggered this event
+		data.inst.select_node("#phtml_2", true);
+	});
+	setTimeout(function () { $.jstree._reference("#phtml_1").open_node("#phtml_1"); }, 2500);
+});
+</script>
+</div>
+
+<h2>Doing something when the tree is loaded</h2>
+<div id="description">
+<p>You can use a few events to do that.</p>
+<div id="demo2" class="demo" style="height:100px;">
+	<ul>
+		<li id="rhtml_1" class="jstree-open">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="rhtml_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="rhtml_3">
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="rhtml_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source below">
+// Note method 2) and 3) use `one`, this is because if `refresh` is called those events are triggered
+$(function () {
+	$("#demo2")
+		.jstree({ "plugins" : ["themes","html_data","ui"] })
+		// 1) the loaded event fires as soon as data is parsed and inserted
+		.bind("loaded.jstree", function (event, data) { })
+		// 2) but if you are using the cookie plugin or the core `initially_open` option:
+		.one("reopen.jstree", function (event, data) { })
+		// 3) but if you are using the cookie plugin or the UI `initially_select` option:
+		.one("reselect.jstree", function (event, data) { });
+});
+</script>
+</div>
+
+<h2>Doing something when a node is clicked</h2>
+<div id="description">
+<div id="demo3" class="demo" style="height:100px;">
+	<ul>
+		<li id="shtml_1" class="jstree-open">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="shtml_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="shtml_3">
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="shtml_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source below">
+$(function () {
+	$("#demo3")
+		.jstree({ "plugins" : ["themes","html_data","ui"] })
+		// 1) if using the UI plugin bind to select_node
+		.bind("select_node.jstree", function (event, data) { 
+			// `data.rslt.obj` is the jquery extended node that was clicked
+			alert(data.rslt.obj.attr("id"));
+		})
+		// 2) if not using the UI plugin - the Anchor tags work as expected
+		//    so if the anchor has a HREF attirbute - the page will be changed
+		//    you can actually prevent the default, etc (normal jquery usage)
+		.delegate("a", "click", function (event, data) { event.preventDefault(); })
+});
+</script>
+</div>
+
+<h2>Using CSS to make nodes wrap</h2>
+<div id="description">
+<div id="demo4" class="demo" style="height:120px;">
+	<ul>
+		<li class="jstree-open">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li>
+					<a href="#">Child node 1 with a long text which would normally just cause a scrollbar, but with this line of CSS it will actually wrap, this is not really throughly tested but it works</a>
+				</li>
+				<li>
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li>
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<style type="text/css" class="source below">
+#demo4 a { white-space:normal !important; height: auto; padding:1px 2px; } 
+#demo4 li > ins { vertical-align:top; }
+#demo4 .jstree-hovered, #demo4 .jstree-clicked { border:0; }
+</style>
+<script type="text/javascript">
+$(function () {
+	$("#demo4")
+		.jstree({ "plugins" : ["themes","html_data","ui"] });
+});
+</script>
+</div>
+
+<h2>Using CSS to make the nodes bigger</h2>
+<div id="description">
+<div id="demo5" class="demo" style="height:120px;">
+	<ul>
+		<li class="jstree-open">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li>
+					<a href="#">Child node 1 with a long text which would normally just cause a scrollbar, but with this line of CSS it will actually wrap, this is not really throughly tested but it works</a>
+				</li>
+				<li>
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li>
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<style type="text/css" class="source below">
+#demo5 li { min-height:22px; line-height:22px; }
+#demo5 a { line-height:20px; height:20px; font-size:10px; }
+#demo5 a ins { height:20px; width:20px; background-position:-56px -17px; } 
+</style>
+<script type="text/javascript">
+$(function () {
+	$("#demo5")
+		.jstree({ "plugins" : ["themes","html_data","ui"] });
+});
+</script>
+</div>
+
+<h2>PHP &amp; mySQL demo + event order</h2>
+<div id="description">
+<p>Here is a PHP &amp; mySQL enabled demo. You can use the classes/DB structure included, but those are not thoroughly tested and not officially a part of jstree. In the log window you can also see all function calls as they happen on the instance.</p>
+<div id="mmenu" style="height:30px; overflow:auto;">
+<input type="button" id="add_folder" value="add folder" style="display:block; float:left;"/>
+<input type="button" id="add_default" value="add file" style="display:block; float:left;"/>
+<input type="button" id="rename" value="rename" style="display:block; float:left;"/>
+<input type="button" id="remove" value="remove" style="display:block; float:left;"/>
+<input type="button" id="cut" value="cut" style="display:block; float:left;"/>
+<input type="button" id="copy" value="copy" style="display:block; float:left;"/>
+<input type="button" id="paste" value="paste" style="display:block; float:left;"/>
+<input type="button" id="clear_search" value="clear" style="display:block; float:right;"/>
+<input type="button" id="search" value="search" style="display:block; float:right;"/>
+<input type="text" id="text" value="" style="display:block; float:right;" />
+</div>
+
+<!-- the tree container (notice NOT an UL node) -->
+<div id="demo" class="demo" style="height:200px;"></div>
+<div style="height:30px; text-align:center;">
+	<input type="button" style='width:170px; height:24px; margin:5px auto;' value="reconstruct" onclick="$.get('./server.php?reconstruct', function () { $('#demo').jstree('refresh',-1); });" />
+	<input type="button" style='width:170px; height:24px; margin:5px auto;' id="analyze" value="analyze" onclick="$('#alog').load('./server.php?analyze');" />
+	<input type="button" style='width:170px; height:24px; margin:5px auto;' value="refresh" onclick="$('#demo').jstree('refresh',-1);" />
+</div>
+<div id='alog' style="border:1px solid gray; padding:5px; height:100px; margin-top:15px; overflow:auto; font-family:Monospace;"></div>
+<!-- JavaScript neccessary for the tree -->
+<script type="text/javascript" class="source below">
+$(function () {
+
+$("#demo")
+	.bind("before.jstree", function (e, data) {
+		$("#alog").append(data.func + "<br />");
+	})
+	.jstree({ 
+		// List of active plugins
+		"plugins" : [ 
+			"themes","json_data","ui","crrm","cookies","dnd","search","types","hotkeys","contextmenu" 
+		],
+
+		// I usually configure the plugin that handles the data first
+		// This example uses JSON as it is most common
+		"json_data" : { 
+			// This tree is ajax enabled - as this is most common, and maybe a bit more complex
+			// All the options are almost the same as jQuery's AJAX (read the docs)
+			"ajax" : {
+				// the URL to fetch the data
+				"url" : "./server.php",
+				// the `data` function is executed in the instance's scope
+				// the parameter is the node being loaded 
+				// (may be -1, 0, or undefined when loading the root nodes)
+				"data" : function (n) { 
+					// the result is fed to the AJAX request `data` option
+					return { 
+						"operation" : "get_children", 
+						"id" : n.attr ? n.attr("id").replace("node_","") : 1 
+					}; 
+				}
+			}
+		},
+		// Configuring the search plugin
+		"search" : {
+			// As this has been a common question - async search
+			// Same as above - the `ajax` config option is actually jQuery's AJAX object
+			"ajax" : {
+				"url" : "./server.php",
+				// You get the search string as a parameter
+				"data" : function (str) {
+					return { 
+						"operation" : "search", 
+						"search_str" : str 
+					}; 
+				}
+			}
+		},
+		// Using types - most of the time this is an overkill
+		// read the docs carefully to decide whether you need types
+		"types" : {
+			// I set both options to -2, as I do not need depth and children count checking
+			// Those two checks may slow jstree a lot, so use only when needed
+			"max_depth" : -2,
+			"max_children" : -2,
+			// I want only `drive` nodes to be root nodes 
+			// This will prevent moving or creating any other type as a root node
+			"valid_children" : [ "drive" ],
+			"types" : {
+				// The default type
+				"default" : {
+					// I want this type to have no children (so only leaf nodes)
+					// In my case - those are files
+					"valid_children" : "none",
+					// If we specify an icon for the default type it WILL OVERRIDE the theme icons
+					"icon" : {
+						"image" : "./file.png"
+					}
+				},
+				// The `folder` type
+				"folder" : {
+					// can have files and other folders inside of it, but NOT `drive` nodes
+					"valid_children" : [ "default", "folder" ],
+					"icon" : {
+						"image" : "./folder.png"
+					}
+				},
+				// The `drive` nodes 
+				"drive" : {
+					// can have files and folders inside, but NOT other `drive` nodes
+					"valid_children" : [ "default", "folder" ],
+					"icon" : {
+						"image" : "./root.png"
+					},
+					// those prevent the functions with the same name to be used on `drive` nodes
+					// internally the `before` event is used
+					"start_drag" : false,
+					"move_node" : false,
+					"delete_node" : false,
+					"remove" : false
+				}
+			}
+		},
+		// UI & core - the nodes to initially select and open will be overwritten by the cookie plugin
+
+		// the UI plugin - it handles selecting/deselecting/hovering nodes
+		"ui" : {
+			// this makes the node with ID node_4 selected onload
+			"initially_select" : [ "node_4" ]
+		},
+		// the core plugin - not many options here
+		"core" : { 
+			// just open those two nodes up
+			// as this is an AJAX enabled tree, both will be downloaded from the server
+			"initially_open" : [ "node_2" , "node_3" ] 
+		}
+	})
+	.bind("create.jstree", function (e, data) {
+		$.post(
+			"./server.php", 
+			{ 
+				"operation" : "create_node", 
+				"id" : data.rslt.parent.attr("id").replace("node_",""), 
+				"position" : data.rslt.position,
+				"title" : data.rslt.name,
+				"type" : data.rslt.obj.attr("rel")
+			}, 
+			function (r) {
+				if(r.status) {
+					$(data.rslt.obj).attr("id", "node_" + r.id);
+				}
+				else {
+					$.jstree.rollback(data.rlbk);
+				}
+			}
+		);
+	})
+	.bind("remove.jstree", function (e, data) {
+		data.rslt.obj.each(function () {
+			$.ajax({
+				async : false,
+				type: 'POST',
+				url: "./server.php",
+				data : { 
+					"operation" : "remove_node", 
+					"id" : this.id.replace("node_","")
+				}, 
+				success : function (r) {
+					if(!r.status) {
+						data.inst.refresh();
+					}
+				}
+			});
+		});
+	})
+	.bind("rename.jstree", function (e, data) {
+		$.post(
+			"./server.php", 
+			{ 
+				"operation" : "rename_node", 
+				"id" : data.rslt.obj.attr("id").replace("node_",""),
+				"title" : data.rslt.new_name
+			}, 
+			function (r) {
+				if(!r.status) {
+					$.jstree.rollback(data.rlbk);
+				}
+			}
+		);
+	})
+	.bind("move_node.jstree", function (e, data) {
+		data.rslt.o.each(function (i) {
+			$.ajax({
+				async : false,
+				type: 'POST',
+				url: "./server.php",
+				data : { 
+					"operation" : "move_node", 
+					"id" : $(this).attr("id").replace("node_",""), 
+					"ref" : data.rslt.cr === -1 ? 1 : data.rslt.np.attr("id").replace("node_",""), 
+					"position" : data.rslt.cp + i,
+					"title" : data.rslt.name,
+					"copy" : data.rslt.cy ? 1 : 0
+				},
+				success : function (r) {
+					if(!r.status) {
+						$.jstree.rollback(data.rlbk);
+					}
+					else {
+						$(data.rslt.oc).attr("id", "node_" + r.id);
+						if(data.rslt.cy && $(data.rslt.oc).children("UL").length) {
+							data.inst.refresh(data.inst._get_parent(data.rslt.oc));
+						}
+					}
+					$("#analyze").click();
+				}
+			});
+		});
+	});
+
+});
+</script>
+<script type="text/javascript" class="source below">
+// Code for the menu buttons
+$(function () { 
+	$("#mmenu input").click(function () {
+		switch(this.id) {
+			case "add_default":
+			case "add_folder":
+				$("#demo").jstree("create", null, "last", { "attr" : { "rel" : this.id.toString().replace("add_", "") } });
+				break;
+			case "search":
+				$("#demo").jstree("search", document.getElementById("text").value);
+				break;
+			case "text": break;
+			default:
+				$("#demo").jstree(this.id);
+				break;
+		}
+	});
+});
+</script>
+</div>
+
+</div>
+
+</body>
+</html>
 \ No newline at end of file
@@ -0,0 +1,69 @@
+<?php
+require_once("config.php");
+$jstree = new json_tree();
+
+//$jstree->_create_default();
+//die();
+
+if(isset($_GET["reconstruct"])) {
+	$jstree->_reconstruct();
+	die();
+}
+if(isset($_GET["analyze"])) {
+	echo $jstree->_analyze();
+	die();
+}
+
+if($_REQUEST["operation"] && strpos($_REQUEST["operation"], "_") !== 0 && method_exists($jstree, $_REQUEST["operation"])) {
+	header("HTTP/1.0 200 OK");
+	header('Content-type: application/json; charset=utf-8');
+	header("Cache-Control: no-cache, must-revalidate");
+	header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
+	header("Pragma: no-cache");
+	echo $jstree->{$_REQUEST["operation"]}($_REQUEST);
+	die();
+}
+header("HTTP/1.0 404 Not Found"); 
+?>
+
+<?php
+/*
+$jstree->_drop();
+$jstree->create_node(array("id"=>0,"position"=>0));
+$jstree->create_node(array("id"=>1,"position"=>0));
+$jstree->create_node(array("id"=>1,"position"=>0));
+$jstree->create_node(array("id"=>3,"position"=>0,"name"=>"Pesho"));
+$jstree->move(3,2,0,true);
+$jstree->_dump(true);
+$jstree->_reconstruct();
+echo $jstree->_analyze();
+die();
+
+$tree = new _tree_struct;
+$tree->drop();
+$tree->create(0, 0);
+$tree->create(0, 0);
+$tree->create(1, 0);
+$tree->create(0, 3);
+$tree->create(2, 3);
+$tree->create(2, 0);
+$tree->dump(true);
+$tree->move(6,4,0);
+$tree->move(1,0,0);
+$tree->move(3,2,99,true);
+$tree->move(7,1,0,true);
+$tree->move(1,7,0);
+$tree->move(1,0,1,true);
+$tree->move(2, 0, 0, true);
+$tree->move(13, 12, 2, true);
+$tree->dump(true);
+$tree->move(15, 16, 2, true);
+$tree->dump(true);
+$tree->move(4, 0, 0);
+$tree->dump(true);
+$tree->move(4, 0, 2);
+$tree->dump(true);
+echo $tree->analyze();
+$tree->drop();
+*/
+?>
 \ No newline at end of file
@@ -0,0 +1,48 @@
+html, body { margin:0; padding:0; background:#D9E3CB; }
+body, td, th, pre, code, select, option, input, textarea { font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:10pt; }
+#dhead { margin:0 0 0 -10px; padding:0; line-height:80px; font-size:18pt; font-family:Georgia; /*text-shadow:1px 1px 2px gray;*/ border-bottom:10px solid #73796B; margin-bottom:0.5em; text-align:center; width:820px; background:black; color:white; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; text-indent:-2000px; background:black url("logo.png") center center no-repeat; }
+h1 { margin:0 0 0 0px; padding:0; font-size:14pt; font-family:Georgia; /*text-shadow:1px 1px 2px gray;*/ margin-bottom:1em; text-align:center; text-transform:uppercase;}
+h2 { margin:0.5em 0 0.5em 0; padding:0.5em 0 0.5em 20px; font-size:12pt; font-family:Georgia; color:white; background:silver; text-shadow:1px 1px 2px gray; clear:both; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; }
+h3 { margin:0; padding:0.5em 0 0.5em 0; font-size:11.5pt; font-family:Georgia; color:gray; clear:both; }
+p { padding:0em 0 0.5em 0; margin:0; line-height:1.8em; }
+p.meta { font-size:9pt; color:gray; margin-top:-5px; }
+.arguments .tp, p code { color:green; padding:0 4px; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-weight: normal !important; font-style: normal !important; font-size:13px; }
+#description, .panel { margin:0 20px; }
+#container { width:800px; margin:10px auto; overflow:hidden; background:white; padding:0 10px 10px 10px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0px 0px 10px #000; }
+.demo { width:255px; float:left; margin:0; border:1px solid gray; background:white; overflow:auto; }
+.code { width:490px; float:right; margin:0 0 10px 0; border:1px solid gray; font-size:12px; }
+pre { display:block; }
+.code_f { border:1px solid gray; margin-bottom:1em; }
+.syntaxhighlighter { margin:0 0 0 0 !important; padding:0 !important; line-height:18px; }
+
+.log { padding:4px; border:1px solid gray; margin-bottom:1em; }
+.button { display:block; margin-bottom:0.5em; }
+.arguments { margin:0em 1em; padding:0; list-style-type:none; }
+.arguments .tp { padding:0 0 0 0; float:left; width:70px;  }
+.arguments strong { display:block; }
+
+.api h3 { margin-left:-10px; color:black; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-weight: normal !important; font-size:14px; margin-top:2em; border-top:1px solid; width:780px; }
+.api .arguments li strong {  color:black; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-weight: normal !important; font-size:13px; }
+
+.configuration h3 { margin-left:-10px; color:black; font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-weight: normal !important; font-size:14px; margin-top:2em; border-top:1px solid; width:780px; }
+.note { background:#ffffee; padding:10px 20px; border:1px solid #333; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px; text-align:center; font-weight:bold; }
+
+.plugins, .demos { margin:0 auto 20px auto; }
+
+ul.columns { list-style-type:none; width:700px; margin:0px auto 15px auto; padding:0; overflow:hidden; }
+ul.columns li { float:left; margin:0; padding:0 0 0 0px; line-height:18px; width:345px; }
+ul.demos li, ul.plugins li { width:220px; text-align:left; padding:5px 0; }
+ul.demos li a, ul.plugins li a { text-decoration:none; color:#3B5998; }
+ul.demos li a:hover, ul.plugins li a:hover { text-decoration:underline; }
+ul.plugins li p { text-align:left; font-size:9px; color:#333; margin:0 5px 0 0; }
+
+ul.demos li { width:auto; }
+
+.demo, .demo input, .jstree-dnd-helper, #vakata-contextmenu { font-size:10px; font-family:Verdana; }
+
+#demo_body .demo, #demo_body .code { width:auto; float:none; clear:both; margin:10px auto; }
+#demo_body .code { margin-bottom:20px; }
+
+ul.jstree { width:700px; margin:0px auto 15px auto; padding:0; }
+ul.jstree li { margin:0; padding:2px 0; }
+ul.jstree li a { color:#3B5998; text-decoration:underline; }
 \ No newline at end of file
@@ -0,0 +1,2 @@
+<li class="jstree-closed"><a href="#">Node 1</a></li>
+<li><a href="#">Node 2</a></li>
@@ -0,0 +1,4 @@
+[
+	{ "data" : "A node", "children" : [ { "data" : "Only child", "state" : "closed" } ], "state" : "open" },
+	"Ajax node"
+]
 \ No newline at end of file
@@ -0,0 +1,6 @@
+[
+	"Ajax node 1",
+	"Ajax node 2",
+	"TARGET",
+	"Ajax node 4"
+]
 \ No newline at end of file
@@ -0,0 +1 @@
+[ "#root_node" ]
 \ No newline at end of file
@@ -0,0 +1,12 @@
+<root>
+	<item parent_id="0" id="node_1" state="closed">
+		<content>
+			<name><![CDATA[Node 1]]></name>
+		</content>
+	</item>
+	<item parent_id="0" id="node_2">
+		<content>
+			<name><![CDATA[Node 2]]></name>
+		</content>
+	</item>
+</root>
 \ No newline at end of file
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<root>
+	<item id="pxml_1">
+		<content><name><![CDATA[Root node 1]]></name></content>
+		<item id="pxml_2">
+			<content><name><![CDATA[Child node 1]]></name></content>
+		</item>
+		<item id="pxml_3">
+			<content><name><![CDATA[Child node 2]]></name></content>
+		</item>
+		<item id="pxml_4">
+			<content><name><![CDATA[Some other child node]]></name></content>
+		</item>
+	</item>
+	<item id="pxml_5">
+		<content><name ><![CDATA[Root node 2]]></name></content>
+	</item>
+</root>
@@ -0,0 +1,171 @@
+<!DOCTYPE html
+PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>jsTree v.1.0 - checkbox documentation</title>
+	<script type="text/javascript" src="../_lib/jquery.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
+	<script type="text/javascript" src="../jquery.jstree.js"></script>
+
+	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
+	<link type="text/css" rel="stylesheet" href="!style.css"/>
+	<script type="text/javascript" src="syntax/!script.js"></script>
+</head>
+<body>
+<div id="container">
+
+<h1 id="dhead">jsTree v.1.0</h1>
+<h1>checkbox plugin</h1>
+<h2>Description</h2>
+<div id="description">
+<p>The <code>checkbox</code> plugin makes multiselection possible using three-state checkboxes.</p>
+</div>
+
+<h2 id="configuration">Configuration</h2>
+<div class="panel configuration">
+
+<h3>override_ui</h3>
+<p class="meta">A boolean. Default is <code>false</code>.</p>
+<p>If set to <code>true</code> all selection will be handled by checkboxes. The checkbox plugin will map UI's <a href="ui.html#get_selected">get_selected function</a> to its own <a href="#get_checked">get_checked function</a> and overwrite the <a href="ui.html#reselect">UI reselect function</a>. It will also disable the <code>select_node</code>, <code>deselect_node</code> and <code>deselect_all</code> functions. If left as <code>false</code> nodes can be selected and checked independently. </p>
+
+<h3>checked_parent_open</h3>
+<p class="meta">A Boolean. Default is <code>true</code>.</p>
+<p>When set to <code>true</code> when programatically checking a node in the tree all of its closed parents are opened automatically.</p>
+
+<h3>two_state</h3>
+<p class="meta">A boolean. Default is <code>false</code>.</p>
+<p>If set to <code>true</code> checkboxes will be two-state only, meaning that you will be able to select parent and children independently and there will be no undetermined state.</p>
+
+<h3>real_checkboxes</h3>
+<p class="meta">A boolean. Default is <code>false</code>.</p>
+<p>If set to <code>true</code> real hidden checkboxes will be created for each element, so if the tree is part of a form, checked nodes will be submitted automatically. By default the name of the checkbox is <code>"check_" + <em>the ID of the LI element</em></code> and the value is <code>1</code>, this can be changed using the <code>real_checkboxes_names</code> config option.</p>
+
+<h3>real_checkboxes_names</h3>
+<p class="meta">A function. Default is <code>function (n) { return [("check_" + (n[0].id || Math.ceil(Math.random() * 10000))), 1]; }</code>.</p>
+<p>If real checkboxes are used this function is invoked in the current tree's scope for each new checkbox that is created. It receives a single argument - the node that will contain the checkbox. The function must return an array consisting of two values - the name for the checkbox and the value for the checkbox.</p>
+
+</div>
+
+<h2 id="demos">Demos</h2>
+<div class="panel">
+<h3>Using the checkbox plugin - all you need to do is include it in the list of active plugins.</h3>
+<div id="demo1" class="demo">
+	<ul>
+		<li id="phtml_1">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="phtml_2" class="jstree-checked">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="phtml_3">
+					<a href="#">A Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="phtml_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#demo1").jstree({ 
+		"plugins" : [ "themes", "html_data", "checkbox", "sort", "ui" ]
+	});
+});
+</script>
+
+</div>
+
+<h2 id="api">API</h2>
+<div class="panel api">
+<h3 id="_prepare_checkboxes">._prepare_checkboxes ( node )</h3>
+<p>Inserts the checkbox icons on the node. Used internally.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree.</p>
+	</li>
+</ul>
+
+<h3 id="_repair_state">._repair_state ( node )</h3>
+<p>Repairs the checkbox state inside the node. Used internally.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree.</p>
+	</li>
+</ul>
+
+<h3 id="change_state">.change_state ( node , uncheck )</h3>
+<p>Changes the state of a node. Used mostly internally - you'd be better off using the <code>check_node</code> and <code>uncheck_node</code> functions. Triggers an event.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree.</p>
+	</li>
+	<li>
+		<code class="tp">boolean</code> <strong>uncheck</strong>
+		<p>If set to <code>true</code> the node is unchecked, if set to <code>false</code> the node is checked, otherwise - the state is toggled.</p>
+	</li>
+</ul>
+
+<h3 id="check_node">.check_node ( node )</h3>
+<p>Checks a node.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree.</p>
+	</li>
+</ul>
+
+<h3 id="uncheck_node">.uncheck_node ( node )</h3>
+<p>Unchecks a node.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree.</p>
+	</li>
+</ul>
+
+<h3 id="check_all">.check_all ( )</h3>
+<p>Checks all nodes.</p>
+
+<h3 id="uncheck_all">.uncheck_all ( )</h3>
+<p>Unchecks all nodes.</p>
+
+<h3 id="is_checked">.is_checked ( node )</h3>
+<p>Checks if a node is checked. Returns boolean.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree.</p>
+	</li>
+</ul>
+
+<div style="height:1px; visibility:hidden; overflow:hidden;"><span id="get_unchecked">&#160;</span></div>
+<h3 id="get_checked">.get_checked ( context, get_all ), .get_unchecked ( context, get_all )</h3>
+<p>Both functions return jQuery collections.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>context</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree. If specified only nodes inside the specified context are returned, otherwise the whole tree is searched.</p>
+	</li>
+	<li>
+		<code class="tp">boolean</code> <strong>get_all</strong>
+		<p>By default these functions return only top level checked/unchecked nodes (if a node is checked its children are note returned), if this parameter is set to <code>true</code> they will return all checked/unchecked nodes.</p>
+	</li>
+</ul>
+
+<div style="height:1px; visibility:hidden; overflow:hidden;"><span id="hide_checkboxes">&#160;</span></div>
+<h3 id="show_checkboxes">.show_checkboxes ( ), .hide_checkboxes ( )</h3>
+<p>Show or hide the checkbox icons.</p>
+
+</div>
+
+</div>
+</body>
+</html>
 \ No newline at end of file
@@ -0,0 +1,121 @@
+<!DOCTYPE html
+PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>jsTree v.1.0 - contextmenu documentation</title>
+	<script type="text/javascript" src="../_lib/jquery.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
+	<script type="text/javascript" src="../jquery.jstree.js"></script>
+
+	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
+	<link type="text/css" rel="stylesheet" href="!style.css"/>
+	<script type="text/javascript" src="syntax/!script.js"></script>
+</head>
+<body>
+<div id="container">
+
+<h1 id="dhead">jsTree v.1.0</h1>
+<h1>contextmenu plugin</h1>
+<h2>Description</h2>
+<div id="description">
+<p>The <code>contextmenu</code> plugin enables a contextual menu to be shown, when the user right-clicks a node (or when triggered programatically by the developer).</p>
+</div>
+
+<h2 id="configuration">Configuration</h2>
+<div class="panel configuration">
+<h3>select_node</h3>
+<p class="meta">Boolean. Default is <code>false</code>.</p>
+<p>Whether to select the right clicked node when showing the context menu. If this is set to <code>true</code> and the node is not selected all currently selected nodes will be deselected.</p>
+
+<h3>show_at_node</h3>
+<p class="meta">Boolean. Default is <code>true</code>.</p>
+<p>Whether to show the context menu just below the node, or at the clicked point exactly.</p>
+
+<h3>items</h3>
+<p>Expects an object or a function, which should return an object. If a function is used it fired in the tree's context and receives one argument - the node that was right clicked. The object format is:</p>
+<div style="border:1px solid gray">
+<pre class="brush:js">
+{
+// Some key
+"rename" : {
+	// The item label
+	"label"				: "Rename",
+	// The function to execute upon a click
+	"action"			: function (obj) { this.rename(obj); },
+	// All below are optional 
+	"_disabled"			: true,		// clicking the item won't do a thing
+	"_class"			: "class",	// class is applied to the item LI node
+	"separator_before"	: false,	// Insert a separator before the item
+	"separator_after"	: true,		// Insert a separator after the item
+	// false or string - if does not contain `/` - used as classname
+	"icon"				: false,
+	"submenu"			: { 
+		/* Collection of objects (the same structure) */
+	}
+}
+/* MORE ENTRIES ... */
+}
+</pre>
+</div>
+</div>
+
+<h2 id="demos">Demos</h2>
+<div class="panel">
+
+<h3>Using the contextmenu</h3>
+<div id="demo1" class="demo">
+	<ul>
+		<li id="phtml_1">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="phtml_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="phtml_3">
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="phtml_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#demo1").jstree({ 
+		"plugins" : [ "themes", "html_data", "ui", "crrm", "contextmenu" ]
+	});
+});
+</script>
+
+</div>
+
+<h2 id="api">API</h2>
+<div class="panel api">
+
+<h3 id="show_contextmenu">.show_contextmenu ( node , x, y )</h3>
+<p>Shows the contextmenu next to a node. Triggered automatically when right-clicking a node.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree.</p>
+	</li>
+	<li>
+		<code class="tp">number</code> <strong>x</strong>
+		<p>The X-coordinate to show the menu at - may be overwritten by <code>show_at_node</code>. If you omit this the menu is shown aligned with the left of the node.</p>
+	</li>
+	<li>
+		<code class="tp">number</code> <strong>y</strong>
+		<p>The Y-coordinate to show the menu at - may be overwritten by <code>show_at_node</code>. If you omit this the menu is shown just below the node.</p>
+	</li>
+</ul>
+
+</div>
+
+</div>
+</body>
+</html>
 \ No newline at end of file
@@ -0,0 +1,97 @@
+<!DOCTYPE html
+PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>jsTree v.1.0 - cookies documentation</title>
+	<script type="text/javascript" src="../_lib/jquery.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
+	<script type="text/javascript" src="../jquery.jstree.js"></script>
+
+	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
+	<link type="text/css" rel="stylesheet" href="!style.css"/>
+	<script type="text/javascript" src="syntax/!script.js"></script>
+</head>
+<body>
+<div id="container">
+
+<h1 id="dhead">jsTree v.1.0</h1>
+<h1>cookies plugin</h1>
+<h2>Description</h2>
+<div id="description">
+<p>The <code>cookies</code> enables jstree to save the state of the tree across sessions. What this does is save the opened and selected nodes in a cookie, and reopen &amp; reselect them the next time the user loads the tree. Depends on the <a href="http://plugins.jquery.com/project/cookie">jQuery.cookie</a> plugin. </p><p class="note">The nodes need to have IDs for this plugin to work.</p>
+</div>
+
+<h2 id="configuration">Configuration</h2>
+<div class="panel configuration">
+
+<h3>save_opened</h3>
+<p class="meta">A string (or <code>false</code>). Default is <code>"jstree_open"</code>.</p>
+<p>The name of the cookie to save opened nodes in. If set to <code>false</code> - opened nodes won't be saved.</p>
+
+<h3>save_selected</h3>
+<p class="meta">A string (or <code>false</code>). Default is <code>"jstree_select"</code>.</p>
+<p>The name of the cookie to save selected nodes in. If set to <code>false</code> - selected nodes won't be saved.</p>
+
+<h3>auto_save</h3>
+<p class="meta">A Boolean. Default is <code>true</code>.</p>
+<p>If set to <code>true</code> jstree will automatically update the cookies every time a change in the state occurs.</p>
+
+<h3>cookie_options</h3>
+<p class="meta">An object. Default is <code>{}</code>.</p>
+<p>The options accepted by the <a href="http://plugins.jquery.com/project/cookie">jQuery.cookie</a> plugin.</p>
+
+</div>
+
+<h2 id="demos">Demos</h2>
+<div class="panel">
+<p>Check your data plugin documentation (<a href="html_data.html">html_data</a>, <a href="xml_data.html">xml_data</a>, <a href="json_data.html">json_data</a>) or take a close look at these examples for information on how to specify multilanguage nodes.</p>
+
+<h3>Using the cookies plugin</h3>
+<p>Go ahead and make changes to the tree and then <a href="javascript:document.location.reload();">refresh this page</a>.</p>
+<div id="demo1" class="demo">
+	<ul>
+		<li id="phtml_1">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="phtml_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="phtml_3">
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="phtml_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#demo1").jstree({ 
+		"plugins" : [ "themes", "html_data", "ui", "cookies" ]
+	});
+});
+</script>
+
+</div>
+
+<h2 id="api">API</h2>
+<div class="panel api">
+
+<h3 id="save_cookie">.save_cookie ( event )</h3>
+<p>Save the current state.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">string</code> <strong>event</strong>
+		<p>Used internally with the <code>auto_save</code> option. Do not set this manually.</p>
+	</li>
+</ul>
+</div>
+
+</div>
+</body>
+</html>
 \ No newline at end of file
@@ -0,0 +1,689 @@
+<!DOCTYPE html
+PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>jsTree v.1.0 Core documentation</title>
+	<script type="text/javascript" src="../_lib/jquery.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
+	<script type="text/javascript" src="../jquery.jstree.js"></script>
+
+	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
+	<link type="text/css" rel="stylesheet" href="!style.css"/>
+	<script type="text/javascript" src="syntax/!script.js"></script>
+</head>
+<body>
+<div id="container">
+
+<h1 id="dhead">jsTree v.1.0</h1>
+<h1>CORE</h1>
+<h2>Description</h2>
+<div id="description">
+<h3>Including the files</h3>
+<p>First of all, as jsTree is a jQuery component, you need to include jQuery itself. jsTree v.1.0 requires jQuery version 1.4.2</p>
+
+<div class="code_f"><pre class="brush:xml;">
+&lt;script type="text/javascript" src="_lib/jquery.js"&gt;&lt;/script&gt;
+</pre></div>
+
+<p>Then you need to include jsTree:</p>
+
+<div class="code_f"><pre class="brush:xml;">
+&lt;script type="text/javascript" src="jquery.jstree.js"&gt;&lt;/script&gt;
+</pre></div>
+
+<p>Or you could use the minified version:</p>
+
+<div class="code_f"><pre class="brush:xml;">
+&lt;script type="text/javascript" src="jquery.jstree.min.js"&gt;&lt/script&gt;
+</pre></div>
+
+<p>You may change the path to whatever you like, but it is recommended not to rename <code>jquery.tree.js</code> or <code>jquery.tree.min.js</code> as the filenames may be used for path autodetection (for example in the <code>themes</code> plugin, but if you really need to rename the file most plugins will give you the option to set the path manually).</p>
+
+<p>Additionally some plugins have dependencies - plugins that detect a dependency is missing will throw an error.</p>
+
+<h3>Creating and configuring an instance</h3>
+<p>You can create a tree in the following manner:</p>
+
+<div class="code_f"><pre class="brush:js;">
+jQuery("some-selector-to-container-node-here").jstree([ config_object ]);
+</pre></div>
+
+<p>In the optional config object you specify all the options that you want to set. Each plugin will describe its configuration and defaults. In the <a href="#configuration">configuration section</a> below you will find the options defined by the core. Each plugin's options (even the core) are set in their own subobject, which is named after the plugin. For example all of the core's options are set in the <code>core</code> key of the config object:</p>
+<div class="code_f"><pre class="brush:js;">
+jQuery("some-selector-to-container-node-here")
+	.jstree({
+		core : {
+			/* core options go here */
+		}
+	});
+</pre></div>
+
+<p class="note">Please note that if your options for a given plugin are the same as the defaults you may omit those options or omit the subobject completely (if you do not need to modify the defaults).</p>
+
+<p>There is only one special config option that is not a part of any plugin - this is the <code>plugins</code> option, which defines a list of active plugins for the instance being created. Although many plugins may be included, only the ones listed in this option will be active. The only autoincluded "plugin" is the jstree core.</p>
+
+<div class="code_f"><pre class="brush:js;">
+jQuery("some-selector-to-container-node-here")
+	.jstree({
+		core : { /* core options go here */ },
+		plugins : [ "themes", "html_data", "some-other-plugin" ]
+	});
+</pre></div>
+
+<h3>Interacting with the tree</h3>
+
+<p>To perform an operation programatically on a given instance you can use two methods:</p>
+<div class="code_f"><pre class="brush:js;">
+/* METHOD ONE */
+jQuery("some-selector-to-container-node-here")
+	.jstree("operation_name" [, argument_1, argument_2, ...]);
+
+/* METHOD TWO */
+jQuery.jstree._reference(needle) 
+	/* NEEDLE can be a DOM node or selector for the container or a node within the container */
+	.operation_name([ argument_1, argument_2, ...]);
+</pre></div>
+<p class="note">NOTE: Functions prefixed with <code>_</code> can not be called with method one.</p>
+
+<p>jsTree uses events to notify of any changes happening in the tree. All events fire on the tree container in the <code>jstree</code> namespace and are named after the function that triggered them. Please note that for some events it is best to bind before creating the instance. For example:</p>
+<div class="code_f"><pre class="brush:js;">
+jQuery("some-container")
+	.bind("loaded.jstree", function (event, data) {
+		alert("TREE IS LOADED");
+	})
+	.jstree({ /* configuration here */ });
+</pre></div>
+<p>Please note the second parameter <code>data</code>. Its structure is as follows:</p>
+<div class="code_f"><pre class="brush:js;">
+{ 
+	"inst" : /* the actual tree instance */, 
+	"args" : /* arguments passed to the function */, 
+	"rslt" : /* any data the function passed to the event */, 
+	"rlbk" : /* an optional rollback object - it is not always present */
+}
+</pre></div>
+<p>There is also one special event - <code>before.jstree</code>. This events enables you to prevent an operation from executing. Look at the <a href="#demos">demo</a> below.</p>
+
+</div>
+
+<h2 id="configuration">Configuration</h2>
+<div class="panel configuration">
+
+<h3>html_titles</h3>
+<p class="meta">Boolean. Default is <code>false</code>.</p>
+<p>Defines whether titles can contain HTML code.</p>
+
+<h3>animation</h3>
+<p class="meta">A number. Default is <code>500</code>.</p>
+<p>Defines the duration of open/close animations. <code>0</code> means no animation.</p>
+
+<h3>initially_open</h3>
+<p class="meta">An array. Default is <code>[]</code>.</p>
+<p>Defines which nodes are to be automatically opened (if they are not present they will first be loaded) when the tree finishes loading - a list of IDs is expected.</p>
+
+<h3>initially_load</h3>
+<p class="meta">An array. Default is <code>[]</code>.</p>
+<p>Defines which nodes are to be automatically loaded (but not opened) when the tree finishes loading - a list of IDs is expected.</p>
+
+<h3>load_open</h3>
+<p class="meta">A Boolean. Default is <code>false</code>.</p>
+<p>When set to <code>true</code> forces loading of nodes marked as open, which do not have children. Otherwise nodes are only visualized as open without any children and opening/closing such a node won't cause it to load (make a server call).</p>
+
+<h3>open_parents</h3>
+<p class="meta">Boolean. Default is <code>true</code>.</p>
+<p>If set to true opening a node will also open any closed ancestors it has (will open the whole chain down to this node).</p>
+
+<h3>notify_plugins</h3>
+<p class="meta">Boolean. Default is <code>true</code>.</p>
+<p>If set to true loading nodes with some metadata will trigger some actions on the corresponding plugin. So you can actually set the selected/checked/etc</p>
+
+<h3>rtl</h3>
+<p class="meta">Boolean. Default is <code>false</code>.</p>
+<p>Defines whether the tree is in right-to-left mode (also make sure you are using a RTL theme - for example the included <code>default-rtl</code>).</p>
+
+<h3>strings</h3>
+<p class="meta">Object. Default is <code>{ loading : "Loading ...", new_node : "New node" }</code>.</p>
+<p>Contains strings needed for the operation of the tree so that you can localize.</p>
+
+
+</div>
+
+<h2 id="demos">Demos</h2>
+<div class="panel">
+
+<h3>Binding to an event and executing an action</h3>
+<input type="button" class="button" value="toggle_node" id="toggle_node" style="clear:both;" />
+<div id="demo1" class="demo">
+	<ul>
+		<li id="phtml_1">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="phtml_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="phtml_3">
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="phtml_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#toggle_node").click(function () { 
+		$("#demo1").jstree("toggle_node","#phtml_1");
+	});
+	$("#demo1")
+		.bind("open_node.jstree close_node.jstree", function (e) {
+			$("#log1").html("Last operation: " + e.type);
+		})
+		.jstree({ "plugins" : [ "themes", "html_data" ] });
+	});
+</script>
+<p class="log" id="log1" style="clear:both;">&#160;</p>
+
+<h3>Preventing an action</h3>
+<p>This is the same demo as above, but this time the operation will be prevented.</p>
+<input type="button" class="button" value="toggle_node" id="toggle_node2" style="clear:both;" />
+<div id="demo2" class="demo">
+	<ul>
+		<li id="html_1">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="html_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="html_3">
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="html_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript">
+$(function () {
+	$("#toggle_node2").click(function () { 
+		$("#demo2").jstree("toggle_node","#html_1");
+	});
+	$("#demo2")
+		.bind("open_node.jstree close_node.jstree", function (e) {
+			$("#log2").html("Last operation: " + e.type);
+		})
+		.jstree({ "plugins" : [ "themes", "html_data" ] });
+	});
+</script>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#demo2").bind("before.jstree", function (e, data) {
+		if(data.func === "open_node") {
+			$("#log2").html(data.args[0].attr("id"));
+			e.stopImmediatePropagation();
+			return false;
+		}
+	});
+});
+</script>
+<p class="log" id="log2" style="clear:both;">&#160;</p>
+<p>The important part is <code>e.stopImmediatePropagation(); return false</code>.</p>
+</div>
+
+<h2 id="api">API</h2>
+<div class="panel api">
+<p class="note">Use extra caution when working with functions prefixed with an underscore - <code>_</code>!<br />Those functions are probably for internal usage only.</p>
+
+
+<h3 id="jstree.defaults">jQuery.jstree.defaults</h3>
+<p class="meta">An object. Default is a collection of all included plugin's defaults.</p>
+<p>This object is exposed so that you can apply standart settings to all future instances</p>
+
+<h3 id="jstree.plugin">jQuery.jstree.plugin ( plugin_name , plugin_data )</h3>
+<p>This function is used by developers to extend jstree (add "plugins").</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">string</code> <strong>plugin_name</strong>
+		<p>The plugin name - it should be unique.</p>
+	</li>
+	<li>
+		<code class="tp">object</code> <strong>plugin_data</strong>
+		<p>The plugin itself. It consists of <code>__init</code> &amp; <code>__destroy</code> functions, <code>defaults</code> object (that of course could be an array or a simple value) and a <code>_fn</code> object, whose keys are all the functions you are extending jstree with. You can overwrite functions (but you can in your function call the overriden old function), and you are responsible for triggering events and setting rollback points. You can omit any of the elements in the <code>plugin_data</code> param. Keep in mind jstree will automatically clear classes prepended with <code>jstree-</code> and all events in the <code>jstree</code> namespace when destroying a tree, so you do not need to worry about those.</p>
+		<p>Read jstree's code for examples on how to develop plugins.</p>
+	</li>
+</ul>
+
+<h3 id="jstree.rollback">jQuery.jstree.rollback ( rollback_object )</h3>
+<p>This function will roll the tree back to the state specified by the rollback object</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">string</code> <strong>rollback_object</strong>
+		<p>Normally you will get this object from the event you are handling. You can of course use <code>.get_rollback()</code> to get the current state of the tree as a rollback object.</p>
+		<div class="code_f"><pre class="brush:js;">
+$("some-container").bind("some-event.jstree", function (e, data) {
+	$.jstree.rollback(data.rlbk);
+});</pre></div>
+		<p>Keep in mind that not all events will give you a rollback object - sometimes <code>data.rlbk</code> will be <code>false</code>.</p>
+	</li>
+</ul>
+
+<h3 id="jstree._focused">jQuery.jstree._focused ()</h3>
+<p>Returns the currently focused tree instance on the page. If not interaction has been made - it is the last one to be created.</p>
+
+<h3 id="jstree._reference">jQuery.jstree._reference ( needle )</h3>
+<p>Returns the tree instance for the specified <code>needle</code>.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>needle</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to the tree container, or an element within the tree.</p>
+	</li>
+</ul>
+
+<h3 id="jstree._instance">jQuery.jstree._instance ( index , container , settings )</h3>
+<p>This function is used internally when creating new tree instances. Calling this function by itself is not enough to create a new instance. To create a tree use the documented method <code>$("selector").jstree([ options ])</code>.</p>
+
+<h3 id="jstree._fn">jQuery.jstree._fn</h3>
+<p>This object stores all functions included by plugins. It is used internally as a prototype for all instances - do not modify manually.</p>
+
+<h3 id="data">.data</h3>
+<p>An object where all plugins store instance specific data. Do not modify manually.</p>
+
+<h3 id="get_settings">.get_settings ()</h3>
+<p>Returns a copy of the instance's settings object - the defaults, extended by your own config object.</p>
+
+<h3 id="_get_settings">._get_settings ()</h3>
+<p>Returns the instance's settings object - the defaults, extended by your own config object.</p>
+
+<h3 id="get_index">.get_index ()</h3>
+<p>Returns the internal instance index.</p>
+
+<h3 id="get_container">.get_container ()</h3>
+<p>Returns the jQuery extended container node of the tree.</p>
+
+<h3 id="get_container_ul">.get_container_ul ()</h3>
+<p>Returns the jQuery extended first UL node in the container of the tree.</p>
+
+<h3 id="_set_settings">._set_settings ( settings )</h3>
+<p>Replace the settings object with the <code>settings</code> param. Please note that not all plugins will react to the change. Unless you know exactly what you are doing you'd be better off recreating the tree with the new settings.</p>
+
+<h3 id="init">.init ()</h3>
+<p>This function is used internally when creating a new instance. Triggers an event, which fires after the tree is initialized, but not yet loaded.</p>
+
+<h3 id="destroy">.destroy ()</h3>
+<p>Destroys the instance - it will automatically remove all bound events in the <code>jstree</code> namespace &amp; remove all classes starting with <code>jstree-</code>. Triggers an event.</p>
+
+<h3 id="save_opened">.save_opened ()</h3>
+<p>Stores the currently open nodes before refreshing. Used internally. Triggers an event.</p>
+
+<h3 id="reopen">.reopen ( is_callback )</h3>
+<p>Reopens all the nodes stored by <code>save_opened</code> or set in the <code>initially_open</code> config option on first load. It is called multiple times while reopening nodes - the <code>is_callback</code> param determines if this is the first call (<code>false</code>) or not. Used internally. Triggers an event.</p>
+
+<h3 id="refresh">.refresh ( node )</h3>
+<p>Refreshes the tree. Saves all open nodes, and reloads and then reopens all saved nodes. Triggers an event.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree. If set this will reload only the given node - otherwise - the whole tree. Passing <code>-1</code> also reloads the whole tree.</p>
+	</li>
+</ul>
+
+<h3 id="loaded">.loaded ()</h3>
+<p>A dummy function, whose purpose is only to trigger the loaded event. This event is triggered once after the tree's root nodes are loaded, but before any nodes set in <code>initially_open</code> are opened.</p>
+
+<h3 id="set_focus">.set_focus ()</h3>
+<p>Makes the current instance the focused one on the page. Triggers an event.</p>
+
+<h3 id="unset_focus">.unset_focus ()</h3>
+<p>If the current instance is focused this removes the focus. Triggers an event.</p>
+
+<h3 id="is_focused">.is_focused ()</h3>
+<p>Returns <code>true</code> if the current instance is the focused one, otherwise returns <code>false</code>.</p>
+
+<h3 id="lock">.lock ()</h3>
+<p>Sets the tree to a locked state - no methods can be called on that instance except for <code>unlock</code> and <code>is_locked</code>.</p>
+<h3 id="unlock">.unlock ()</h3>
+<p>Sets the tree to a unlocked state (the default state).</p>
+<h3 id="is_locked">.is_locked ()</h3>
+<p>Returns <code>true</code> if the tree is locked, otherwise returns <code>false</code>.</p>
+
+<h3 id="_get_node">._get_node ( node )</h3>
+<p>Return the jQuery extended <code>LI</code> element of the node, <code>-1</code> if the container node is passed, or <code>false</code> otherwise.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree.</p>
+	</li>
+</ul>
+
+<h3 id="_get_next">._get_next ( node , strict )</h3>
+<p>Gets the <code>LI</code> element representing the node next to the passed <code>node</code>. Returns <code>false</code> on failure.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree, whose next sibling we want.</p>
+	</li>
+	<li>
+		<code class="tp">bool</code> <strong>strict</strong>
+		<p>If set to <code>true</code> only immediate siblings are calculated. Otherwise if the <code>node</code> is the last child of its parent this function will "jump out" and return the parent's next sibling, etc. Default is <code>false</code>.</p>
+	</li>
+</ul>
+
+<h3 id="_get_prev">._get_prev ( node , strict )</h3>
+<p>Gets the <code>LI</code> element representing the node previous to the passed <code>node</code>. Returns <code>false</code> on failure.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree, whose previous sibling we want.</p>
+	</li>
+	<li>
+		<code class="tp">bool</code> <strong>strict</strong>
+		<p>If set to <code>true</code> only immediate siblings are calculated. Otherwise if the <code>node</code> is the first child of its parent this function will "jump out" and return the parent itself. Default is <code>false</code>.</p>
+	</li>
+</ul>
+
+<h3 id="_get_parent">._get_parent ( node )</h3>
+<p>Gets the <code>LI</code> element representing the parent of the passed <code>node</code>. Returns <code>false</code> on failure.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree, whose parent we want.</p>
+	</li>
+</ul>
+
+<h3 id="_get_children">._get_children ( node )</h3>
+<p>Gets the <code>LI</code> elements representing the children of the passed <code>node</code>. Returns <code>false</code> on failure (or if the node has no children).</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree, whose children we want. Use <code>-1</code> to return all root nodes.</p>
+	</li>
+</ul>
+
+<h3 id="get_path">.get_path ( node , id_mode )</h3>
+<p>Return the path to a node, either as an array of IDs or as an array of node names.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree, whose path we want.</p>
+	</li>
+	<li>
+		<code class="tp">bool</code> <strong>id_mode</strong>
+		<p>If set to <code>true</code> IDs are returned instead of the names of the parents. Default is <code>false</code>.</p>
+	</li>
+</ul>
+
+<h3 id="correct_state">.correct_state ( node )</h3>
+<p>Corrects closed items to leaf items, if no children are found. Used internally, triggers an event.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element we want corrected.</p>
+	</li>
+
+
+<h3 id="open_node">.open_node ( node , callback , skip_animation )</h3>
+<p>Opens a closed node, so that its children are visible. If the <code>animation</code> config option is greater than <code>0</code> the children are revealed using a slide down animation, whose duration is the value of the <code>animation</code> config option in milliseconds. Triggers an event.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element we want opened.</p>
+	</li>
+	<li>
+		<code class="tp">function</code> <strong>callback</strong>
+		<p>A callback function executed once the node is opened. Used mostly internally, you'd be better of waiting for the event. You can skip this, by not specifying it, or by passing <code>false</code>.</p>
+	</li>
+	<li>
+		<code class="tp">bool</code> <strong>skip_animation</strong>
+		<p>If set to <code>true</code> the animation set in the <code>animation</code> config option is skipped. Default is <code>false</code>.</p>
+	</li>
+</ul>
+
+<h3 id="after_open">.after_open ( node )</h3>
+<p>A dummy function, it triggers an event after the open animation has finished.</p>
+
+<h3 id="close_node">.close_node ( node , skip_animation )</h3>
+<p>Closes an open node, so that its children are not visible. If the <code>animation</code> config option is greater than <code>0</code> the children are hidden using a slide up animation, whose duration is the value of the <code>animation</code> config option in milliseconds. Triggers an event.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element we want closed.</p>
+	</li>
+	<li>
+		<code class="tp">bool</code> <strong>skip_animation</strong>
+		<p>If set to <code>true</code> the animation set in the <code>animation</code> config option is skipped. Default is <code>false</code>.</p>
+	</li>
+</ul>
+
+<h3 id="after_close">.after_close ( node )</h3>
+<p>A dummy function, it triggers an event after the close animation has finished.</p>
+
+<h3 id="toggle_node">.toggle_node ( node )</h3>
+<p>If a node is closed - this function opens it, if it is open - calling this function will close it.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element we want toggled.</p>
+	</li>
+</ul>
+
+<h3 id="open_all">.open_all ( node , do_animation, original_obj )</h3>
+<p>Opens all descendants of the <code>node</code> node.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element whose descendants you want opened. If this param is omitted or set to <code>-1</code> all nodes in the tree are opened.</p>
+	</li>
+	<li>
+		<code class="tp">boolean</code> <strong>do_animation</strong>
+		<p>If set to <code>true</code> all nodes are opened with an animation. This can be slow on large trees.</p>
+	</li>
+	<li>
+		<code class="tp">mixed</code> <strong>original_obj</strong>
+		<p>Used internally when recursively calling the same function - do not pass this param.</p>
+	</li>
+</ul>
+
+<h3 id="close_all">.close_all ( node, do_animation )</h3>
+<p>Closes all descendants of the <code>node</code> node.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element whose descendants you want closed. If this param is omitted or set to <code>-1</code> all nodes in the tree are closed.</p>
+	</li>
+	<li>
+		<code class="tp">boolean</code> <strong>do_animation</strong>
+		<p>If set to <code>true</code> all nodes are closed with an animation. This can be slow on large trees.</p>
+	</li>
+</ul>
+
+<div style="height:1px; visibility:hidden;"><span id="is_leaf">&nbsp;</span><span id="is_closed">&nbsp;</span></div>
+<h3 id="is_open">.is_open ( node ), .is_closed ( node ), .is_leaf ( node )</h3>
+<p>Those function check if the <code>node</code> is in a state.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element you want checked.</p>
+	</li>
+</ul>
+
+<h3 id="clean_node">.clean_node ( node )</h3>
+<p>Applies all necessary classes to the <code>node</code> and its descendants. Used internally. Triggers an event.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element you want cleaned. If this param is omitted or set to <code>-1</code> all nodes in the tree are cleaned.</p>
+	</li>
+</ul>
+
+<h3 id="get_rollback">.get_rollback ()</h3>
+<p>Get the current tree's state in the rollback format. Used mainly internally by plugins.</p>
+
+<h3 id="set_rollback">.set_rollback ( html , data )</h3>
+<p>Rollback the tree. Used ONLY internally! Both arguments are part of the rollback object. If you need to rollback - take a look at <a href="#jstree.rollback">jQuery.jstree.rollback()</a>. Triggers event.</p>
+
+<h3 id="load_node">.load_node ( node , success_callback , error_callback )</h3>
+<p>A dummy function that is overwritten by data plugins. Triggers event.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element you want loaded. Use <code>-1</code> for root nodes.</p>
+	</li>
+	<li>
+		<code class="tp">function</code> <strong>success_callback</strong>
+		<p>A function to be executed once the node is loaded successfully - used internally. You should wait for the event.</p>
+	</li>
+	<li>
+		<code class="tp">function</code> <strong>error_callback</strong>
+		<p>A function to be executed if the node is not loaded due to an error - used internally. You should wait for the event.</p>
+	</li>
+</ul>
+
+<h3 id="_is_loaded">._is_loaded ( node )</h3>
+<p>A dummy function that should return <code>true</code> if the node's children are loaded or <code>false</code> otherwise.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element you want to check.</p>
+	</li>
+</ul>
+
+<h3 id="create_node">.create_node ( node , position , js , callback , is_loaded )</h3>
+<p>Creates the DOM structure necessary for a new node. Triggers an event.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to the element you want to create in (or next to).</p>
+	</li>
+	<li>
+		<code class="tp">mixed</code> <strong>position</strong>
+		<p>The position of the newly created node. This can be a zero based index to position the element at a specific point among the current children. You can also pass in one of those strings: <code>"before"</code>, <code>"after"</code>, <code>"inside"</code>, <code>"first"</code>, <code>"last"</code>.</p>
+	</li>
+	<li>
+		<code class="tp">object</code> <strong>js</strong>
+		<p>The data for the newly created node. Consists of three keys:</p><p style="margin-left:25px;"><code class="tp">attr</code> - an object of attributes (same used for <code>jQuery.attr()</code>. You can omit this key;<br /><code class="tp">state</code> - a string - either <code>"open"</code> or <code>"closed"</code>, for a leaf node - omit this key;<br /><code class="tp">data</code> - a string or an object - if a string is passed it is used for the title of the node, if an object is passed there are two keys you can specify: <code>attr</code> and <code>title</code>;</p>
+	</li>
+	<li>
+		<code class="tp">function</code> <strong>callback</strong>
+		<p>A function to be executed once the node is created - used internally. You should wait for the event.</p>
+	</li>
+	<li>
+		<code class="tp">bool</code> <strong>is_loaded</strong>
+		<p>Specifies if the parent of the node is loaded or not - used ONLY internally.</p>
+	</li>
+</ul>
+
+<h3 id="_get_string">._get_string ( node )</h3>
+<p>Returns the needed string from the config object. If the key does not exist the key itself is returned.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">string</code> <strong>key</strong>
+		<p>The name of the string you are looking for.</p>
+	</li>
+</ul>
+
+<h3 id="get_text">.get_text ( node )</h3>
+<p>Returns the title of a node.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to the element whose title you need.</p>
+	</li>
+</ul>
+
+<h3 id="set_text">.set_text ( node , text )</h3>
+<p>Sets the title of a node. Triggers an event. This is used mostly internally - wait for a <a href="#rename_node">.rename_node event</a> to avoid confusion.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to the element whose title you want to change.</p>
+	</li>
+	<li>
+		<code class="tp">string</code> <strong>text</strong>
+		<p>The new title.</p>
+	</li>
+</ul>
+
+<h3 id="rename_node">.rename_node ( node , text )</h3>
+<p>Sets the title of a node. Triggers an event.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to the element whose title you want to change.</p>
+	</li>
+	<li>
+		<code class="tp">string</code> <strong>text</strong>
+		<p>The new title.</p>
+	</li>
+</ul>
+
+<h3 id="delete_node">.delete_node ( node )</h3>
+<p>Removes a node. Triggers an event.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to the element you want to remove.</p>
+	</li>
+</ul>
+
+<h3 id="prepare_move">.prepare_move ( o , r , pos , cb , is_cb )</h3>
+<p>This function is used internally to prepare all necessary variables and nodes when moving a node around. It is automatically called as needed - you do not need to call it manually. Triggers an event.</p>
+
+<h3 id="check_move">.check_move ()</h3>
+<p>Checks if the prepared move is a valid one.</p>
+
+<h3 id="move_node">.move_node ( node , ref , position , is_copy , is_prepared , skip_check )</h3>
+<p>Moves a node to a new place. Triggers an event.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to the element you want to move.</p>
+	</li>
+	<li>
+		<code class="tp">mixed</code> <strong>ref</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to the element which will be the reference element in the move. <code>-1</code> may be used too (to indicate the container node).</p>
+	</li>
+	<li>
+		<code class="tp">mixed</code> <strong>position</strong>
+		<p>The new position of the moved node. This can be a zero based index to position the element at a specific point among the reference node's current children. You can also use one of these strings: <code>"before"</code>, <code>"after"</code>, <code>"inside"</code>, <code>"first"</code>, <code>"last"</code>.</p>
+	</li>
+	<li>
+		<code class="tp">bool</code> <strong>is_copy</strong>
+		<p>Should this be a copy or a move operation.</p>
+	</li>
+	<li>
+		<code class="tp">bool</code> <strong>is_prepared</strong>
+		<p>Used internally when this function is called recursively.</p>
+	</li>
+	<li>
+		<code class="tp">bool</code> <strong>skip_check</strong>
+		<p>If this is set to <code>true</code> <a href="#check_move">check_move</a> is not called.</p>
+	</li>
+</ul>
+
+<h3 id="_get_move">._get_move ()</h3>
+<p>Returns the lastly prepared move. The returned object contains:<br />
+<code>.o</code> - the node being moved<br />
+<code>.r</code> - the reference node in the move<br />
+<code>.ot</code> - the origin tree instance<br />
+<code>.rt</code> - the reference tree instance<br />
+<code>.p</code> - the position to move to (may be a string - <code>"last"</code>, <code>"first"</code>, etc)<br />
+<code>.cp</code> - the calculated position to move to (always a number)<br />
+<code>.np</code> - the new parent<br />
+<code>.oc</code> - the original node (if there was a copy)<br />
+<code>.cy</code> - boolen indicating if the move was a copy<br />
+<code>.cr</code> - same as <code>np</code>, but if a root node is created this is -1<br />
+<code>.op</code> - the former parent<br />
+<code>.or</code> - the node that was previously in the position of the moved node<br />
+</p>
+
+</div>
+
+</div>
+</body>
+</html>
 \ No newline at end of file
@@ -0,0 +1,316 @@
+<!DOCTYPE html
+PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>jsTree v.1.0 - CRRM documentation</title>
+	<script type="text/javascript" src="../_lib/jquery.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
+	<script type="text/javascript" src="../jquery.jstree.js"></script>
+
+	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
+	<link type="text/css" rel="stylesheet" href="!style.css"/>
+	<script type="text/javascript" src="syntax/!script.js"></script>
+</head>
+<body>
+<div id="container">
+
+<h1 id="dhead">jsTree v.1.0</h1>
+<h1>crrm plugin</h1>
+<h2>Description</h2>
+<div id="description">
+<p>The <code>CRRM</code> plugin handles creating, renaming, removing and moving nodes by the user.</p>
+</div>
+
+<h2 id="configuration">Configuration</h2>
+<div class="panel configuration">
+<h3>input_width_limit</h3>
+<p class="meta">A number. Default is <code>200</code>.</p>
+<p>When renaming (or creating) nodes the input for the text will autosize - this number sets the maximum size for the input.</p>
+
+<h3>move</h3>
+<p class="meta">An object, containing various settings - see below for more.</p>
+
+<h3>move.always_copy</h3>
+<p class="meta"><code>true</code>, <code>false</code> or <code>"multitree"</code>. Default is <code>false</code>.</p>
+<p>Defines how moves are handled - if set to <code>true</code> every move will be forced to a copy (leaving the original node in place). If set to <code>"multitree"</code> only moves between trees will be forced to a copy.</p>
+
+<h3>move.open_onmove</h3>
+<p class="meta">A Boolean. Default is <code>true</code>.</p>
+<p>If set to true, when moving a node to a new, closed parent, the parent node will be opened when the move completes.</p>
+
+<h3>move.default_position</h3>
+<p class="meta">A string or a number. Default is <code>"last"</code>.</p>
+<p>The default position to move to if no position is specified. This can be a zero based index to position the element at a specific point among the new parent's current children. You can also use one of these strings: <code>"before"</code>, <code>"after"</code>, <code>"inside"</code>, <code>"first"</code>, <code>"last"</code>.</p>
+
+<h3>move.check_move</h3>
+<p class="meta">A function. Default is <code>function (m) { return true; }</code>.</p>
+<p>The callback function enabling you to prevent some moves - just return <code>false</code>. The <code>m</code> parameter is the move object generated by jstree. The object follows the structure described in <a href="core.html#_get_move">._get_move</a>.</p>
+
+</div>
+
+<h2 id="demos">Demos</h2>
+<div class="panel">
+
+<h3>Creating nodes</h3>
+<input type="button" class="button" value="create_1" id="create_1" style="float:left;" />
+<input type="button" class="button" value="create_2" id="create_2" style="float:left;" />
+<input type="button" class="button" value="create_3" id="create_3" style="" />
+<div id="demo1" class="demo">
+	<ul>
+		<li id="phtml_1">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="phtml_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="phtml_3">
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="phtml_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#create_1").click(function () { 
+		$("#demo1").jstree("create"); 
+	});
+	$("#create_2").click(function () { 
+		$("#demo1").jstree("create","#phtml_1","first","Enter a new name"); 
+	});
+	$("#create_3").click(function () { 
+		$("#demo1").jstree("create",-1,false,"No rename",false,true); 
+	});
+	$("#demo1").jstree({ 
+		"ui" : {
+			"initially_select" : [ "phtml_2" ]
+		},
+		"core" : { "initially_open" : [ "phtml_1" ] },
+		"plugins" : [ "themes", "html_data", "ui", "crrm" ]
+	});
+});
+</script>
+
+<h3>Removing nodes</h3>
+<input type="button" class="button" value="remove_1" id="remove_1" style="float:left;" />
+<input type="button" class="button" value="remove_2" id="remove_2" style="" />
+<div id="demo2" class="demo">
+	<ul>
+		<li id="rhtml_1">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="rhtml_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="rhtml_3">
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="rhtml_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#remove_1").click(function () { 
+		$("#demo2").jstree("remove"); 
+	});
+	$("#remove_2").click(function () { 
+		$("#demo2").jstree("remove","#rhtml_1"); 
+	});
+	$("#demo2").jstree({ 
+		"ui" : {
+			"initially_select" : [ "rhtml_2" ]
+		},
+		"core" : { "initially_open" : [ "rhtml_1" ] },
+		"plugins" : [ "themes", "html_data", "ui", "crrm" ]
+	});
+});
+</script>
+
+<h3>Renaming nodes</h3>
+<input type="button" class="button" value="rename_1" id="rename_1" style="float:left;" />
+<input type="button" class="button" value="rename_2" id="rename_2" style="" />
+<div id="demo3" class="demo">
+	<ul>
+		<li id="shtml_1">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="shtml_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="shtml_3">
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="shtml_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#rename_1").click(function () { 
+		$("#demo3").jstree("rename"); 
+	});
+	$("#rename_2").click(function () { 
+		$("#demo3").jstree("rename","#shtml_1"); 
+	});
+	$("#demo3").jstree({ 
+		"ui" : {
+			"initially_select" : [ "shtml_2" ]
+		},
+		"core" : { "initially_open" : [ "shtml_1" ] },
+		"plugins" : [ "themes", "html_data", "ui", "crrm" ]
+	});
+});
+</script>
+
+<h3>Moving nodes</h3>
+<p><strong>move_1</strong> uses the default position - <code>"first"</code></p>
+<p><strong>move_2</strong> specifies a position - <code>"before"</code> - meaning that the node specified as a first argument will come above the node specified as the second argument</p>
+<p><strong>move_3</strong> will never work, because of the specified <code>check_move</code> function which prevents the first root node from being moved</p>
+<input type="button" class="button" value="move_1" id="move_1" style="float:left;" />
+<input type="button" class="button" value="move_2" id="move_2" style="float:left;" />
+<input type="button" class="button" value="move_3" id="move_3" style="" />
+<div id="demo4" class="demo">
+	<ul>
+		<li id="thtml_1">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="thtml_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="thtml_3">
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="thtml_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#move_1").click(function () { 
+		$("#demo4").jstree("move_node","#thtml_4","#thtml_1"); 
+	});
+	$("#move_2").click(function () { 
+		$("#demo4").jstree("move_node","#thtml_4","#thtml_1", "before"); 
+	});
+	$("#move_3").click(function () { 
+		$("#demo4").jstree("move_node","#thtml_1","#thtml_4"); 
+	});
+	$("#demo4").jstree({ 
+		"crrm" : {
+			"move" : {
+				"default_position" : "first",
+				"check_move" : function (m) { return (m.o[0].id === "thtml_1") ? false : true;  }
+			}
+		},
+		"ui" : {
+			"initially_select" : [ "thtml_2" ]
+		},
+		"core" : { "initially_open" : [ "thtml_1" ] },
+		"plugins" : [ "themes", "html_data", "ui", "crrm" ]
+	});
+});
+</script>
+
+</div>
+
+<h2 id="api">API</h2>
+<div class="panel api">
+
+<h3 id="_show_input">._show_input ( node , callback )</h3>
+<p>Renders an input field in a node. Used only internally.</p>
+
+<h3 id="rename">.rename ( node )</h3>
+<p>Sets a node in rename mode and when the user has entered changes, an event is triggered.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree. If you use the UI plugin - pass <code>null</code> to use the currently selected item.</p>
+	</li>
+</ul>
+
+<h3 id="create">.create ( node , position , js , callback , skip_rename )</h3>
+<p>Creates a new node. Triggers an event.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to the element you want to create in (or next to). If you use the UI plugin - pass <code>null</code> to use the currently selected item.</p>
+	</li>
+	<li>
+		<code class="tp">mixed</code> <strong>position</strong>
+		<p>The position of the newly created node. This can be a zero based index to position the element at a specific point among the current children. You can also pass in one of those strings: <code>"before"</code>, <code>"after"</code>, <code>"inside"</code>, <code>"first"</code>, <code>"last"</code>.</p>
+	</li>
+	<li>
+		<code class="tp">object</code> <strong>js</strong>
+		<p>The data for the newly created node. Consists of three keys:</p><p style="margin-left:25px;"><code class="tp">attr</code> - an object of attributes (same used for <code>jQuery.attr()</code>. You can omit this key;<br /><code class="tp">state</code> - a string - either <code>"open"</code> or <code>"closed"</code>, for a leaf node - omit this key;<br /><code class="tp">data</code> - a string or an object - if a string is passed it is used for the title of the node, if an object is passed there are two keys you can specify: <code>attr</code> and <code>title</code>;</p>
+	</li>
+	<li>
+		<code class="tp">function</code> <strong>callback</strong>
+		<p>A function to be executed once the node is created. You'd be better off waiting for the event.</p>
+	</li>
+	<li>
+		<code class="tp">bool</code> <strong>skip_rename</strong>
+		<p>Skips the user input step. The node is created with the data you have supplied.</p>
+	</li>
+</ul>
+
+<h3 id="remove">.remove ( node )</h3>
+<p>Removes a node. Triggers an event.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree. If you use the UI plugin - pass <code>null</code> to use the currently selected items.</p>
+	</li>
+</ul>
+
+<div style="height:1px; visibility:hidden; overflow:hidden;"><span id="check_move">&#160;</span></div>
+<h3 id="move_node">.check_move ( ), .move_node ( )</h3>
+<p>Both functions are overwritten from the <a href="core.html#check_move">core</a> in order to implement the new functionality.</p>
+
+<h3 id="cut">.cut ( node )</h3>
+<p>Cuts a node (prepares it for pasting).</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree. If you use the UI plugin - pass <code>null</code> to use the currently selected item.</p>
+	</li>
+</ul>
+
+<h3 id="copy">.copy ( node )</h3>
+<p>Copies a node (prepares it for pasting).</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree. If you use the UI plugin - pass <code>null</code> to use the currently selected item.</p>
+	</li>
+</ul>
+
+<h3 id="paste">.paste ( node )</h3>
+<p>Pastes copied or cut nodes inside a node.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element within the tree. If you use the UI plugin - pass <code>null</code> to use the currently selected item.</p>
+	</li>
+</ul>
+
+</div>
+
+</div>
+</body>
+</html>
 \ No newline at end of file
@@ -0,0 +1,199 @@
+<!DOCTYPE html
+PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>jsTree v.1.0 - dnd documentation</title>
+	<script type="text/javascript" src="../_lib/jquery.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
+	<script type="text/javascript" src="../jquery.jstree.js"></script>
+
+	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
+	<link type="text/css" rel="stylesheet" href="!style.css"/>
+	<script type="text/javascript" src="syntax/!script.js"></script>
+</head>
+<body>
+<div id="container">
+
+<h1 id="dhead">jsTree v.1.0</h1>
+<h1>dnd plugin</h1>
+<h2>Description</h2>
+<div id="description">
+<p>The <code>dnd</code> plugin enables drag'n'drop support for jstree, also using foreign nodes and drop targets.</p>
+<p class="note">All foreign node options and callback functions in the config (drop_target, drop_check, drop_finish, drag_target, drag_check, drag_finish) are to be used ONLY when nodes that are not part of any tree are involved.<br />If moving nodes from one tree instance to another - just listen for the "move_node.jstree" event on the receiving tree.<br /><span style="color:red">DO NOT SET drag_target AND drop_target to match tree nodes!</span></p>
+</div>
+
+<h2 id="configuration">Configuration</h2>
+<div class="panel configuration">
+
+<h3>copy_modifier</h3>
+<p class="meta">A string. Default is <code>"ctrl"</code>.</p>
+<p>The special key used to make a drag copy instead of move (<code>"ctrl"</code>, <code>"shift"</code>, <code>"alt"</code>, <code>"meta"</code>).</p>
+
+<h3>check_timeout</h3>
+<p class="meta">A number. Default is <code>200</code>.</p>
+<p>The number of milliseconds to wait before checking if a move is valid upon hovering a node (while dragging). <code>200</code> is a reasonable value - a higher number means better performance but slow feedback to the user, a lower number means lower performance (possibly) but the user will get feedback faster.</p>
+
+<h3>open_timeout</h3>
+<p class="meta">A number. Default is <code>500</code>.</p>
+<p>The number of milliseconds to wait before opening a hovered if it has children (while dragging). This means that the user has to stop over the node for half a second in order to trigger the open operation. Keep in mind that a low value in combination with async data could mean a lot of unneeded traffic, so <code>500</code> is quite reasonable.</p>
+
+<h3>drop_target</h3>
+<p class="meta">A string (jQuery selector) (or <code>false</code>). Default is <code>".jstree-drop"</code>.</p>
+<p>A jquery selector matching all drop targets (you can also use the comma <code>,</code> in the string to specify multiple valid targets). If set to <code>false</code> drop targets are disabled.</p>
+
+<h3>drop_check</h3>
+<p class="meta">A function. Default is <code>function (data) { return true; }</code>.</p>
+<p>Return <code>false</code> to mark the move as invalid, otherwise return <code>true</code>. The <code>data</code> parameter is as follows:</p>
+<p style="margin-left:2em;"><code>data.o</code> - the object being dragged</p>
+<p style="margin-left:2em;"><code>data.r</code> - the drop target</p>
+
+<h3>drop_finish</h3>
+<p class="meta">A function. Default is <code>$.noop</code>.</p>
+<p>Gets executed after a valid drop, you get one parameter, which is as follows:</p>
+<p style="margin-left:2em;"><code>data.o</code> - the object being dragged</p>
+<p style="margin-left:2em;"><code>data.r</code> - the drop target</p>
+
+<h3>drag_target</h3>
+<p class="meta">A string (jQuery selector) (or <code>false</code>). Default is <code>".jstree-draggable"</code>.</p>
+<p>A jquery selector matching all foreign nodes that can be dropped on the tree (you can also use the comma <code>,</code> in the string to specify multiple valid foreign nodes). If set to <code>false</code> dragging foreign nodes is disabled.</p>
+
+<h3>drag_check</h3>
+<p class="meta">A function. Default is <code>function (data) { return { after : false, before : false, inside : true }; }</code>.</p>
+<p>Return a boolean for each position. The <code>data</code> parameter is as follows:</p>
+<p style="margin-left:2em;"><code>data.o</code> - the foreign object being dragged</p>
+<p style="margin-left:2em;"><code>data.r</code> - the hovered node</p>
+
+<h3>drag_finish</h3>
+<p class="meta">A function. Default is <code>$.noop</code>.</p>
+<p>Gets executed after a dropping a foreign element on a tree item, you get one parameter, which is as follows:</p>
+<p style="margin-left:2em;"><code>data.o</code> - the foreign object being dragged</p>
+<p style="margin-left:2em;"><code>data.r</code> - the target node</p>
+
+
+</div>
+
+<h2 id="demos">Demos</h2>
+<div class="panel">
+<h3>Using the dnd plugin</h3>
+<p>Drag stuff around!</p>
+<div class="jstree-drop" style="clear:both; border:5px solid green; background:lime; color:green; height:40px; line-height:40px; text-align:center; font-size:20px;">I have the jstree-drop class</div>
+<div class="jstree-draggable" style="margin:10px 0; clear:both; border:5px solid navy; background:aqua; color:navy; height:40px; line-height:40px; text-align:center; font-size:20px;">I have the jstree-draggable class</div>
+<div id="demo1" class="demo">
+	<ul>
+		<li id="phtml_1">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="phtml_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="phtml_3">
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="phtml_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#demo1").jstree({ 
+		"dnd" : {
+			"drop_finish" : function () { 
+				alert("DROP"); 
+			},
+			"drag_check" : function (data) {
+				if(data.r.attr("id") == "phtml_1") {
+					return false;
+				}
+				return { 
+					after : false, 
+					before : false, 
+					inside : true 
+				};
+			},
+			"drag_finish" : function (data) { 
+				alert("DRAG OK"); 
+			}
+		},
+		"plugins" : [ "themes", "html_data", "dnd" ]
+	});
+});
+</script>
+
+<h3>Reorder only demo</h3>
+<div id="demo2" class="demo">
+	<ul>
+		<li id="rhtml_1">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="rhtml_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="rhtml_3">
+					<a href="#">Child node 2</a>
+				</li>
+				<li id="rhtml_4">
+					<a href="#">Child node 3</a>
+				</li>
+				<li id="rhtml_5">
+					<a href="#">Child node 4</a>
+				</li>
+			</ul>
+		</li>
+		<li id="rhtml_6">
+			<a href="#">Root node 2</a>
+		</li>
+		<li id="rhtml_7">
+			<a href="#">Root node 3</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#demo2").jstree({ 
+		"crrm" : { 
+			"move" : {
+				"check_move" : function (m) { 
+					var p = this._get_parent(m.o);
+					if(!p) return false;
+					p = p == -1 ? this.get_container() : p;
+					if(p === m.np) return true;
+					if(p[0] && m.np[0] && p[0] === m.np[0]) return true;
+					return false;
+				}
+			}
+		},
+		"dnd" : {
+			"drop_target" : false,
+			"drag_target" : false
+		},
+		"plugins" : [ "themes", "html_data", "crrm", "dnd" ]
+	});
+});
+</script>
+
+</div>
+
+<h2 id="api">API</h2>
+<div class="panel api">
+
+<div style="height:1px; visibility:hidden;">
+	<span id="dnd_show">&nbsp;</span>
+	<span id="dnd_open">&nbsp;</span>
+	<span id="dnd_finish">&nbsp;</span>
+	<span id="dnd_enter">&nbsp;</span>
+	<span id="start_drag">&nbsp;</span>
+</div>
+<h3 id="dnd_prepare">.dnd_prepare ( ), .dnd_show ( ), .dnd_open ( ), .dnd_finish ( ), .dnd_enter ( ), .dnd_leave ( ), .start_drag ( )</h3>
+<p>All those functions are used internally only. If you want more information - examine the source code.</p>
+
+</div>
+
+</div>
+</body>
+</html>
 \ No newline at end of file
@@ -0,0 +1,82 @@
+<!DOCTYPE html
+PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>jsTree v.1.0 - hotkeys documentation</title>
+	<script type="text/javascript" src="../_lib/jquery.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
+	<script type="text/javascript" src="../jquery.jstree.js"></script>
+
+	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
+	<link type="text/css" rel="stylesheet" href="!style.css"/>
+	<script type="text/javascript" src="syntax/!script.js"></script>
+</head>
+<body>
+<div id="container">
+
+<h1 id="dhead">jsTree v.1.0</h1>
+<h1>hotkeys plugin</h1>
+<h2>Description</h2>
+<div id="description">
+<p>The <code>hotkeys</code> plugin enables keyboard navigation and shortcuts. Depends on the  <a href="http://github.com/jeresig/jquery.hotkeys/">jquery.hotkeys plugin</a>.</p>
+</div>
+
+<h2 id="configuration">Configuration</h2>
+<div class="panel configuration">
+<p>Expects an object:<br />each key is the keyboard shortcut (for possible values check <a href="http://github.com/jeresig/jquery.hotkeys/">the hotkeys plugin</a>)<br />each value is a function executed in the instance's context, the return value is used as a return value for the event.</p>
+<p>Simple example:</p>
+<p><code>"del" : function () { this.remove(); }</code></p>
+<p>By default <code>"up"</code>, <code>"ctrl+up"</code>, <code>"shift+up"</code>, <code>"down"</code>, <code>"ctrl+down"</code>, <code>"shift+down"</code>, <code>"left"</code>, <code>"ctrl+left"</code>, <code>"shift+left"</code>, <code>"right"</code>, <code>"ctrl+right"</code>, <code>"shift+right"</code>, <code>"space"</code>, <code>"ctrl+space"</code>, <code>"shift+space"</code>, <code>"f2"</code>, <code>"del"</code> are bound.<br />To override any of those - just specify your own function, to disable - just set to <code>false</code>.
+</div>
+
+<h2 id="demos">Demos</h2>
+<div class="panel">
+
+<h3>Using the hotkeys plugin</h3>
+<p>Try pressing <code>up</code>/<code>down</code>/<code>left</code>/<code>right</code>/<code>space</code>/<code>f2</code>/<code>del</code>.</p>
+<div id="demo1" class="demo">
+	<ul>
+		<li id="phtml_1">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="phtml_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="phtml_3">
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="phtml_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#demo1").jstree({ 
+	  "core" : { "initially_open" : [ "phtml_1" ] },
+	  "plugins" : ["themes","html_data","ui","crrm","hotkeys"]
+	});
+});
+</script>
+
+</div>
+
+<h2 id="api">API</h2>
+<div class="panel api">
+
+<h3 id="enable_hotkeys">.enable_hotkeys ( )</h3>
+<p>Enable shortcuts on the instance (enabled by default).</p>
+
+<h3 id="disable_hotkeys">.disable_hotkeys ( )</h3>
+<p>Disable shortcuts on the instance.</p>
+
+</div>
+
+</div>
+</body>
+</html>
 \ No newline at end of file
@@ -0,0 +1,175 @@
+<!DOCTYPE html
+PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>jsTree v.1.0 - html_data documentation</title>
+	<script type="text/javascript" src="../_lib/jquery.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
+	<script type="text/javascript" src="../jquery.jstree.js"></script>
+
+	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
+	<link type="text/css" rel="stylesheet" href="!style.css"/>
+	<script type="text/javascript" src="syntax/!script.js"></script>
+</head>
+<body>
+<div id="container">
+
+<h1 id="dhead">jsTree v.1.0</h1>
+<h1>html_data plugin</h1>
+<h2>Description</h2>
+<div id="description">
+<p>The <code>html_data</code> plugin enables jsTree to convert nested unordered lists to interactive trees. jsTree can also get HTML from the server insert it into the DOM and convert that to a tree.</p>
+<p>The basic structure you need to follow when supplying data in the HTML format is:</p>
+<div class="code_f">
+<pre class="brush:xml;">
+&lt;li&gt;
+	&lt;a href="some_value_here"&gt;Node title&lt;/a&gt;
+	&lt;!-- UL node only needed for children - omit if there are no children --&gt;
+	&lt;ul&gt;
+		&lt;!-- Children LI nodes here --&gt;
+	&lt;/ul&gt;
+&lt;/li&gt;
+</pre>
+</div>
+<p>If you inspect the resulting structure you will find it a bit different - that is because jstree will automatically do some corrections.</p>
+<div class="code_f">
+<pre class="brush:xml;">
+&lt;!-- one of the three classes will be applied depending on node structure --&gt;
+&lt;li class="[ jstree-open | jstree-closed | jstree-leaf ]"&gt;
+	&lt;!-- an INS element is inserted --&gt;
+	&lt;ins class="jstree-icon"&gt;&amp;#160;&lt;/ins&gt;
+	&lt;a href="some_value_here"&gt;
+		&lt;!-- another INS element is inserted --&gt;
+		&lt;ins class="jstree-icon"&gt;&amp;#160;&lt;/ins&gt;
+		Node title
+	&lt;/a&gt;
+&lt;/li&gt;
+</pre>
+</div>
+<p>Both <code>ins</code> elements are inserted for visualization purposes. As for the class (<code>jstree-open</code>, <code>jstree-closed</code>) - you can specify that yourself to force the node to appear either closed or opened. Making a node with no children appear closed is often used - if you use ajax, opening a closed node with no children will result in jstree making a server call for the children (see the <a href="#demo3">demo below</a>).</p>
+</div>
+
+<h2 id="configuration">Configuration</h2>
+<div class="panel configuration">
+<h3>data</h3>
+<p class="meta">A HTML string (or <code>false</code> if not used). Default is <code>false</code>.</p>
+<p>Specifies the content to load into the container and convert to a tree.</p>
+<h3>ajax</h3>
+<p class="meta">An object (or <code>false</code> if not used). Default is <code>false</code>.</p>
+<p>The ajax config object is pretty much the same as the <a href="http://api.jquery.com/jQuery.ajax/">jQuery ajax settings object</a>.</p>
+<p>You can set the <code>data</code> option to a function, that will be executed in the current tree's scope (<code>this</code> will be the tree instance) and gets the node about to be open as a paramater (or <code>-1</code> for initial load). Whatever you return in the function will be sent to the server as data (so for example you can send the node's ID).</p>
+<p>You can set the <code>url</code> option to a function, that will be executed in the current tree's scope (<code>this</code> will be the tree instance) and gets the node about to be open as a paramater (or <code>-1</code> for initial load). Whatever you return in the <code>url</code> function will be used as the ajax URL (so that you can accomodate pretty paths such as /get_children/node_2).</p>
+<p>The <code>error</code> and <code>success</code> functions (if present) also fire in the context of the tree, and if you return a value in the <code>success</code> function it will be used to populate the tree - this can be useful if you want to somehow change what the server returned on the client side before it is displayed in the tree.</p>
+<h3>correct_state</h3>
+<p class="meta">A Boolean. Default is <code>true</code>.</p>
+<p>If this option is set to <code>true</code> if an AJAX request returns an empty result, the node that was about to be opened will be converted to a leaf node (the open icon will no longer be displayed).</p>
+
+<p class="note"><strong>NOTE:</strong><br />If both <code>data</code> and <code>ajax</code> are not set, the current container's HTML is used to build the tree.<br />If both <code>data</code> and <code>ajax</code> are set the initial tree is rendered from the <code>data</code> string. When opening a closed node (that has no loaded children) an AJAX request is made.</p>
+</div>
+
+<h2 id="demos">Demos</h2>
+<div class="panel">
+
+<h3>Using initial content (convert an existing list)</h3>
+<div id="demo1" class="demo">
+	<ul>
+		<li id="phtml_1">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="phtml_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="phtml_3">
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="phtml_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#demo1").jstree({ 
+		"plugins" : [ "themes", "html_data" ]
+	});
+});
+</script>
+
+<h3>Using the data config option</h3>
+<div id="demo2" class="demo"></div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#demo2").jstree({ 
+		"core" : { "initially_open" : [ "root" ] },
+		"html_data" : {
+			"data" : "<li id='root'><a href='#'>Root node</a><ul><li><a href='#'>Child node</a></li></ul></li>"
+		},
+		"plugins" : [ "themes", "html_data" ]
+	});
+});
+</script>
+
+<h3>Using the ajax config option</h3>
+<div id="demo3" class="demo"></div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#demo3").jstree({ 
+		"html_data" : {
+			"ajax" : {
+				"url" : "_html_data.html",
+				"data" : function (n) { 
+					return { id : n.attr ? n.attr("id") : 0 }; 
+				}
+			}
+		},
+		"plugins" : [ "themes", "html_data" ]
+	});
+});
+</script>
+
+<h3>Using both the data &amp; ajax config options</h3>
+<div id="demo4" class="demo"></div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#demo4").jstree({ 
+		"core" : { "initially_open" : [ "root2" ] },
+		"html_data" : {
+			"data" : "<li class='jstree-closed' id='root2'><a href='#'>Root node</a></li>",
+			"ajax" : { "url" : "_html_data.html" }
+		},
+		"plugins" : [ "themes", "html_data" ]
+	});
+});
+</script>
+</div>
+
+<h2 id="api">API</h2>
+<div class="panel api">
+<p>Both dummy functions - <code>_is_loaded</code> and <code>load_node</code> are overwritten.</p>
+<h3 id="load_node_html">.load_node_html ( node , success_callback , error_callback )</h3>
+<p>This function is called instead of <code>load_node</code>.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element you want loaded. Use <code>-1</code> for root nodes.</p>
+	</li>
+	<li>
+		<code class="tp">function</code> <strong>success_callback</strong>
+		<p>A function to be executed once the node is loaded successfully - used internally. You should wait for the <code>load_node</code> event.</p>
+	</li>
+	<li>
+		<code class="tp">function</code> <strong>error_callback</strong>
+		<p>A function to be executed if the node is not loaded due to an error - used internally. You should wait for the <code>load_node</code> event.</p>
+	</li>
+</ul>
+
+</div>
+
+</div>
+</body>
+</html>
 \ No newline at end of file
@@ -0,0 +1,86 @@
+<!DOCTYPE html
+PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>jsTree v.1.0 Documentation</title>
+	<script type="text/javascript" src="../_lib/jquery.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
+	<script type="text/javascript" src="../jquery.jstree.js"></script>
+
+	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
+	<link type="text/css" rel="stylesheet" href="!style.css"/>
+	<script type="text/javascript" src="syntax/!script.js"></script>
+</head>
+<body>
+<div id="container">
+
+<h1 id="dhead">jsTree - jquery tree plugin</h1>
+
+<h2>Description</h2>
+<div id="description">
+
+<h3>jsTree:</h3>
+<ul class="jstree">
+	<li>&#9830;&#160;&#160;is a <strong>javascript based, cross browser tree component</strong>. It is packaged as a <a href="http://jquery.com">jQuery</a> plugin.</li>
+	<li>&#9830;&#160;&#160;<strong>is absolutely free</strong> (licensed same as jQuery – under the terms of either the MIT License or the GPL v2 License).</li>
+	<li>&#9830;&#160;&#160;is a <a href="http://vakata.com/">one man</a> project and relies on <a href="http://groups.google.com/group/jstree">its great community</a> for <a href="http://code.google.com/p/jstree/issues/list">feature requests &amp; bug reports</a>. Join in!</li>
+	<li>&#9830;&#160;&#160;passes <a href="http://jslint.com">jslint validation</a>, minifies nicely and does not modify the global scope in any way.</li>
+	<li>&#9830;&#160;&#160;uses plugins so feel free to remove any plugins you do not use (for an even smaller download) or create your own plugins.</li>
+</ul>
+
+<h3>Features at a glance</h3>
+<ul class="columns">
+	<li>Various data sources - HTML, JSON, XML</li>
+	<li>Supports AJAX loading</li>
+	<li>Drag &amp; drop support</li>
+	<li>Highly configurable</li>
+	<li>Theme support + included themes</li> 
+	<li>Uses jQuery's event system</li> 
+	<li>Optional keyboard navigation</li> 
+	<li>Maintain the same tree in many languages</li>
+	<li>Inline editing</li>
+	<li>Open/close optional animation</li>
+	<li>Define node types and fine tune them</li>
+	<li>Configurable multitree drag &amp; drop</li>
+	<li>Optional checkbox tree support</li>
+	<li>Search function</li>
+	<li>Supports plugins</li>
+	<li>Optional state saving using cookies</li>
+	<li>RTL support</li>
+	<li>Optional sorting / unique management</li>
+</ul>
+<p style="color:gray; font-size:0.8em; text-align:center; padding:15px;">if you like the project - consider <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&amp;business=paypal@vakata.com&amp;currency_code=USD&amp;amount=&amp;return=http://jstree.com/donation&amp;item_name=Buy+me+a+coffee+for+jsTree">supporting jstree</a>.</p>
+</div>
+
+<h2 id="plugins">Plugins documentation</h2>
+<div class="panel">
+<p>As of version 1.0 jsTree is extremely plugin friendly, so all functionality is now wrapped in plugins, which take care of various aspects of the tree and can be removed without affecting the functionality of other plugins. Below you will find a list of plugins - each with its own documentation page. Probably a good place to start is the <a href="core.html">core</a>.</p>
+<ul class="columns plugins">
+	<li style="float:none; width:660px;"><a href="core.html" style="font-weight:bold;">Core functionality</a><p>all core functions for manipulating the tree + basic examples of including, configuring and working with the tree, along with demos of the new event system</p></li>
+	<li><a href="html_data.html">HTML_DATA plugin</a><p>enables jsTree to convert nested unordered lists to interactive trees, an already existing UL may be used or data could be retrieved from a server</p></li>
+	<li><a href="json_data.html">JSON_DATA plugin</a><p>enables jsTree to convert JSON objects to interactive trees, data can be set up in the config or retrieved from a server</p></li>
+	<li><a href="xml_data.html">XML_DATA plugin</a><p>enables jsTree to convert XML objects to interactive trees (using XSL), data can be set up in the config or retrieved from a server</p></li>
+	<li><a href="themes.html">Themes plugin</a><p>controls the looks of jstree - without this plugin you will get a functional tree, but it will look just like an ordinary UL list</p></li>
+	<li><a href="ui.html">UI plugin</a><p>handles selecting, deselecting and hovering tree items</p></li>
+	<li><a href="crrm.html">CRRM plugin</a><p>handles creating, renaming, removing and moving nodes by the user, also includes cut/copy/paste functions</p></li>
+	<li><a href="hotkeys.html">Hotkeys plugin</a><p>enables support for keyboard navigation &amp; shortcuts, highly configurable</p></li>
+	<li><a href="languages.html">Languages plugin</a><p>enables multilanguage support - each node can have multiple titles, but only one is visible</p></li>
+	<li><a href="cookies.html">Cookies plugin</a><p>enables jstree to save the state of the tree across sessions, by saving selected and opened nodes in a cookie</p></li>
+	<li><a href="sort.html">Sort plugin</a><p>enables jstree to automatically sort all nodes<br />using a specified function</p></li>
+	<li><a href="dnd.html">DND plugin</a><p>enables drag'n'drop support for jstree, also using foreign nodes and drop targets</p></li>
+	<li><a href="checkbox.html">Checkbox plugin</a><p>makes multiselection possible using three-state checkboxes</p></li>
+	<li><a href="search.html">Search plugin</a><p>enables searching for nodes whose title contains a given string, works on async trees too</p></li>
+	<li><a href="contextmenu.html">Contextmenu plugin</a><p>enables a multilevel context menu on tree items</p></li>
+	<li><a href="types.html">Types plugin</a><p>each node can have a type, and you can define rules on how that type should behave</p></li>
+	<li><a href="themeroller.html">Themeroller plugin</a><p>adds support for jQuery UI's themes</p></li>
+	<li><a href="unique.html">Unique plugin</a><p>adds unique checking to jsTree</p></li>
+	<li><a href="#" onclick="return false" style="color:black;text-decoration:none;">Wholerow plugin</a><p>enhances UIs select &amp; hover functions</p></li>
+</ul>
+</div>
+
+</div>
+</body>
+</html>
 \ No newline at end of file
@@ -0,0 +1,249 @@
+<!DOCTYPE html
+PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>jsTree v.1.0 - json_data documentation</title>
+	<script type="text/javascript" src="../_lib/jquery.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
+	<script type="text/javascript" src="../jquery.jstree.js"></script>
+
+	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
+	<link type="text/css" rel="stylesheet" href="!style.css"/>
+	<script type="text/javascript" src="syntax/!script.js"></script>
+</head>
+<body>
+<div id="container">
+
+<h1 id="dhead">jsTree v.1.0</h1>
+<h1>json_data plugin</h1>
+<h2>Description</h2>
+<div id="description">
+<p>The <code>json_data</code> plugin enables jsTree to convert JSON objects to interactive trees. The data (JSON) can be set up in the config or retrieved from a server (also ondemand). Version 1.0 also introduces the experimental progressive render feature, which is suitable for large heavy trees, when the DOM would be too heavy to manipulate.</p>
+<p>The basic structure you need to follow when supplying data in the JSON format is:</p>
+<div class="code_f">
+<pre class="brush:js;">
+{ 
+	"data" : "node_title", 
+	// omit `attr` if not needed; the `attr` object gets passed to the jQuery `attr` function
+	"attr" : { "id" : "node_identificator", "some-other-attribute" : "attribute_value" }, 
+	// `state` and `children` are only used for NON-leaf nodes
+	"state" : "closed", // or "open", defaults to "closed"
+	"children" : [ /* an array of child nodes objects */ ]
+}
+</pre>
+</div>
+<p>The attr object will appear as attributes on the resulting <code>li</code> node.</p>
+<p>You may need to pass some attributes to the <code>a</code> node, or set some metadata, or use language versions (for the <a href="languages.html">languages plugin</a>):</p>
+<div class="code_f">
+<pre class="brush:js;">
+{
+	// `data` can also be an object
+	"data" : { 
+		"title" : "The node title", 
+		// omit when not needed
+		"attr" : {}, 
+		// if `icon` contains a slash / it is treated as a file, used for background
+		// otherwise - it is added as a class to the &lt;ins&gt; node
+		"icon" : "folder"
+	},
+
+	// the `metadata` property will be saved using the jQuery `data` function on the `li` node
+	"metadata" : "a string, array, object, etc",
+
+	// if you use the language plugin - just set this property
+	// also make sure that `data` is an array of objects
+	"language" : "en" // any code you are using
+}
+</pre>
+</div>
+<p>As seen in the first example below - you can also use a simple string to define a node (Child 1 &amp; Child 2).</p>
+</div>
+
+<h2 id="configuration">Configuration</h2>
+<div class="panel configuration">
+<h3>data</h3>
+<p class="meta">A JSON object (or <code>false</code> if not used). Default is <code>false</code>.</p>
+<p>Specifies the content to load into the container and convert to a tree. You can also set this to a function - it will be executed in the tree's scope for every node that needs to be loaded, the function will receive two arguments - the node being loaded &amp; a function to call with the data once your processing is done.</p>
+<h3>ajax</h3>
+<p class="meta">An object (or <code>false</code> if not used). Default is <code>false</code>.</p>
+<p>The ajax config object is pretty much the same as the <a href="http://api.jquery.com/jQuery.ajax/">jQuery ajax settings object</a>.</p>
+<p>You can set the <code>data</code> option to a function, that will be executed in the current tree's scope (<code>this</code> will be the tree instance) and gets the node about to be open as a paramater (or <code>-1</code> for initial load). Whatever you return in the <code>data</code> function will be sent to the server as data (so for example you can send the node's ID).</p>
+<p>You can set the <code>url</code> option to a function, that will be executed in the current tree's scope (<code>this</code> will be the tree instance) and gets the node about to be open as a paramater (or <code>-1</code> for initial load). Whatever you return in the <code>url</code> function will be used as the ajax URL (so that you can accomodate pretty paths such as /get_children/node_2).</p>
+<p>The <code>error</code> and <code>success</code> functions (if present) also fire in the context of the tree, and if you return a value in the <code>success</code> function it will be used to populate the tree - this can be useful if you want to somehow change what the server returned on the client side before it is displayed in the tree (for example some .NET json implementations require this to work: <code>"success" : function (data) { return data.d; }</code>.</p>
+<h3>correct_state</h3>
+<p class="meta">A Boolean. Default is <code>true</code>.</p>
+<p>If this option is set to <code>true</code> if an AJAX returns an empty result, the node that was about to be opened will be converted to a leaf node (the open icon will no longer be displayed).</p>
+<h3>progressive_render</h3>
+<p class="meta">A Boolean. Default is <code>false</code>.</p>
+<p>If this option is set to <code>true</code> only the visible (open nodes) parts of the returned JSON are converted to DOM nodes, any hidden parts are saved away and parsed ondemand (when a node becomes visible). This is useful when you have a large nested tree which would result in a heavy DOM.</p>
+<h3>progressive_unload</h3>
+<p class="meta">A Boolean. Default is <code>false</code>.</p>
+<p>If this option is set to <code>true</code> when a node is closed its children are removed from the DOM and saved as metadata on the node itself, on reopen that metadata is used (much like <code>progressive_render</code>).</p>
+
+<p class="note"><strong>NOTE:</strong><br />If both <code>data</code> and <code>ajax</code> are set the initial tree is rendered from the <code>data</code> string. When opening a closed node (that has no loaded children) an AJAX request is made.</p>
+</div>
+
+<h2 id="demos">Demos</h2>
+<div class="panel">
+
+<h3>Using the data config option</h3>
+<div id="demo1" class="demo"></div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#demo1").jstree({ 
+		"json_data" : {
+			"data" : [
+				{ 
+					"data" : "A node", 
+					"metadata" : { id : 23 },
+					"children" : [ "Child 1", "A Child 2" ]
+				},
+				{ 
+					"attr" : { "id" : "li.node.id1" }, 
+					"data" : { 
+						"title" : "Long format demo", 
+						"attr" : { "href" : "#" } 
+					} 
+				}
+			]
+		},
+		"plugins" : [ "themes", "json_data", "ui" ]
+	}).bind("select_node.jstree", function (e, data) { alert(jQuery.data(data.rslt.obj[0], "id")); });
+});
+</script>
+
+<h3>Using the ajax config option</h3>
+<div id="demo2" class="demo"></div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#demo2").jstree({ 
+		"json_data" : {
+			"ajax" : {
+				"url" : "_json_data.json",
+				"data" : function (n) { 
+					return { id : n.attr ? n.attr("id") : 0 }; 
+				}
+			}
+		},
+		"plugins" : [ "themes", "json_data" ]
+	});
+});
+</script>
+
+<h3>Using the progressive render config option</h3>
+<div id="demo3" class="demo"></div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#demo3").jstree({ 
+		"json_data" : {
+			"data" : [
+				{ 
+					"data" : "A node", 
+					"children" : [ "Child 1", "Child 2" ]
+				},
+				{ 
+					"attr" : { "id" : "li.node.id2" }, 
+					"data" : { 
+						"title" : "Long format demo", 
+						"attr" : { "href" : "#" } 
+					} 
+				}
+			],
+			"progressive_render" : true
+		},
+		"plugins" : [ "themes", "json_data" ]
+	});
+});
+</script>
+
+<h3>Using both the data &amp; ajax config options</h3>
+<div id="demo4" class="demo"></div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#demo4").jstree({ 
+		"json_data" : {
+			"data" : [
+				{ 
+					"data" : "A node", 
+					"state" : "closed"
+				},
+				{ 
+					"attr" : { "id" : "li.node.id3" }, 
+					"data" : { 
+						"title" : "Long format demo", 
+						"attr" : { "href" : "#" } 
+					} 
+				}
+			],
+			"ajax" : { "url" : "_json_data.json" }
+		},
+		"plugins" : [ "themes", "json_data" ]
+	});
+});
+</script>
+</div>
+
+<h2 id="api">API</h2>
+<div class="panel api">
+<p>Both dummy functions - <code>_is_loaded</code> and <code>load_node</code> are overwritten.</p>
+<h3 id="load_node_json">.load_node_json ( node , success_callback , error_callback )</h3>
+<p>This function is called instead of <code>load_node</code>.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element you want loaded. Use <code>-1</code> for root nodes.</p>
+	</li>
+	<li>
+		<code class="tp">function</code> <strong>success_callback</strong>
+		<p>A function to be executed once the node is loaded successfully - used internally. You should wait for the <code>load_node</code> event.</p>
+	</li>
+	<li>
+		<code class="tp">function</code> <strong>error_callback</strong>
+		<p>A function to be executed if the node is not loaded due to an error - used internally. You should wait for the <code>load_node</code> event.</p>
+	</li>
+</ul>
+<h3 id="_parse_json">._parse_json ( data , node , is_callback )</h3>
+<p>This function converts JSON nodes to the DOM structure required by jstree. Returns a jQuery object.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a tree node in the JSON format described above, or an array of such JSON nodes, may also be a string.</p>
+	</li>
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This is the DOM node, jQuery node or selector pointing to the element for which data is parsed. <code>-1</code> means root nodes.</p>
+	</li>
+	<li>
+		<code class="tp">bool</code> <strong>is_callback</strong>
+		<p>Specifies if the function is called recursively - used ONLY internally.</p>
+	</li>
+</ul>
+<h3 id="get_json">.get_json ( node , li_attr , a_attr )</h3>
+<p>This function returns an array of tree nodes converted back to JSON.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to an element you want returned. Use <code>-1</code> or omit to get the whole tree.</p>
+	</li>
+	<li>
+		<code class="tp">array</code> <strong>li_attr</strong>
+		<p>The attributes to collect from the <code>LI</code> node. Defaults to <code>[ "id" , "class" ]</p>
+	</li>
+	<li>
+		<code class="tp">array</code> <strong>a_attr</strong>
+		<p>The attributes to collect from the <code>A</code> node. Defaults to <code>[ ]</p>
+	</li>
+	<li>
+		<code class="tp">boolean</code> <strong>is_callback</strong>
+		<p>Used internally.</p>
+	</li>
+</ul>
+
+</div>
+
+</div>
+</body>
+</html>
 \ No newline at end of file
@@ -0,0 +1,152 @@
+<!DOCTYPE html
+PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>jsTree v.1.0 - languages documentation</title>
+	<script type="text/javascript" src="../_lib/jquery.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
+	<script type="text/javascript" src="../jquery.jstree.js"></script>
+
+	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
+	<link type="text/css" rel="stylesheet" href="!style.css"/>
+	<script type="text/javascript" src="syntax/!script.js"></script>
+</head>
+<body>
+<div id="container">
+
+<h1 id="dhead">jsTree v.1.0</h1>
+<h1>languages plugin</h1>
+<h2>Description</h2>
+<div id="description">
+<p>The <code>languages</code> plugin enables multilanguage trees. This means that each node has a specified number of titles - each in a different "language". Only one language set is visible at any given time. This is useful for maintaining the same structure in many languages (hence the name of the plugin)</p>
+</div>
+
+<h2 id="configuration">Configuration</h2>
+<div class="panel configuration">
+<p>Expects an array of language codes. Each of the items is used as a CSS class name, so make sure you specify only valid CSS class name strings.  The first langauge will be visible onload. For example:</p>
+<p><code>[ "en", "de", "bg" ]</code></p>
+</div>
+
+<h2 id="demos">Demos</h2>
+<div class="panel">
+<p>Check your data plugin documentation (<a href="html_data.html">html_data</a>, <a href="xml_data.html">xml_data</a>, <a href="json_data.html">json_data</a>) or take a close look at these examples for information on how to specify multilanguage nodes.</p>
+
+<h3>Using the languages plugin with HTML data</h3>
+<input type="button" class="button" value="en" id="en_1" style="float:left;" />
+<input type="button" class="button" value="bg" id="bg_1" style="float:left;" />
+<input type="button" class="button" value="rename_1" id="rename_1" style="float:left;" />
+<input type="button" class="button" value="rename_2" id="rename_2" style="" />
+<div id="demo1" class="demo">
+	<ul>
+		<li id="phtml_1">
+			<a href="#" class="en">Root node 1</a>
+			<a href="#" class="bg">Корен 1</a>
+			<ul>
+				<li id="phtml_2">
+					<a href="#" class="en">Child node 1</a>
+					<a href="#" class="bg">Дете 1</a>
+				</li>
+				<li id="phtml_3">
+					<a href="#" class="en">Child node 2</a>
+					<a href="#" class="bg">Дете 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="phtml_4">
+			<a href="#" class="en">Root node 2</a>
+			<a href="#" class="bg">Корен 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#en_1, #bg_1").click(function () { 
+		$("#demo1").jstree("set_lang", this.value);
+	});
+	$("#rename_1").click(function () { 
+		$("#demo1").jstree("rename_node", "#phtml_1", "Rename visible lang");
+	});
+	$("#rename_2").click(function () { 
+		$("#demo1").jstree("rename_node", "#phtml_1", "Rename `bg`", "bg");
+	});
+	$("#demo1").jstree({ 
+		"languages" : [ "en", "bg" ],
+		"plugins" : [ "themes", "html_data", "languages","checkbox"]
+	});
+});
+</script>
+
+</div>
+
+<h2 id="api">API</h2>
+<div class="panel api">
+
+<h3 id="set_lang">.set_lang ( lang )</h3>
+<p>Set the tree's visible language. Triggers an event.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">string <br />number</code> <strong>lang</strong>
+		<p>Either the language code string (as specified in the config) or an index from the config array.</p>
+	</li>
+</ul>
+<h3 id="get_lang">.get_lang ( )</h3>
+<p>Returns the name of the currently visible language.</p>
+
+<h3 id="_get_string">._get_string ( node , lang )</h3>
+<p>Returns the needed string from the core config object. Overwrites the <a href="core.html#_get_string">get_string function</a> from the core. If the key does not exist in that language, but exists in the root of the object - that is returned, if even that does not exist - the key itself is returned.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">string</code> <strong>key</strong>
+		<p>The name of the string you are looking for. If you want to use the localize option just set the strings core config option to an object like this one: <code>strings : { "lang-code-here" : { "string-key" : "string-value"  ... }, "other-lang" : { ... } }</code>, otherwise _get_strings won't be affected.</p>
+	</li>
+	<li>
+		<code class="tp">string</code> <strong>lang</strong>
+		<p>The language code string (as specified in the config) to get the key in. If not specified the currently visible language is used.</p>
+	</li>
+</ul>
+
+<h3 id="get_text">.get_text ( node , lang )</h3>
+<p>Returns the title of a node. Overwrites the <a href="core.html#get_text">get_text function</a> from the core.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to the element whose title you need.</p>
+	</li>
+	<li>
+		<code class="tp">string</code> <strong>lang</strong>
+		<p>The language code string (as specified in the config) to get the title in. If you omit this - the currently visible language is used.</p>
+	</li>
+</ul>
+
+<h3 id="set_text">.set_text ( node , text , lang )</h3>
+<p>Sets the title of a node. Overwrites the <a href="core.html#set_text">set_text function</a> from the core. This is used internally - you should use <a href="core.html#rename_node">rename_node</a>. Since <code>rename_node</code> uses <code>set_text</code> internally you can pass a language string as a third parameter to rename_node.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to the element whose title you want to change.</p>
+	</li>
+	<li>
+		<code class="tp">string</code> <strong>text</strong>
+		<p>The new title.</p>
+	</li>
+	<li>
+		<code class="tp">string</code> <strong>lang</strong>
+		<p>The language code string (as specified in the config) to get the title in. If you omit this - the currently visible language is used.</p>
+	</li>
+</ul>
+
+<h3 id="_load_css">._load_css ( )</h3>
+<p>used only internally to include the CSS necessary for the plugin onload.</p>
+
+<h3 id="create_node">.create_node ( obj , position , js , callback )</h3>
+<p>Overwrites the <a href="core.html#create_node">create_node</a> function from the core. To create a node with a few titles use an array for the <code>data</code> property of the <code>js</code> parameter:</p>
+<p><code>{ "data" : [ { "title" : "EN title", language : "en" }, { "title" : "BG заглавие", language : "bg" } ] }</code></p>
+
+</div>
+
+</div>
+</body>
+</html>
 \ No newline at end of file
@@ -0,0 +1,153 @@
+<!DOCTYPE html
+PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>jsTree v.1.0 - Search documentation</title>
+	<script type="text/javascript" src="../_lib/jquery.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
+	<script type="text/javascript" src="../jquery.jstree.js"></script>
+
+	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
+	<link type="text/css" rel="stylesheet" href="!style.css"/>
+	<script type="text/javascript" src="syntax/!script.js"></script>
+</head>
+<body>
+<div id="container">
+
+<h1 id="dhead">jsTree v.1.0</h1>
+<h1>search plugin</h1>
+<h2>Description</h2>
+<div id="description">
+<p>The <code>search</code> plugin enables searching for nodes whose title contains a given string, works on async trees too. All found nodes get the <code>jstree-search</code> class applied to their contained <code>a</code> nodes - you can use that class to style search results.</p>
+</div>
+
+<h2 id="configuration">Configuration</h2>
+<div class="panel configuration">
+
+<h3>search_method</h3>
+<p class="meta">A string. Default is <code>"contains"</code>.</p>
+<p>The method to use for searching. The other options bundled with jstree are <code>"jstree_contains"</code> (case insensitive search) and <code>"jstree_title_contains"</code> (case insensitive based on the title tag of the A node). For multiple word search take a look this: <a href="https://github.com/vakata/jstree/issues/10">https://github.com/vakata/jstree/issues/10</a> - you can easily write your own method too.</p>
+
+<h3>show_only_matches</h3>
+<p class="meta">A boolean. Default is <code>false</code>.</p>
+<p>If set to <code>true</code> all non-matching nodes are hidden and only the matching nodes (and their parents) are left visible, until the search is cleared. Keep in mind <code>show_only_matches</code> is heavy on the browser/DOM and is still experimental.</p>
+
+<h3>ajax</h3>
+<p class="meta">An object (or <code>false</code> if not used). Default is <code>false</code>.</p>
+<p>This object can be used to make a request to the server on each search - useful if you are using async trees. That way you can return an array of IDs that need to be loaded before the actual DOM search is performed (so that all the nodes that will match the search are loaded). For example if the user searches for "string", you get that on the server side, check the database and find out that there is a node containing that string. But the node is the child of some other node, etc - so in your response you must return the path to the node (without the node itself) as ids: <code>["#root_node","#child_node_3"]</code>. This means that jstree will load those two nodes before doing the client side search, ensuring that your node will be visible.</p>
+<p>The ajax config object is pretty much the same as the <a href="http://api.jquery.com/jQuery.ajax/">jQuery ajax settings object</a>.</p>
+<p>You can set the <code>data</code> option to a function, that will be executed in the current tree's scope (<code>this</code> will be the tree instance) and gets the search string as a paramater. Whatever you return in the function will be sent to the server as data.</p>
+<p>You can set the <code>url</code> option to a function, that will be executed in the current tree's scope (<code>this</code> will be the tree instance) and gets the search string as a paramater. Whatever you return in the function will be used as the URL of the ajax request.</p>
+<p>The <code>error</code> and <code>success</code> functions (if present) also fire in the context of the tree, and if you return a value in the <code>success</code> function it will be used as the array of IDs.</p>
+
+</div>
+
+<h2 id="demos">Demos</h2>
+<div class="panel">
+
+<h3>Searching nodes</h3>
+<p>Do not open the node - instead - just press the button.</p>
+<input type="button" class="button" value="Search" id="search" style="" />
+<div id="demo1" class="demo"></div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#search").click(function () {
+		$("#demo1").jstree("search","TARGEt");
+	});
+	$("#demo1")
+		.jstree({ 
+			"json_data" : {
+				"data" : [
+					{ 
+						"attr" : { "id" : "root_node" },
+						"data" : "A closed node", 
+						"state" : "closed"
+					}
+				],
+				"ajax" : {
+					"url" : "_search_data.json",
+					"data" : function (n) { 
+						return { id : n.attr ? n.attr("id") : 0 }; 
+					}
+				}
+			},
+			"search" : {
+				"case_insensitive" : true,
+				"ajax" : {
+					"url" : "_search_result.json"
+				}
+			},
+			"plugins" : [ "themes", "json_data", "search" ]
+		})
+		.bind("search.jstree", function (e, data) {
+			alert("Found " + data.rslt.nodes.length + " nodes matching '" + data.rslt.str + "'.");
+		});
+});
+</script>
+
+<h3>Using adv_search</h3>
+<p>Try pressing the buttons. It will also work with AJAX searching.</p>
+<input type="button" class="button" value="search for ADV_SEARCH" id="search1" rel="ADV_SEARCH" style="float:left;" />
+<input type="button" class="button" value="search for Root" id="search2" rel="Root" style="float:left;" />
+<input type="button" class="button" value="search for Child" id="search3" rel="Child" style="float:left;" />
+<input type="button" class="button" value="Clear search" id="clear" style="" />
+<div id="demo2" class="demo">
+<ul>
+	<li class="jstree-open"><a href="#">Root node 1</a>
+		<ul>
+			<li><a href="#">Child node 1</a></li>
+			<li><a href="#">Child node 2</a></li>
+			<li><a href="#">ADV_SEARCH</a></li>
+			<li><a href="#">Child node 4</a></li>
+		</ul>
+	</li>
+	<li><a href="#">Root node 2</a>
+</ul>
+</div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#search1, #search2, #search3").click(function () {
+		$("#demo2").jstree("search", $(this).attr("rel"));
+	});
+	$("#clear").click(function () {
+		$("#demo2").jstree("clear_search");
+	});
+	$("#demo2")
+		.jstree({ 
+			"plugins" : [ "themes", "html_data", "search", "adv_search" ]
+		});
+});
+</script>
+
+</div>
+
+<h2 id="api">API</h2>
+<div class="panel api">
+
+<h3 id="search">.search ( str , skip_async )</h3>
+<p>Searches for nodes matching the supplied string. Triggers an event.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">string</code> <strong>str</strong>
+		<p>The string to search for.</p>
+	</li>
+	<li>
+		<code class="tp">boolean</code> <strong>skip_async</strong>
+		<p>If set to <code>true</code> - skip the async search (if setup in the config). This is used mostly internally.</p>
+	</li>
+</ul>
+
+<h3 id="clear_search">.clear_search ( )</h3>
+<p>Clears the current search. This function is automatically called when doing a new search. Triggers an event.</p>
+
+<h3 id="_search_open">._search_open ( is_callback )</h3>
+<p>Used internally if async is setup in the config. This functions loads the nodes returned by the server one by one.</p>
+
+</div>
+
+</div>
+</body>
+</html>
 \ No newline at end of file
@@ -0,0 +1,85 @@
+<!DOCTYPE html
+PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>jsTree v.1.0 - sort documentation</title>
+	<script type="text/javascript" src="../_lib/jquery.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.cookie.js"></script>
+	<script type="text/javascript" src="../_lib/jquery.hotkeys.js"></script>
+	<script type="text/javascript" src="../jquery.jstree.js"></script>
+
+	<link type="text/css" rel="stylesheet" href="syntax/!style.css"/>
+	<link type="text/css" rel="stylesheet" href="!style.css"/>
+	<script type="text/javascript" src="syntax/!script.js"></script>
+</head>
+<body>
+<div id="container">
+
+<h1 id="dhead">jsTree v.1.0</h1>
+<h1>sort plugin</h1>
+<h2>Description</h2>
+<div id="description">
+<p>The <code>sort</code> enables jstree to automatically sort all nodes using a specified function. This means that when the user creates, renames or moves nodes around - they will automatically sort.</p>
+</div>
+
+<h2 id="configuration">Configuration</h2>
+<div class="panel configuration">
+
+<p>Expects a function. The functions receives two arguments - two nodes to be compared. Return <code>-1</code> or <code>1</code> (or any other different from -1). Default is: </p>
+<p><code>function (a, b) { return this.get_text(a) > this.get_text(b) ? 1 : -1; }</code></p>
+
+</div>
+
+<h2 id="demos">Demos</h2>
+<div class="panel">
+<h3>Using the sort plugin</h3>
+<input type="button" class="button" value="rename" id="rename" style="" />
+<div id="demo1" class="demo">
+	<ul>
+		<li id="phtml_1">
+			<a href="#">Root node 1</a>
+			<ul>
+				<li id="phtml_2">
+					<a href="#">Child node 1</a>
+				</li>
+				<li id="phtml_3">
+					<a href="#">Child node 2</a>
+				</li>
+			</ul>
+		</li>
+		<li id="phtml_4">
+			<a href="#">Root node 2</a>
+		</li>
+	</ul>
+</div>
+<script type="text/javascript" class="source">
+$(function () {
+	$("#rename").click(function () { 
+		$("#demo1").jstree("rename");
+	});
+	$("#demo1").jstree({ 
+		"plugins" : [ "themes", "html_data", "ui", "crrm", "sort" ]
+	});
+});
+</script>
+
+</div>
+
+<h2 id="api">API</h2>
+<div class="panel api">
+
+<h3 id="sort">.sort ( node )</h3>
+<p>Sorts the children of the specified node - this function is called automatically.</p>
+<ul class="arguments">
+	<li>
+		<code class="tp">mixed</code> <strong>node</strong>
+		<p>This can be a DOM node, jQuery node or selector pointing to the element.</p>
+	</li>
+</ul>
+</div>
+
+</div>
+</body>
+</html>
 \ No newline at end of file
@@ -0,0 +1,2232 @@
+/**
+ * SyntaxHighlighter
+ * http://alexgorbatchev.com/
+ *
+ * SyntaxHighlighter is donationware. If you are using it, please donate.
+ * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
+ *
+ * @version
+ * 2.1.364 (October 15 2009)
+ * 
+ * @copyright
+ * Copyright (C) 2004-2009 Alex Gorbatchev.
+ *
+ * @license
+ * This file is part of SyntaxHighlighter.
+ * 
+ * SyntaxHighlighter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * 
+ * SyntaxHighlighter is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
+ */
+//
+// Begin anonymous function. This is used to contain local scope variables without polutting global scope.
+//
+if (!window.SyntaxHighlighter) var SyntaxHighlighter = function() { 
+
+// Shortcut object which will be assigned to the SyntaxHighlighter variable.
+// This is a shorthand for local reference in order to avoid long namespace 
+// references to SyntaxHighlighter.whatever...
+var sh = {
+	defaults : {
+		/** Additional CSS class names to be added to highlighter elements. */
+		'class-name' : '',
+		
+		/** First line number. */
+		'first-line' : 1,
+		
+		/**
+		 * Pads line numbers. Possible values are:
+		 *
+		 *   false - don't pad line numbers.
+		 *   true  - automaticaly pad numbers with minimum required number of leading zeroes.
+		 *   [int] - length up to which pad line numbers.
+		 */
+		'pad-line-numbers' : true,
+		
+		/** Lines to highlight. */
+		'highlight' : null,
+		
+		/** Enables or disables smart tabs. */
+		'smart-tabs' : true,
+		
+		/** Gets or sets tab size. */
+		'tab-size' : 4,
+		
+		/** Enables or disables gutter. */
+		'gutter' : true,
+		
+		/** Enables or disables toolbar. */
+		'toolbar' : true,
+		
+		/** Forces code view to be collapsed. */
+		'collapse' : false,
+		
+		/** Enables or disables automatic links. */
+		'auto-links' : true,
+		
+		/** Gets or sets light mode. Equavalent to turning off gutter and toolbar. */
+		'light' : false,
+		
+		/** Enables or disables automatic line wrapping. */
+		'wrap-lines' : true,
+		
+		'html-script' : false
+	},
+	
+	config : {
+		/** Enables use of <SCRIPT type="syntaxhighlighter" /> tags. */
+		useScriptTags : true,
+		
+		/** Path to the copy to clipboard SWF file. */
+		clipboardSwf : null,
+
+		/** Width of an item in the toolbar. */
+		toolbarItemWidth : 16,
+
+		/** Height of an item in the toolbar. */
+		toolbarItemHeight : 16,
+		
+		/** Blogger mode flag. */
+		bloggerMode : false,
+		
+		stripBrs : false,
+		
+		/** Name of the tag that SyntaxHighlighter will automatically look for. */
+		tagName : 'pre',
+		
+		strings : {
+			expandSource : 'show source',
+			viewSource : 'view source',
+			copyToClipboard : 'copy to clipboard',
+			copyToClipboardConfirmation : 'The code is in your clipboard now',
+			print : 'print',
+			help : '?',
+			alert: 'SyntaxHighlighter\n\n',
+			noBrush : 'Can\'t find brush for: ',
+			brushNotHtmlScript : 'Brush wasn\'t configured for html-script option: ',
+			
+			// this is populated by the build script
+			aboutDialog : '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>About SyntaxHighlighter</title></head><body style="font-family:Geneva,Arial,Helvetica,sans-serif;background-color:#fff;color:#000;font-size:1em;text-align:center;"><div style="text-align:center;margin-top:3em;"><div style="font-size:xx-large;">SyntaxHighlighter</div><div style="font-size:.75em;margin-bottom:4em;"><div>version 2.1.364 (October 15 2009)</div><div><a href="http://alexgorbatchev.com" target="_blank" style="color:#0099FF;text-decoration:none;">http://alexgorbatchev.com</a></div><div>If you like this script, please <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=2930402" style="color:#0099FF;text-decoration:none;">donate</a> to keep development active!</div></div><div>JavaScript code syntax highlighter.</div><div>Copyright 2004-2009 Alex Gorbatchev.</div></div></body></html>'
+		},
+
+		/** If true, output will show HTML produces instead. */
+		debug : false
+	},
+	
+	/** Internal 'global' variables. */
+	vars : {
+		discoveredBrushes : null,
+		spaceWidth : null,
+		printFrame : null,
+		highlighters : {}
+	},
+	
+	/** This object is populated by user included external brush files. */
+	brushes : {},
+
+	/** Common regular expressions. */
+	regexLib : {
+		multiLineCComments			: /\/\*[\s\S]*?\*\//gm,
+		singleLineCComments			: /\/\/.*$/gm,
+		singleLinePerlComments		: /#.*$/gm,
+		doubleQuotedString			: /"([^\\"\n]|\\.)*"/g,
+		singleQuotedString			: /'([^\\'\n]|\\.)*'/g,
+		multiLineDoubleQuotedString	: /"([^\\"]|\\.)*"/g,
+		multiLineSingleQuotedString	: /'([^\\']|\\.)*'/g,
+		xmlComments					: /(&lt;|<)!--[\s\S]*?--(&gt;|>)/gm,
+		url							: /&lt;\w+:\/\/[\w-.\/?%&=@:;]*&gt;|\w+:\/\/[\w-.\/?%&=@:;]*/g,
+		
+		/** <?= ?> tags. */
+		phpScriptTags 				: { left: /(&lt;|<)\?=?/g, right: /\?(&gt;|>)/g },
+		
+		/** <%= %> tags. */
+		aspScriptTags				: { left: /(&lt;|<)%=?/g, right: /%(&gt;|>)/g },
+		
+		/** <script></script> tags. */
+		scriptScriptTags			: { left: /(&lt;|<)\s*script.*?(&gt;|>)/gi, right: /(&lt;|<)\/\s*script\s*(&gt;|>)/gi }
+	},
+
+	toolbar : {
+		/**
+		 * Creates new toolbar for a highlighter.
+		 * @param {Highlighter} highlighter    Target highlighter.
+		 */
+		create : function(highlighter)
+		{
+			var div = document.createElement('DIV'),
+				items = sh.toolbar.items
+				;
+			
+			div.className = 'toolbar';
+			
+			for (var name in items) 
+			{
+				var constructor = items[name],
+					command = new constructor(highlighter),
+					element = command.create()
+					;
+				
+				highlighter.toolbarCommands[name] = command;
+				
+				if (element == null)
+					continue;
+					
+				if (typeof(element) == 'string')
+					element = sh.toolbar.createButton(element, highlighter.id, name);
+				
+				element.className += 'item ' + name;
+				div.appendChild(element);
+			}
+			
+			return div;
+		},
+		
+		/**
+		 * Create a standard anchor button for the toolbar.
+		 * @param {String} label			Label text to display.
+		 * @param {String} highlighterId	Highlighter ID that this button would belong to.
+		 * @param {String} commandName		Command name that would be executed.
+		 * @return {Element}				Returns an 'A' element.
+		 */
+		createButton : function(label, highlighterId, commandName)
+		{
+			var a = document.createElement('a'),
+				style = a.style,
+				config = sh.config,
+				width = config.toolbarItemWidth,
+				height = config.toolbarItemHeight
+				;
+			
+			a.href = '#' + commandName;
+			a.title = label;
+			a.highlighterId = highlighterId;
+			a.commandName = commandName;
+			a.innerHTML = label;
+			
+			if (isNaN(width) == false)
+				style.width = width + 'px';
+
+			if (isNaN(height) == false)
+				style.height = height + 'px';
+			
+			a.onclick = function(e)
+			{
+				try
+				{
+					sh.toolbar.executeCommand(
+						this, 
+						e || window.event,
+						this.highlighterId, 
+						this.commandName
+					);
+				}
+				catch(e)
+				{
+					sh.utils.alert(e.message);
+				}
+				
+				return false;
+			};
+			
+			return a;
+		},
+		
+		/**
+		 * Executes a toolbar command.
+		 * @param {Element}		sender  		Sender element.
+		 * @param {MouseEvent}	event			Original mouse event object.
+		 * @param {String}		highlighterId	Highlighter DIV element ID.
+		 * @param {String}		commandName		Name of the command to execute.
+		 * @return {Object} Passes out return value from command execution.
+		 */
+		executeCommand : function(sender, event, highlighterId, commandName, args)
+		{
+			var highlighter = sh.vars.highlighters[highlighterId], 
+				command
+				;
+
+			if (highlighter == null || (command = highlighter.toolbarCommands[commandName]) == null) 
+				return null;
+
+			return command.execute(sender, event, args);
+		},
+		
+		/** Collection of toolbar items. */
+		items : {
+			expandSource : function(highlighter)
+			{
+				this.create = function()
+				{
+					if (highlighter.getParam('collapse') != true)
+						return;
+					
+					return sh.config.strings.expandSource;
+				};
+			
+				this.execute = function(sender, event, args)
+				{
+					var div = highlighter.div;
+					
+					sender.parentNode.removeChild(sender);
+					div.className = div.className.replace('collapsed', '');
+				};
+			},
+		
+			/** 
+			 * Command to open a new window and display the original unformatted source code inside.
+			 */
+			viewSource : function(highlighter)
+			{
+				this.create = function()
+				{
+					return sh.config.strings.viewSource;
+				};
+				
+				this.execute = function(sender, event, args)
+				{
+					var code = sh.utils.fixInputString(highlighter.originalCode).replace(/</g, '&lt;'),
+						wnd = sh.utils.popup('', '_blank', 750, 400, 'location=0, resizable=1, menubar=0, scrollbars=1')
+						;
+					
+					code = sh.utils.unindent(code);
+					
+					wnd.document.write('<pre>' + code + '</pre>');
+					wnd.document.close();
+				};
+			},
+			
+			/**
+			 * Command to copy the original source code in to the clipboard.
+			 * Uses Flash method if <code>clipboardSwf</code> is configured.
+			 */
+			copyToClipboard : function(highlighter)
+			{
+				var flashDiv, flashSwf,
+					highlighterId = highlighter.id
+					;
+				
+				this.create = function()
+				{
+					var config = sh.config;
+					
+					// disable functionality if running locally
+					if (config.clipboardSwf == null)
+						return null;
+
+					function params(list)
+					{
+						var result = '';
+						
+						for (var name in list)
+							result += "<param name='" + name + "' value='" + list[name] + "'/>";
+							
+						return result;
+					};
+					
+					function attributes(list)
+					{
+						var result = '';
+						
+						for (var name in list)
+							result += " " + name + "='" + list[name] + "'";
+							
+						return result;
+					};
+					
+					var args1 = {
+							width				: config.toolbarItemWidth,
+							height				: config.toolbarItemHeight,
+							id					: highlighterId + '_clipboard',
+							type				: 'application/x-shockwave-flash',
+							title				: sh.config.strings.copyToClipboard
+						},
+						
+						// these arguments are used in IE's <param /> collection
+						args2 = {
+							allowScriptAccess	: 'always',
+							wmode				: 'transparent',
+							flashVars			: 'highlighterId=' + highlighterId,
+							menu				: 'false'
+						},
+						swf = config.clipboardSwf,
+						html
+					;
+
+					if (/msie/i.test(navigator.userAgent))
+					{
+						html = '<object'
+							+ attributes({
+								classid : 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000',
+								codebase : 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0'
+							})
+							+ attributes(args1)
+							+ '>'
+							+ params(args2)
+							+ params({ movie : swf })
+							+ '</object>'
+						;
+					}
+					else
+					{
+						html = '<embed'
+							+ attributes(args1)
+							+ attributes(args2)
+							+ attributes({ src : swf })
+							+ '/>'
+						;
+					}
+
+					flashDiv = document.createElement('div');
+					flashDiv.innerHTML = html;
+					
+					return flashDiv;
+				};
+				
+				this.execute = function(sender, event, args)
+				{
+					var command = args.command;
+
+					switch (command)
+					{
+						case 'get':
+							var code = sh.utils.unindent(
+								sh.utils.fixInputString(highlighter.originalCode)
+									.replace(/&lt;/g, '<')
+									.replace(/&gt;/g, '>')
+									.replace(/&amp;/g, '&')
+								);
+
+							if(window.clipboardData)
+								// will fall through to the confirmation because there isn't a break
+								window.clipboardData.setData('text', code);
+							else
+								return sh.utils.unindent(code);
+							
+						case 'ok':
+							sh.utils.alert(sh.config.strings.copyToClipboardConfirmation);
+							break;
+							
+						case 'error':
+							sh.utils.alert(args.message);
+							break;
+					}
+				};
+			},
+			
+			/** Command to print the colored source code. */
+			printSource : function(highlighter)
+			{
+				this.create = function()
+				{
+					return sh.config.strings.print;
+				};
+				
+				this.execute = function(sender, event, args)
+				{
+					var iframe = document.createElement('IFRAME'),
+						doc = null
+						;
+					
+					// make sure there is never more than one hidden iframe created by SH
+					if (sh.vars.printFrame != null)
+						document.body.removeChild(sh.vars.printFrame);
+					
+					sh.vars.printFrame = iframe;
+					
+					// this hides the iframe
+					iframe.style.cssText = 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;';
+				
+					document.body.appendChild(iframe);
+					doc = iframe.contentWindow.document;
+					
+					copyStyles(doc, window.document);
+					doc.write('<div class="' + highlighter.div.className.replace('collapsed', '') + ' printing">' + highlighter.div.innerHTML + '</div>');
+					doc.close();
+					
+					iframe.contentWindow.focus();
+					iframe.contentWindow.print();
+					
+					function copyStyles(destDoc, sourceDoc)
+					{
+						var links = sourceDoc.getElementsByTagName('link');
+					
+						for(var i = 0; i < links.length; i++)
+							if(links[i].rel.toLowerCase() == 'stylesheet' && /shCore\.css$/.test(links[i].href))
+								destDoc.write('<link type="text/css" rel="stylesheet" href="' + links[i].href + '"></link>');
+					};
+				};
+			},
+
+			/** Command to display the about dialog window. */
+			about : function(highlighter)
+			{
+				this.create = function()
+				{	
+					return sh.config.strings.help;
+				};
+
+				this.execute = function(sender, event)
+				{	
+					var wnd = sh.utils.popup('', '_blank', 500, 250, 'scrollbars=0'),
+						doc = wnd.document
+						;
+					
+					doc.write(sh.config.strings.aboutDialog);
+					doc.close();
+					wnd.focus();
+				};
+			}
+		}
+	},
+
+	utils : {
+		/**
+		 * Finds an index of element in the array.
+		 * @ignore
+		 * @param {Object} searchElement
+		 * @param {Number} fromIndex
+		 * @return {Number} Returns index of element if found; -1 otherwise.
+		 */
+		indexOf : function(array, searchElement, fromIndex)
+		{
+			fromIndex = Math.max(fromIndex || 0, 0);
+
+			for (var i = fromIndex; i < array.length; i++)
+				if(array[i] == searchElement)
+					return i;
+
+			return -1;
+		},
+		
+		/**
+		 * Generates a unique element ID.
+		 */
+		guid : function(prefix)
+		{
+			return prefix + Math.round(Math.random() * 1000000).toString();
+		},
+		
+		/**
+		 * Merges two objects. Values from obj2 override values in obj1.
+		 * Function is NOT recursive and works only for one dimensional objects.
+		 * @param {Object} obj1 First object.
+		 * @param {Object} obj2 Second object.
+		 * @return {Object} Returns combination of both objects.
+		 */
+		merge: function(obj1, obj2)
+		{
+			var result = {}, name;
+
+			for (name in obj1) 
+				result[name] = obj1[name];
+			
+			for (name in obj2) 
+				result[name] = obj2[name];
+				
+			return result;
+		},
+		
+		/**
+		 * Attempts to convert string to boolean.
+		 * @param {String} value Input string.
+		 * @return {Boolean} Returns true if input was "true", false if input was "false" and value otherwise.
+		 */
+		toBoolean: function(value)
+		{
+			switch (value)
+			{
+				case "true":
+					return true;
+					
+				case "false":
+					return false;
+			}
+			
+			return value;
+		},
+		
+		/**
+		 * Opens up a centered popup window.
+		 * @param {String} url		URL to open in the window.
+		 * @param {String} name		Popup name.
+		 * @param {int} width		Popup width.
+		 * @param {int} height		Popup height.
+		 * @param {String} options	window.open() options.
+		 * @return {Window}			Returns window instance.
+		 */
+		popup: function(url, name, width, height, options)
+		{
+			var x = (screen.width - width) / 2,
+				y = (screen.height - height) / 2
+				;
+				
+			options +=	', left=' + x + 
+						', top=' + y +
+						', width=' + width +
+						', height=' + height
+				;
+			options = options.replace(/^,/, '');
+
+			var win = window.open(url, name, options);
+			win.focus();
+			return win;
+		},
+		
+		/**
+		 * Adds event handler to the target object.
+		 * @param {Object} obj		Target object.
+		 * @param {String} type		Name of the event.
+		 * @param {Function} func	Handling function.
+		 */
+		addEvent: function(obj, type, func)
+		{
+			if (obj.attachEvent) 
+			{
+				obj['e' + type + func] = func;
+				obj[type + func] = function()
+				{
+					obj['e' + type + func](window.event);
+				}
+				obj.attachEvent('on' + type, obj[type + func]);
+			}
+			else 
+			{
+				obj.addEventListener(type, func, false);
+			}
+		},
+		
+		/**
+		 * Displays an alert.
+		 * @param {String} str String to display.
+		 */
+		alert: function(str)
+		{
+			alert(sh.config.strings.alert + str)
+		},
+		
+		/**
+		 * Finds a brush by its alias.
+		 *
+		 * @param {String} alias	Brush alias.
+		 * @param {Boolean} alert	Suppresses the alert if false.
+		 * @return {Brush}			Returns bursh constructor if found, null otherwise.
+		 */
+		findBrush: function(alias, alert)
+		{
+			var brushes = sh.vars.discoveredBrushes,
+				result = null
+				;
+			
+			if (brushes == null) 
+			{
+				brushes = {};
+				
+				// Find all brushes
+				for (var brush in sh.brushes) 
+				{
+					var aliases = sh.brushes[brush].aliases;
+					
+					if (aliases == null) 
+						continue;
+					
+					// keep the brush name
+					sh.brushes[brush].name = brush.toLowerCase();
+					
+					for (var i = 0; i < aliases.length; i++) 
+						brushes[aliases[i]] = brush;
+				}
+				
+				sh.vars.discoveredBrushes = brushes;
+			}
+			
+			result = sh.brushes[brushes[alias]];
+
+			if (result == null && alert != false)
+				sh.utils.alert(sh.config.strings.noBrush + alias);
+			
+			return result;
+		},
+		
+		/**
+		 * Executes a callback on each line and replaces each line with result from the callback.
+		 * @param {Object} str			Input string.
+		 * @param {Object} callback		Callback function taking one string argument and returning a string.
+		 */
+		eachLine: function(str, callback)
+		{
+			var lines = str.split('\n');
+			
+			for (var i = 0; i < lines.length; i++)
+				lines[i] = callback(lines[i]);
+				
+			return lines.join('\n');
+		},
+		
+		/**
+		 * This is a special trim which only removes first and last empty lines
+		 * and doesn't affect valid leading space on the first line.
+		 * 
+		 * @param {String} str   Input string
+		 * @return {String}      Returns string without empty first and last lines.
+		 */
+		trimFirstAndLastLines: function(str)
+		{
+			return str.replace(/^[ ]*[\n]+|[\n]*[ ]*$/g, '');
+		},
+		
+		/**
+		 * Parses key/value pairs into hash object.
+		 * 
+		 * Understands the following formats:
+		 * - name: word;
+		 * - name: [word, word];
+		 * - name: "string";
+		 * - name: 'string';
+		 * 
+		 * For example:
+		 *   name1: value; name2: [value, value]; name3: 'value'
+		 *   
+		 * @param {String} str    Input string.
+		 * @return {Object}       Returns deserialized object.
+		 */
+		parseParams: function(str)
+		{
+			var match, 
+				result = {},
+				arrayRegex = new XRegExp("^\\[(?<values>(.*?))\\]$"),
+				regex = new XRegExp(
+					"(?<name>[\\w-]+)" +
+					"\\s*:\\s*" +
+					"(?<value>" +
+						"[\\w-%#]+|" +		// word
+						"\\[.*?\\]|" +		// [] array
+						'".*?"|' +			// "" string
+						"'.*?'" +			// '' string
+					")\\s*;?",
+					"g"
+				)
+				;
+
+			while ((match = regex.exec(str)) != null) 
+			{
+				var value = match.value
+					.replace(/^['"]|['"]$/g, '') // strip quotes from end of strings
+					;
+				
+				// try to parse array value
+				if (value != null && arrayRegex.test(value))
+				{
+					var m = arrayRegex.exec(value);
+					value = m.values.length > 0 ? m.values.split(/\s*,\s*/) : [];
+				}
+				
+				result[match.name] = value;
+			}
+			
+			return result;
+		},
+	
+		/**
+		 * Wraps each line of the string into <code/> tag with given style applied to it.
+		 * 
+		 * @param {String} str   Input string.
+		 * @param {String} css   Style name to apply to the string.
+		 * @return {String}      Returns input string with each line surrounded by <span/> tag.
+		 */
+		decorate: function(str, css)
+		{
+			if (str == null || str.length == 0 || str == '\n') 
+				return str;
+	
+			str = str.replace(/</g, '&lt;');
+	
+			// Replace two or more sequential spaces with &nbsp; leaving last space untouched.
+			str = str.replace(/ {2,}/g, function(m)
+			{
+				var spaces = '';
+				
+				for (var i = 0; i < m.length - 1; i++)
+					spaces += '&nbsp;';
+				
+				return spaces + ' ';
+			});
+
+			// Split each line and apply <span class="...">...</span> to them so that
+			// leading spaces aren't included.
+			if (css != null) 
+				str = sh.utils.eachLine(str, function(line)
+				{
+					if (line.length == 0) 
+						return '';
+					
+					var spaces = '';
+					
+					line = line.replace(/^(&nbsp;| )+/, function(s)
+					{
+						spaces = s;
+						return '';
+					});
+					
+					if (line.length == 0) 
+						return spaces;
+					
+					return spaces + '<code class="' + css + '">' + line + '</code>';
+				});
+
+			return str;
+		},
+	
+		/**
+		 * Pads number with zeros until it's length is the same as given length.
+		 * 
+		 * @param {Number} number	Number to pad.
+		 * @param {Number} length	Max string length with.
+		 * @return {String}			Returns a string padded with proper amount of '0'.
+		 */
+		padNumber : function(number, length)
+		{
+			var result = number.toString();
+			
+			while (result.length < length)
+				result = '0' + result;
+			
+			return result;
+		},
+		
+		/**
+		 * Measures width of a single space character.
+		 * @return {Number} Returns width of a single space character.
+		 */
+		measureSpace : function()
+		{
+			var container = document.createElement('div'),
+				span,
+				result = 0,
+				body = document.body,
+				id = sh.utils.guid('measureSpace'),
+				
+				// variable names will be compressed, so it's better than a plain string
+				divOpen = '<div class="',
+				closeDiv = '</div>',
+				closeSpan = '</span>'
+				;
+
+			// we have to duplicate highlighter nested structure in order to get an acurate space measurment
+			container.innerHTML = 
+				divOpen + 'syntaxhighlighter">' 
+					+ divOpen + 'lines">' 
+						+ divOpen + 'line">' 
+							+ divOpen + 'content'
+								+ '"><span class="block"><span id="' + id + '">&nbsp;' + closeSpan + closeSpan
+							+ closeDiv 
+						+ closeDiv 
+					+ closeDiv 
+				+ closeDiv
+				;
+			
+			body.appendChild(container);
+			span = document.getElementById(id);
+			
+			if (/opera/i.test(navigator.userAgent))
+			{
+				var style = window.getComputedStyle(span, null);
+				result = parseInt(style.getPropertyValue("width"));
+			}
+			else
+			{
+				result = span.offsetWidth;
+			}
+
+			body.removeChild(container);
+
+			return result;
+		},
+		
+		/**
+		 * Replaces tabs with spaces.
+		 * 
+		 * @param {String} code		Source code.
+		 * @param {Number} tabSize	Size of the tab.
+		 * @return {String}			Returns code with all tabs replaces by spaces.
+		 */
+		processTabs : function(code, tabSize)
+		{
+			var tab = '';
+			
+			for (var i = 0; i < tabSize; i++)
+				tab += ' ';
+
+			return code.replace(/\t/g, tab);
+		},
+		
+		/**
+		 * Replaces tabs with smart spaces.
+		 * 
+		 * @param {String} code    Code to fix the tabs in.
+		 * @param {Number} tabSize Number of spaces in a column.
+		 * @return {String}        Returns code with all tabs replaces with roper amount of spaces.
+		 */
+		processSmartTabs : function(code, tabSize)
+		{
+			var lines = code.split('\n'),
+				tab = '\t',
+				spaces = ''
+				;
+			
+			// Create a string with 1000 spaces to copy spaces from... 
+			// It's assumed that there would be no indentation longer than that.
+			for (var i = 0; i < 50; i++) 
+				spaces += '                    '; // 20 spaces * 50
+					
+			// This function inserts specified amount of spaces in the string
+			// where a tab is while removing that given tab.
+			function insertSpaces(line, pos, count)
+			{
+				return line.substr(0, pos)
+					+ spaces.substr(0, count)
+					+ line.substr(pos + 1, line.length) // pos + 1 will get rid of the tab
+					;
+			};
+	
+			// Go through all the lines and do the 'smart tabs' magic.
+			code = sh.utils.eachLine(code, function(line)
+			{
+				if (line.indexOf(tab) == -1) 
+					return line;
+				
+				var pos = 0;
+				
+				while ((pos = line.indexOf(tab)) != -1) 
+				{
+					// This is pretty much all there is to the 'smart tabs' logic.
+					// Based on the position within the line and size of a tab,
+					// calculate the amount of spaces we need to insert.
+					var spaces = tabSize - pos % tabSize;
+					line = insertSpaces(line, pos, spaces);
+				}
+				
+				return line;
+			});
+			
+			return code;
+		},
+		
+		/**
+		 * Performs various string fixes based on configuration.
+		 */
+		fixInputString : function(str)
+		{
+			var br = /<br\s*\/?>|&lt;br\s*\/?&gt;/gi;
+			
+			if (sh.config.bloggerMode == true)
+				str = str.replace(br, '\n');
+
+			if (sh.config.stripBrs == true)
+				str = str.replace(br, '');
+				
+			return str;
+		},
+		
+		/**
+		 * Removes all white space at the begining and end of a string.
+		 * 
+		 * @param {String} str   String to trim.
+		 * @return {String}      Returns string without leading and following white space characters.
+		 */
+		trim: function(str)
+		{
+			return str.replace(/^\s+|\s+$/g, '');
+		},
+		
+		/**
+		 * Unindents a block of text by the lowest common indent amount.
+		 * @param {String} str   Text to unindent.
+		 * @return {String}      Returns unindented text block.
+		 */
+		unindent: function(str)
+		{
+			var lines = sh.utils.fixInputString(str).split('\n'),
+				indents = new Array(),
+				regex = /^\s*/,
+				min = 1000
+				;
+			
+			// go through every line and check for common number of indents
+			for (var i = 0; i < lines.length && min > 0; i++) 
+			{
+				var line = lines[i];
+				
+				if (sh.utils.trim(line).length == 0) 
+					continue;
+				
+				var matches = regex.exec(line);
+				
+				// In the event that just one line doesn't have leading white space
+				// we can't unindent anything, so bail completely.
+				if (matches == null) 
+					return str;
+					
+				min = Math.min(matches[0].length, min);
+			}
+			
+			// trim minimum common number of white space from the begining of every line
+			if (min > 0) 
+				for (var i = 0; i < lines.length; i++) 
+					lines[i] = lines[i].substr(min);
+			
+			return lines.join('\n');
+		},
+	
+		/**
+		 * Callback method for Array.sort() which sorts matches by
+		 * index position and then by length.
+		 * 
+		 * @param {Match} m1	Left object.
+		 * @param {Match} m2    Right object.
+		 * @return {Number}     Returns -1, 0 or -1 as a comparison result.
+		 */
+		matchesSortCallback: function(m1, m2)
+		{
+			// sort matches by index first
+			if(m1.index < m2.index)
+				return -1;
+			else if(m1.index > m2.index)
+				return 1;
+			else
+			{
+				// if index is the same, sort by length
+				if(m1.length < m2.length)
+					return -1;
+				else if(m1.length > m2.length)
+					return 1;
+			}
+			
+			return 0;
+		},
+	
+		/**
+		 * Executes given regular expression on provided code and returns all
+		 * matches that are found.
+		 * 
+		 * @param {String} code    Code to execute regular expression on.
+		 * @param {Object} regex   Regular expression item info from <code>regexList</code> collection.
+		 * @return {Array}         Returns a list of Match objects.
+		 */ 
+		getMatches: function(code, regexInfo)
+		{
+			function defaultAdd(match, regexInfo)
+			{
+				return [new sh.Match(match[0], match.index, regexInfo.css)];
+			};
+			
+			var index = 0,
+				match = null,
+				result = [],
+				func = regexInfo.func ? regexInfo.func : defaultAdd
+				;
+			
+			while((match = regexInfo.regex.exec(code)) != null)
+				result = result.concat(func(match, regexInfo));
+				
+			return result;
+		},
+		
+		processUrls: function(code)
+		{
+			var lt = '&lt;',
+				gt = '&gt;'
+				;
+			
+			return code.replace(sh.regexLib.url, function(m)
+			{
+				var suffix = '', prefix = '';
+				
+				// We include &lt; and &gt; in the URL for the common cases like <http://google.com>
+				// The problem is that they get transformed into &lt;http://google.com&gt;
+				// Where as &gt; easily looks like part of the URL string.
+				
+				if (m.indexOf(lt) == 0)
+				{
+					prefix = lt;
+					m = m.substring(lt.length);
+				}
+
+				if (m.indexOf(gt) == m.length - gt.length)
+				{
+					m = m.substring(0, m.length - gt.length);
+					suffix = gt;
+				}
+				
+				return prefix + '<a href="' + m + '">' + m + '</a>' + suffix;
+			});
+		},
+		
+		/**
+		 * Finds all <SCRIPT TYPE="syntaxhighlighter" /> elements.
+		 * @return {Array} Returns array of all found SyntaxHighlighter tags.
+		 */
+		getSyntaxHighlighterScriptTags: function()
+		{
+			var tags = document.getElementsByTagName('script'),
+				result = []
+				;
+			
+			for (var i = 0; i < tags.length; i++)
+				if (tags[i].type == 'syntaxhighlighter')
+					result.push(tags[i]);
+					
+			return result;
+		},
+		
+		/**
+		 * Strips <![CDATA[]]> from <SCRIPT /> content because it should be used
+		 * there in most cases for XHTML compliance.
+		 * @param {String} original	Input code.
+		 * @return {String} Returns code without leading <![CDATA[]]> tags.
+		 */
+		stripCData: function(original)
+		{
+			var left = '<![CDATA[',
+				right = ']]>',
+				// for some reason IE inserts some leading blanks here
+				copy = sh.utils.trim(original),
+				changed = false
+				;
+			
+			if (copy.indexOf(left) == 0)
+			{
+				copy = copy.substring(left.length);
+				changed = true;
+			}
+			
+			if (copy.indexOf(right) == copy.length - right.length)
+			{
+				copy = copy.substring(0, copy.length - right.length);
+				changed = true;
+			}
+			
+			return changed ? copy : original;
+		}
+	}, // end of utils
+	
+	/**
+	 * Shorthand to highlight all elements on the page that are marked as 
+	 * SyntaxHighlighter source code.
+	 * 
+	 * @param {Object} globalParams		Optional parameters which override element's 
+	 * 									parameters. Only used if element is specified.
+	 * 
+	 * @param {Object} element	Optional element to highlight. If none is
+	 * 							provided, all elements in the current document 
+	 * 							are highlighted.
+	 */ 
+	highlight : function(globalParams, element)
+	{
+		function toArray(source)
+		{
+			var result = [];
+			
+			for (var i = 0; i < source.length; i++) 
+				result.push(source[i]);
+				
+			return result;
+		};
+		
+		var elements = element ? [element] : toArray(document.getElementsByTagName(sh.config.tagName)), 
+			propertyName = 'innerHTML', 
+			highlighter = null,
+			conf = sh.config
+			;
+
+		// support for <SCRIPT TYPE="syntaxhighlighter" /> feature
+		if (conf.useScriptTags)
+			elements = elements.concat(sh.utils.getSyntaxHighlighterScriptTags());
+
+		if (elements.length === 0) 
+			return;
+	
+		for (var i = 0; i < elements.length; i++) 
+		{
+			var target = elements[i], 
+				params = sh.utils.parseParams(target.className),
+				brushName,
+				code,
+				result
+				;
+
+			// local params take precedence over globals
+			params = sh.utils.merge(globalParams, params);
+			brushName = params['brush'];
+
+			if (brushName == null)
+				continue;
+
+			// Instantiate a brush
+			if (params['html-script'] == 'true' || sh.defaults['html-script'] == true) 
+			{
+				highlighter = new sh.HtmlScript(brushName);
+				brushName = 'htmlscript';
+			}
+			else
+			{
+				var brush = sh.utils.findBrush(brushName);
+				
+				if (brush)
+				{
+					brushName = brush.name;
+					highlighter = new brush();
+				}
+				else
+				{
+					continue;
+				}
+			}
+			
+			code = target[propertyName];
+			
+			// remove CDATA from <SCRIPT/> tags if it's present
+			if (conf.useScriptTags)
+				code = sh.utils.stripCData(code);
+			
+			params['brush-name'] = brushName;
+			highlighter.highlight(code, params);
+			
+			result = highlighter.div;
+			
+			if (sh.config.debug) 
+			{
+				result = document.createElement('textarea');
+				result.value = highlighter.div.innerHTML;
+				result.style.width = '70em';
+				result.style.height = '30em';
+			}
+			
+			target.parentNode.replaceChild(result, target);
+		}
+	},
+
+	/**
+	 * Main entry point for the SyntaxHighlighter.
+	 * @param {Object} params Optional params to apply to all highlighted elements.
+	 */
+	all : function(params)
+	{
+		sh.utils.addEvent(
+			window,
+			'load',
+			function() { sh.highlight(params); }
+		);
+	}
+}; // end of sh
+
+/**
+ * Match object.
+ */
+sh.Match = function(value, index, css)
+{
+	this.value = value;
+	this.index = index;
+	this.length = value.length;
+	this.css = css;
+	this.brushName = null;
+};
+
+sh.Match.prototype.toString = function()
+{
+	return this.value;
+};
+
+/**
+ * Simulates HTML code with a scripting language embedded.
+ * 
+ * @param {String} scriptBrushName Brush name of the scripting language.
+ */
+sh.HtmlScript = function(scriptBrushName)
+{
+	var brushClass = sh.utils.findBrush(scriptBrushName),
+		scriptBrush,
+		xmlBrush = new sh.brushes.Xml(),
+		bracketsRegex = null
+		;
+
+	if (brushClass == null)
+		return;
+	
+	scriptBrush = new brushClass();
+	this.xmlBrush = xmlBrush;
+	
+	if (scriptBrush.htmlScript == null)
+	{
+		sh.utils.alert(sh.config.strings.brushNotHtmlScript + scriptBrushName);
+		return;
+	}
+	
+	xmlBrush.regexList.push(
+		{ regex: scriptBrush.htmlScript.code, func: process }
+	);
+	
+	function offsetMatches(matches, offset)
+	{
+		for (var j = 0; j < matches.length; j++) 
+			matches[j].index += offset;
+	}
+	
+	function process(match, info)
+	{
+		var code = match.code,
+			matches = [],
+			regexList = scriptBrush.regexList,
+			offset = match.index + match.left.length,
+			htmlScript = scriptBrush.htmlScript,
+			result
+			;
+
+		// add all matches from the code
+		for (var i = 0; i < regexList.length; i++)
+		{
+			result = sh.utils.getMatches(code, regexList[i]);
+			offsetMatches(result, offset);
+			matches = matches.concat(result);
+		}
+		
+		// add left script bracket
+		if (htmlScript.left != null && match.left != null)
+		{
+			result = sh.utils.getMatches(match.left, htmlScript.left);
+			offsetMatches(result, match.index);
+			matches = matches.concat(result);
+		}
+		
+		// add right script bracket
+		if (htmlScript.right != null && match.right != null)
+		{
+			result = sh.utils.getMatches(match.right, htmlScript.right);
+			offsetMatches(result, match.index + match[0].lastIndexOf(match.right));
+			matches = matches.concat(result);
+		}
+		
+		for (var j = 0; j < matches.length; j++)
+			matches[j].brushName = brushClass.name;
+
+		return matches;
+	}
+};
+
+sh.HtmlScript.prototype.highlight = function(code, params)
+{
+	this.xmlBrush.highlight(code, params);
+	this.div = this.xmlBrush.div;
+}
+
+/**
+ * Main Highlither class.
+ * @constructor
+ */
+sh.Highlighter = function()
+{
+};
+
+sh.Highlighter.prototype = {
+	/**
+	 * Returns value of the parameter passed to the highlighter.
+	 * @param {String} name				Name of the parameter.
+	 * @param {Object} defaultValue		Default value.
+	 * @return {Object}					Returns found value or default value otherwise.
+	 */
+	getParam : function(name, defaultValue)
+	{
+		var result = this.params[name];
+		return sh.utils.toBoolean(result == null ? defaultValue : result);
+	},
+	
+	/**
+	 * Shortcut to document.createElement().
+	 * @param {String} name		Name of the element to create (DIV, A, etc).
+	 * @return {HTMLElement}	Returns new HTML element.
+	 */
+	create: function(name)
+	{
+		return document.createElement(name);
+	},
+	
+	/**
+	 * Applies all regular expression to the code and stores all found
+	 * matches in the `this.matches` array.
+	 * @param {Array} regexList		List of regular expressions.
+	 * @param {String} code			Source code.
+	 * @return {Array}				Returns list of matches.
+	 */
+	findMatches: function(regexList, code)
+	{
+		var result = [];
+		
+		if (regexList != null)
+			for (var i = 0; i < regexList.length; i++) 
+				// BUG: length returns len+1 for array if methods added to prototype chain (oising@gmail.com)
+				if (typeof (regexList[i]) == "object")
+					result = result.concat(sh.utils.getMatches(code, regexList[i]));
+		
+		// sort the matches
+		return result.sort(sh.utils.matchesSortCallback);
+	},
+	
+	/**
+	 * Checks to see if any of the matches are inside of other matches. 
+	 * This process would get rid of highligted strings inside comments, 
+	 * keywords inside strings and so on.
+	 */
+	removeNestedMatches: function()
+	{
+		var matches = this.matches;
+		
+		// Optimized by Jose Prado (http://joseprado.com)
+		for (var i = 0; i < matches.length; i++) 
+		{ 
+			if (matches[i] === null)
+				continue;
+			
+			var itemI = matches[i],
+				itemIEndPos = itemI.index + itemI.length
+				;
+			
+			for (var j = i + 1; j < matches.length && matches[i] !== null; j++) 
+			{
+				var itemJ = matches[j];
+				
+				if (itemJ === null) 
+					continue;
+				else if (itemJ.index > itemIEndPos) 
+					break;
+				else if (itemJ.index == itemI.index && itemJ.length > itemI.length)
+					this.matches[i] = null;
+				else if (itemJ.index >= itemI.index && itemJ.index < itemIEndPos) 
+					this.matches[j] = null;
+			}
+		}
+	},
+	
+	/**
+	 * Splits block of text into individual DIV lines.
+	 * @param {String} code     Code to highlight.
+	 * @return {String}         Returns highlighted code in HTML form.
+	 */
+	createDisplayLines : function(code)
+	{
+		var lines = code.split(/\n/g),
+			firstLine = parseInt(this.getParam('first-line')),
+			padLength = this.getParam('pad-line-numbers'),
+			highlightedLines = this.getParam('highlight', []),
+			hasGutter = this.getParam('gutter')
+			;
+		
+		code = '';
+		
+		if (padLength == true)
+			padLength = (firstLine + lines.length - 1).toString().length;
+		else if (isNaN(padLength) == true)
+			padLength = 0;
+
+		for (var i = 0; i < lines.length; i++)
+		{
+			var line = lines[i],
+				indent = /^(&nbsp;|\s)+/.exec(line),
+				lineClass = 'alt' + (i % 2 == 0 ? 1 : 2),
+				lineNumber = sh.utils.padNumber(firstLine + i, padLength),
+				highlighted = sh.utils.indexOf(highlightedLines, (firstLine + i).toString()) != -1,
+				spaces = null
+				;
+
+			if (indent != null)
+			{
+				spaces = indent[0].toString();
+				line = line.substr(spaces.length);
+			}
+
+			line = sh.utils.trim(line);
+			
+			if (line.length == 0)
+				line = '&nbsp;';
+			
+			if (highlighted)
+				lineClass += ' highlighted';
+			
+			code += 
+				'<div class="line ' + lineClass + '">'
+					+ '<table>'
+						+ '<tr>'
+							+ (hasGutter ? '<td class="number"><code>' + lineNumber + '</code></td>' : '')
+							+ '<td class="content">'
+								+ (spaces != null ? '<code class="spaces">' + spaces.replace(' ', '&nbsp;') + '</code>' : '')
+								+ line
+							+ '</td>'
+						+ '</tr>'
+					+ '</table>'
+				+ '</div>'
+				;
+		}
+		
+		return code;
+	},
+	
+	/**
+	 * Finds all matches in the source code.
+	 * @param {String} code		Source code to process matches in.
+	 * @param {Array} matches	Discovered regex matches.
+	 * @return {String} Returns formatted HTML with processed mathes.
+	 */
+	processMatches: function(code, matches)
+	{
+		var pos = 0, 
+			result = '',
+			decorate = sh.utils.decorate, // make an alias to save some bytes
+			brushName = this.getParam('brush-name', '')
+			;
+		
+		function getBrushNameCss(match)
+		{
+			var result = match ? (match.brushName || brushName) : brushName;
+			return result ? result + ' ' : '';
+		};
+		
+		// Finally, go through the final list of matches and pull the all
+		// together adding everything in between that isn't a match.
+		for (var i = 0; i < matches.length; i++) 
+		{
+			var match = matches[i],
+				matchBrushName
+				;
+			
+			if (match === null || match.length === 0) 
+				continue;
+			
+			matchBrushName = getBrushNameCss(match);
+			
+			result += decorate(code.substr(pos, match.index - pos), matchBrushName + 'plain')
+					+ decorate(match.value, matchBrushName + match.css)
+					;
+
+			pos = match.index + match.length;
+		}
+
+		// don't forget to add whatever's remaining in the string
+		result += decorate(code.substr(pos), getBrushNameCss() + 'plain');
+
+		return result;
+	},
+	
+	/**
+	 * Highlights the code and returns complete HTML.
+	 * @param {String} code     Code to highlight.
+	 * @param {Object} params   Parameters object.
+	 */
+	highlight: function(code, params)
+	{
+		// using variables for shortcuts because JS compressor will shorten local variable names
+		var conf = sh.config,
+			vars = sh.vars,
+			div,
+			divClassName,
+			tabSize,
+			important = 'important'
+			;
+
+		this.params = {};
+		this.div = null;
+		this.lines = null;
+		this.code = null;
+		this.bar = null;
+		this.toolbarCommands = {};
+		this.id = sh.utils.guid('highlighter_');
+
+		// register this instance in the highlighters list
+		vars.highlighters[this.id] = this;
+
+		if (code === null) 
+			code = '';
+		
+		// local params take precedence over defaults
+		this.params = sh.utils.merge(sh.defaults, params || {});
+
+		// process light mode
+		if (this.getParam('light') == true)
+			this.params.toolbar = this.params.gutter = false;
+		
+		this.div = div = this.create('DIV');
+		this.lines = this.create('DIV');
+		this.lines.className = 'lines';
+
+		className = 'syntaxhighlighter';
+		div.id = this.id;
+		
+		// make collapsed
+		if (this.getParam('collapse'))
+			className += ' collapsed';
+		
+		// disable gutter
+		if (this.getParam('gutter') == false)
+			className += ' nogutter';
+		
+		// disable line wrapping
+		if (this.getParam('wrap-lines') == false)
+		 	this.lines.className += ' no-wrap';
+
+		// add custom user style name
+		className += ' ' + this.getParam('class-name');
+		
+		// add brush alias to the class name for custom CSS
+		className += ' ' + this.getParam('brush-name');
+		
+		div.className = className;
+		
+		this.originalCode = code;
+		this.code = sh.utils.trimFirstAndLastLines(code)
+			.replace(/\r/g, ' ') // IE lets these buggers through
+			;
+		
+		tabSize = this.getParam('tab-size');
+		
+		// replace tabs with spaces
+		this.code = this.getParam('smart-tabs') == true
+			? sh.utils.processSmartTabs(this.code, tabSize)
+			: sh.utils.processTabs(this.code, tabSize)
+			;
+
+		this.code = sh.utils.unindent(this.code);
+
+		// add controls toolbar
+		if (this.getParam('toolbar')) 
+		{
+			this.bar = this.create('DIV');
+			this.bar.className = 'bar';
+			this.bar.appendChild(sh.toolbar.create(this));
+			div.appendChild(this.bar);
+			
+			// set up toolbar rollover
+			var bar = this.bar;
+			function hide() { bar.className = bar.className.replace('show', ''); }
+			div.onmouseover = function() { hide(); bar.className += ' show'; };
+			div.onmouseout = function() { hide(); }
+		}
+		
+		div.appendChild(this.lines);
+	
+		this.matches = this.findMatches(this.regexList, this.code);
+		this.removeNestedMatches();
+		
+		code = this.processMatches(this.code, this.matches);
+		
+		// finally, split all lines so that they wrap well
+		code = this.createDisplayLines(sh.utils.trim(code));
+		
+		// finally, process the links
+		if (this.getParam('auto-links'))
+			code = sh.utils.processUrls(code);
+
+		this.lines.innerHTML = code;
+	},
+	
+	/**
+	 * Converts space separated list of keywords into a regular expression string.
+	 * @param {String} str    Space separated keywords.
+	 * @return {String}       Returns regular expression string.
+	 */	
+	getKeywords: function(str)
+	{
+		str = str
+			.replace(/^\s+|\s+$/g, '')
+			.replace(/\s+/g, '|')
+			;
+		
+		return '\\b(?:' + str + ')\\b';
+	},
+	
+	/**
+	 * Makes a brush compatible with the `html-script` functionality.
+	 * @param {Object} regexGroup Object containing `left` and `right` regular expressions.
+	 */
+	forHtmlScript: function(regexGroup)
+	{
+		this.htmlScript = {
+			left : { regex: regexGroup.left, css: 'script' },
+			right : { regex: regexGroup.right, css: 'script' },
+			code : new XRegExp(
+				"(?<left>" + regexGroup.left.source + ")" +
+				"(?<code>.*?)" +
+				"(?<right>" + regexGroup.right.source + ")",
+				"sgi"
+				)
+		};
+	}
+}; // end of Highlighter
+
+return sh;
+}(); // end of anonymous function
+
+
+/**
+ * XRegExp 0.6.1
+ * (c) 2007-2008 Steven Levithan
+ * <http://stevenlevithan.com/regex/xregexp/>
+ * MIT License
+ * 
+ * provides an augmented, cross-browser implementation of regular expressions
+ * including support for additional modifiers and syntax. several convenience
+ * methods and a recursive-construct parser are also included.
+ */
+
+// prevent running twice, which would break references to native globals
+if (!window.XRegExp) {
+// anonymous function to avoid global variables
+(function () {
+// copy various native globals for reference. can't use the name ``native``
+// because it's a reserved JavaScript keyword.
+var real = {
+        exec:    RegExp.prototype.exec,
+        match:   String.prototype.match,
+        replace: String.prototype.replace,
+        split:   String.prototype.split
+    },
+    /* regex syntax parsing with support for all the necessary cross-
+       browser and context issues (escapings, character classes, etc.) */
+    lib = {
+        part:       /(?:[^\\([#\s.]+|\\(?!k<[\w$]+>|[pP]{[^}]+})[\S\s]?|\((?=\?(?!#|<[\w$]+>)))+|(\()(?:\?(?:(#)[^)]*\)|<([$\w]+)>))?|\\(?:k<([\w$]+)>|[pP]{([^}]+)})|(\[\^?)|([\S\s])/g,
+        replaceVar: /(?:[^$]+|\$(?![1-9$&`']|{[$\w]+}))+|\$(?:([1-9]\d*|[$&`'])|{([$\w]+)})/g,
+        extended:   /^(?:\s+|#.*)+/,
+        quantifier: /^(?:[?*+]|{\d+(?:,\d*)?})/,
+        classLeft:  /&&\[\^?/g,
+        classRight: /]/g
+    },
+    indexOf = function (array, item, from) {
+        for (var i = from || 0; i < array.length; i++)
+            if (array[i] === item) return i;
+        return -1;
+    },
+    brokenExecUndef = /()??/.exec("")[1] !== undefined,
+    plugins = {};
+
+/**
+ * Accepts a pattern and flags, returns a new, extended RegExp object.
+ * differs from a native regex in that additional flags and syntax are
+ * supported and browser inconsistencies are ameliorated.
+ * @ignore
+ */
+XRegExp = function (pattern, flags) {
+    if (pattern instanceof RegExp) {
+        if (flags !== undefined)
+            throw TypeError("can't supply flags when constructing one RegExp from another");
+        return pattern.addFlags(); // new copy
+    }
+
+    var flags           = flags || "",
+        singleline      = flags.indexOf("s") > -1,
+        extended        = flags.indexOf("x") > -1,
+        hasNamedCapture = false,
+        captureNames    = [],
+        output          = [],
+        part            = lib.part,
+        match, cc, len, index, regex;
+
+    part.lastIndex = 0; // in case the last XRegExp compilation threw an error (unbalanced character class)
+
+    while (match = real.exec.call(part, pattern)) {
+        // comment pattern. this check must come before the capturing group check,
+        // because both match[1] and match[2] will be non-empty.
+        if (match[2]) {
+            // keep tokens separated unless the following token is a quantifier
+            if (!lib.quantifier.test(pattern.slice(part.lastIndex)))
+                output.push("(?:)");
+        // capturing group
+        } else if (match[1]) {
+            captureNames.push(match[3] || null);
+            if (match[3])
+                hasNamedCapture = true;
+            output.push("(");
+        // named backreference
+        } else if (match[4]) {
+            index = indexOf(captureNames, match[4]);
+            // keep backreferences separate from subsequent literal numbers
+            // preserve backreferences to named groups that are undefined at this point as literal strings
+            output.push(index > -1 ?
+                "\\" + (index + 1) + (isNaN(pattern.charAt(part.lastIndex)) ? "" : "(?:)") :
+                match[0]
+            );
+        // unicode element (requires plugin)
+        } else if (match[5]) {
+            output.push(plugins.unicode ?
+                plugins.unicode.get(match[5], match[0].charAt(1) === "P") :
+                match[0]
+            );
+        // character class opening delimiter ("[" or "[^")
+        // (non-native unicode elements are not supported within character classes)
+        } else if (match[6]) {
+            if (pattern.charAt(part.lastIndex) === "]") {
+                // for cross-browser compatibility with ECMA-262 v3 behavior,
+                // convert [] to (?!) and [^] to [\S\s].
+                output.push(match[6] === "[" ? "(?!)" : "[\\S\\s]");
+                part.lastIndex++;
+            } else {
+                // parse the character class with support for inner escapes and
+                // ES4's infinitely nesting intersection syntax ([&&[^&&[]]]).
+                cc = XRegExp.matchRecursive("&&" + pattern.slice(match.index), lib.classLeft, lib.classRight, "", {escapeChar: "\\"})[0];
+                output.push(match[6] + cc + "]");
+                part.lastIndex += cc.length + 1;
+            }
+        // dot ("."), pound sign ("#"), or whitespace character
+        } else if (match[7]) {
+            if (singleline && match[7] === ".") {
+                output.push("[\\S\\s]");
+            } else if (extended && lib.extended.test(match[7])) {
+                len = real.exec.call(lib.extended, pattern.slice(part.lastIndex - 1))[0].length;
+                // keep tokens separated unless the following token is a quantifier
+                if (!lib.quantifier.test(pattern.slice(part.lastIndex - 1 + len)))
+                    output.push("(?:)");
+                part.lastIndex += len - 1;
+            } else {
+                output.push(match[7]);
+            }
+        } else {
+            output.push(match[0]);
+        }
+    }
+
+    regex = RegExp(output.join(""), real.replace.call(flags, /[sx]+/g, ""));
+    regex._x = {
+        source:       pattern,
+        captureNames: hasNamedCapture ? captureNames : null
+    };
+    return regex;
+};
+
+/**
+ * Barebones plugin support for now (intentionally undocumented)
+ * @ignore
+ * @param {Object} name
+ * @param {Object} o
+ */
+XRegExp.addPlugin = function (name, o) {
+    plugins[name] = o;
+};
+
+/**
+ * Adds named capture support, with values returned as ``result.name``.
+ * 
+ * Also fixes two cross-browser issues, following the ECMA-262 v3 spec:
+ *  - captured values for non-participating capturing groups should be returned
+ *    as ``undefined``, rather than the empty string.
+ *  - the regex's ``lastIndex`` should not be incremented after zero-length
+ *    matches.
+ * @ignore
+ */
+RegExp.prototype.exec = function (str) {
+    var match = real.exec.call(this, str),
+        name, i, r2;
+    if (match) {
+        // fix browsers whose exec methods don't consistently return
+        // undefined for non-participating capturing groups
+        if (brokenExecUndef && match.length > 1) {
+            // r2 doesn't need /g or /y, but they shouldn't hurt
+            r2 = new RegExp("^" + this.source + "$(?!\\s)", this.getNativeFlags());
+            real.replace.call(match[0], r2, function () {
+                for (i = 1; i < arguments.length - 2; i++) {
+                    if (arguments[i] === undefined) match[i] = undefined;
+                }
+            });
+        }
+        // attach named capture properties
+        if (this._x && this._x.captureNames) {
+            for (i = 1; i < match.length; i++) {
+                name = this._x.captureNames[i - 1];
+                if (name) match[name] = match[i];
+            }
+        }
+        // fix browsers that increment lastIndex after zero-length matches
+        if (this.global && this.lastIndex > (match.index + match[0].length))
+            this.lastIndex--;
+    }
+    return match;
+};
+})(); // end anonymous function
+} // end if(!window.XRegExp)
+
+/**
+ * intentionally undocumented
+ * @ignore
+ */
+RegExp.prototype.getNativeFlags = function () {
+    return (this.global     ? "g" : "") +
+           (this.ignoreCase ? "i" : "") +
+           (this.multiline  ? "m" : "") +
+           (this.extended   ? "x" : "") +
+           (this.sticky     ? "y" : "");
+};
+
+/**
+ * Accepts flags; returns a new XRegExp object generated by recompiling
+ * the regex with the additional flags (may include non-native flags).
+ * The original regex object is not altered.
+ * @ignore
+ */
+RegExp.prototype.addFlags = function (flags) {
+    var regex = new XRegExp(this.source, (flags || "") + this.getNativeFlags());
+    if (this._x) {
+        regex._x = {
+            source:       this._x.source,
+            captureNames: this._x.captureNames ? this._x.captureNames.slice(0) : null
+        };
+    }
+    return regex;
+};
+
+/**
+ * Accepts a context object and string; returns the result of calling
+ * ``exec`` with the provided string. the context is ignored but is
+ * accepted for congruity with ``Function.prototype.call``.
+ * @ignore
+ */
+RegExp.prototype.call = function (context, str) {
+    return this.exec(str);
+};
+
+/**
+ * Accepts a context object and arguments array; returns the result of
+ * calling ``exec`` with the first value in the arguments array. the context
+ * is ignored but is accepted for congruity with ``Function.prototype.apply``.
+ * @ignore
+ */
+RegExp.prototype.apply = function (context, args) {
+    return this.exec(args[0]);
+};
+
+/**
+ * Accepts a pattern and flags; returns an XRegExp object. if the pattern
+ * and flag combination has previously been cached, the cached copy is
+ * returned, otherwise the new object is cached.
+ * @ignore
+ */
+XRegExp.cache = function (pattern, flags) {
+    var key = "/" + pattern + "/" + (flags || "");
+    return XRegExp.cache[key] || (XRegExp.cache[key] = new XRegExp(pattern, flags));
+};
+
+/**
+ * Accepts a string; returns the string with regex metacharacters escaped.
+ * the returned string can safely be used within a regex to match a literal
+ * string. escaped characters are [, ], {, }, (, ), -, *, +, ?, ., \, ^, $,
+ * |, #, [comma], and whitespace.
+ * @ignore
+ */
+XRegExp.escape = function (str) {
+    return str.replace(/[-[\]{}()*+?.\\^$|,#\s]/g, "\\$&");
+};
+
+/**
+ * Accepts a string to search, left and right delimiters as regex pattern
+ * strings, optional regex flags (may include non-native s, x, and y flags),
+ * and an options object which allows setting an escape character and changing
+ * the return format from an array of matches to a two-dimensional array of
+ * string parts with extended position data. returns an array of matches
+ * (optionally with extended data), allowing nested instances of left and right
+ * delimiters. use the g flag to return all matches, otherwise only the first
+ * is returned. if delimiters are unbalanced within the subject data, an error
+ * is thrown.
+ * 
+ * This function admittedly pushes the boundaries of what can be accomplished
+ * sensibly without a "real" parser. however, by doing so it provides flexible
+ * and powerful recursive parsing capabilities with minimal code weight.
+ * 
+ * Warning: the ``escapeChar`` option is considered experimental and might be
+ * changed or removed in future versions of XRegExp.
+ * 
+ * unsupported features:
+ *  - backreferences within delimiter patterns when using ``escapeChar``.
+ *  - although providing delimiters as regex objects adds the minor feature of
+ *    independent delimiter flags, it introduces other limitations and is only
+ *    intended to be done by the ``XRegExp`` constructor (which can't call
+ *    itself while building a regex).
+ * 
+ * @ignore
+ */
+XRegExp.matchRecursive = function (str, left, right, flags, options) {
+    var options      = options || {},
+        escapeChar   = options.escapeChar,
+        vN           = options.valueNames,
+        flags        = flags || "",
+        global       = flags.indexOf("g") > -1,
+        ignoreCase   = flags.indexOf("i") > -1,
+        multiline    = flags.indexOf("m") > -1,
+        sticky       = flags.indexOf("y") > -1,
+        /* sticky mode has its own handling in this function, which means you
+           can use flag "y" even in browsers which don't support it natively */
+        flags        = flags.replace(/y/g, ""),
+        left         = left  instanceof RegExp ? (left.global  ? left  : left.addFlags("g"))  : new XRegExp(left,  "g" + flags),
+        right        = right instanceof RegExp ? (right.global ? right : right.addFlags("g")) : new XRegExp(right, "g" + flags),
+        output       = [],
+        openTokens   = 0,
+        delimStart   = 0,
+        delimEnd     = 0,
+        lastOuterEnd = 0,
+        outerStart, innerStart, leftMatch, rightMatch, escaped, esc;
+
+    if (escapeChar) {
+        if (escapeChar.length > 1) throw SyntaxError("can't supply more than one escape character");
+        if (multiline)             throw TypeError("can't supply escape character when using the multiline flag");
+        escaped = XRegExp.escape(escapeChar);
+        /* Escape pattern modifiers:
+            /g - not needed here
+            /i - included
+            /m - **unsupported**, throws error
+            /s - handled by XRegExp when delimiters are provided as strings
+            /x - handled by XRegExp when delimiters are provided as strings
+            /y - not needed here; supported by other handling in this function
+        */
+        esc = new RegExp(
+            "^(?:" + escaped + "[\\S\\s]|(?:(?!" + left.source + "|" + right.source + ")[^" + escaped + "])+)+",
+            ignoreCase ? "i" : ""
+        );
+    }
+
+    while (true) {
+        /* advance the starting search position to the end of the last delimiter match.
+           a couple special cases are also covered:
+            - if using an escape character, advance to the next delimiter's starting position,
+              skipping any escaped characters
+            - first time through, reset lastIndex in case delimiters were provided as regexes
+        */
+        left.lastIndex = right.lastIndex = delimEnd +
+            (escapeChar ? (esc.exec(str.slice(delimEnd)) || [""])[0].length : 0);
+
+        leftMatch  = left.exec(str);
+        rightMatch = right.exec(str);
+
+        // only keep the result which matched earlier in the string
+        if (leftMatch && rightMatch) {
+            if (leftMatch.index <= rightMatch.index)
+                 rightMatch = null;
+            else leftMatch  = null;
+        }
+
+        /* paths*:
+        leftMatch | rightMatch | openTokens | result
+        1         | 0          | 1          | ...
+        1         | 0          | 0          | ...
+        0         | 1          | 1          | ...
+        0         | 1          | 0          | throw
+        0         | 0          | 1          | throw
+        0         | 0          | 0          | break
+        * - does not include the sticky mode special case
+          - the loop ends after the first completed match if not in global mode
+        */
+
+        if (leftMatch || rightMatch) {
+            delimStart = (leftMatch || rightMatch).index;
+            delimEnd   = (leftMatch ? left : right).lastIndex;
+        } else if (!openTokens) {
+            break;
+        }
+
+        if (sticky && !openTokens && delimStart > lastOuterEnd)
+            break;
+
+        if (leftMatch) {
+            if (!openTokens++) {
+                outerStart = delimStart;
+                innerStart = delimEnd;
+            }
+        } else if (rightMatch && openTokens) {
+            if (!--openTokens) {
+                if (vN) {
+                    if (vN[0] && outerStart > lastOuterEnd)
+                               output.push([vN[0], str.slice(lastOuterEnd, outerStart), lastOuterEnd, outerStart]);
+                    if (vN[1]) output.push([vN[1], str.slice(outerStart,   innerStart), outerStart,   innerStart]);
+                    if (vN[2]) output.push([vN[2], str.slice(innerStart,   delimStart), innerStart,   delimStart]);
+                    if (vN[3]) output.push([vN[3], str.slice(delimStart,   delimEnd),   delimStart,   delimEnd]);
+                } else {
+                    output.push(str.slice(innerStart, delimStart));
+                }
+                lastOuterEnd = delimEnd;
+                if (!global)
+                    break;
+            }
+        } else {
+            // reset lastIndex in case delimiters were provided as regexes
+            left.lastIndex = right.lastIndex = 0;
+            throw Error("subject data contains unbalanced delimiters");
+        }
+
+        // if the delimiter matched an empty string, advance delimEnd to avoid an infinite loop
+        if (delimStart === delimEnd)
+            delimEnd++;
+    }
+
+    if (global && !sticky && vN && vN[0] && str.length > lastOuterEnd)
+        output.push([vN[0], str.slice(lastOuterEnd), lastOuterEnd, str.length]);
+
+    // reset lastIndex in case delimiters were provided as regexes
+    left.lastIndex = right.lastIndex = 0;
+
+    return output;
+};
+/**
+ * SyntaxHighlighter
+ * http://alexgorbatchev.com/
+ *
+ * SyntaxHighlighter is donationware. If you are using it, please donate.
+ * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
+ *
+ * @version
+ * 2.0.320 (May 03 2009)
+ * 
+ * @copyright
+ * Copyright (C) 2004-2009 Alex Gorbatchev.
+ *
+ * @license
+ * This file is part of SyntaxHighlighter.
+ * 
+ * SyntaxHighlighter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * 
+ * SyntaxHighlighter is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
+ */
+SyntaxHighlighter.brushes.Xml = function()
+{
+	function process(match, regexInfo)
+	{
+		var constructor = SyntaxHighlighter.Match,
+			code = match[0],
+			tag = new XRegExp('(&lt;|<)[\\s\\/\\?]*(?<name>[:\\w-\\.]+)', 'xg').exec(code),
+			result = []
+			;
+		
+		if (match.attributes != null) 
+		{
+			var attributes,
+				regex = new XRegExp('(?<name> [\\w:\\-\\.]+)' +
+									'\\s*=\\s*' +
+									'(?<value> ".*?"|\'.*?\'|\\w+)',
+									'xg');
+
+			while ((attributes = regex.exec(code)) != null) 
+			{
+				result.push(new constructor(attributes.name, match.index + attributes.index, 'color1'));
+				result.push(new constructor(attributes.value, match.index + attributes.index + attributes[0].indexOf(attributes.value), 'string'));
+			}
+		}
+
+		if (tag != null)
+			result.push(
+				new constructor(tag.name, match.index + tag[0].indexOf(tag.name), 'keyword')
+			);
+
+		return result;
+	}
+	
+	this.regexList = [
+		{ regex: new XRegExp('(\\&lt;|<)\\!\\[[\\w\\s]*?\\[(.|\\s)*?\\]\\](\\&gt;|>)', 'gm'),			css: 'color2' },	// <![ ... [ ... ]]>
+		{ regex: new XRegExp('(\\&lt;|<)!--\\s*.*?\\s*--(\\&gt;|>)', 'gm'),								css: 'comments' },	// <!-- ... -->
+		{ regex: new XRegExp('(&lt;|<)[\\s\\/\\?]*(\\w+)(?<attributes>.*?)[\\s\\/\\?]*(&gt;|>)', 'sg'), func: process }
+	];
+};
+
+SyntaxHighlighter.brushes.Xml.prototype	= new SyntaxHighlighter.Highlighter();
+SyntaxHighlighter.brushes.Xml.aliases	= ['xml', 'xhtml', 'xslt', 'html', 'xhtml'];
+/**
+ * SyntaxHighlighter
+ * http://alexgorbatchev.com/
+ *
+ * SyntaxHighlighter is donationware. If you are using it, please donate.
+ * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
+ *
+ * @version
+ * 2.0.320 (May 03 2009)
+ * 
+ * @copyright
+ * Copyright (C) 2004-2009 Alex Gorbatchev.
+ *
+ * @license
+ * This file is part of SyntaxHighlighter.
+ * 
+ * SyntaxHighlighter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * 
+ * SyntaxHighlighter is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
+ */
+SyntaxHighlighter.brushes.JScript = function()
+{
+	var keywords =	'break case catch continue ' +
+					'default delete do else false  ' +
+					'for function if in instanceof ' +
+					'new null return super switch ' +
+					'this throw true try typeof var while with'
+					;
+
+	this.regexList = [
+		{ regex: SyntaxHighlighter.regexLib.singleLineCComments,	css: 'comments' },			// one line comments
+		{ regex: SyntaxHighlighter.regexLib.multiLineCComments,		css: 'comments' },			// multiline comments
+		{ regex: SyntaxHighlighter.regexLib.doubleQuotedString,		css: 'string' },			// double quoted strings
+		{ regex: SyntaxHighlighter.regexLib.singleQuotedString,		css: 'string' },			// single quoted strings
+		{ regex: /\s*#.*/gm,										css: 'preprocessor' },		// preprocessor tags like #region and #endregion
+		{ regex: new RegExp(this.getKeywords(keywords), 'gm'),		css: 'keyword' }			// keywords
+		];
+	
+	this.forHtmlScript(SyntaxHighlighter.regexLib.scriptScriptTags);
+};
+
+SyntaxHighlighter.brushes.JScript.prototype	= new SyntaxHighlighter.Highlighter();
+SyntaxHighlighter.brushes.JScript.aliases	= ['js', 'jscript', 'javascript'];
+
+
+SyntaxHighlighter.config.clipboardSwf = 'syntax/clipboard.swf';
+$(function () {
+	var divs = $([]);
+	$("#container .source").each(function () {
+		var code = $(this).html().replace(/</g,'&lt;').replace(/>/g,'&gt;'),
+			div  = $('<div class="code"><pre class="brush:' + ( $(this).is("script") ? 'js' : 'xml' ) + ';">' + code + '</pre></div>'),
+			demo = $(this).prevAll(".demo:eq(0)");
+		$(this).after(div);
+		if(!$(this).hasClass("below")) divs = divs.add(div);
+	});
+	SyntaxHighlighter.all();
+
+	setTimeout((function (divs) { 
+		return function () {
+			divs.each(function () {
+				var div		= $(this),
+					demo	= $(this).prevAll(".demo:eq(0)"),
+					h		= false;
+				var h = Math.max(demo[0].offsetHeight, div[0].offsetHeight);
+				if(h) {
+					if(h < 198) h = 198;
+					div.height(h);
+					demo.height(h);
+				}
+			});
+		}
+	})(divs), 500);
+
+	// $(".panel").hide().prev().click(function () { $(this).next().toggle(); }).css("cursor","pointer");
+});
 \ No newline at end of file
@@ -0,0 +1,511 @@
+/**
+ * SyntaxHighlighter
+ * http://alexgorbatchev.com/
+ *
+ * SyntaxHighlighter is donationware. If you are using it, please donate.
+ * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
+ *
+ * @version
+ * 2.1.364 (October 15 2009)
+ * 
+ * @copyright
+ * Copyright (C) 2004-2009 Alex Gorbatchev.
+ *
+ * @license
+ * This file is part of SyntaxHighlighter.
+ * 
+ * SyntaxHighlighter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * 
+ * SyntaxHighlighter is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
+ */
+.syntaxhighlighter,
+.syntaxhighlighter div,
+.syntaxhighlighter code,
+.syntaxhighlighter table,
+.syntaxhighlighter table td,
+.syntaxhighlighter table tr,
+.syntaxhighlighter table tbody
+{
+	margin: 0 !important;
+	padding: 0 !important;
+	border: 0 !important;
+	outline: 0 !important;
+	background: none !important;
+	text-align: left !important;
+	float: none !important;
+	vertical-align: baseline !important;
+	position: static !important;
+	left: auto !important;
+	top: auto !important;
+	right: auto !important;
+	bottom: auto !important;
+	height: auto !important;
+	width: auto !important;
+	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
+	font-weight: normal !important;
+	font-style: normal !important;
+	min-height: inherit !important; /* For IE8, FF & WebKit */
+	min-height: auto !important; /* For IE7 */
+
+
+/*
+	line-height: 1.1em !important;
+	font-size: 1em !important;
+*/
+
+	font-size:12px !important;
+	line-height:18px !important;
+
+}
+
+.syntaxhighlighter
+{
+	width: 99.9% !important; /* 99% fixes IE8 horizontal scrollbar */
+	margin: 1em 0 1em 0 !important;
+	padding: 1px !important; /* adds a little border on top and bottom */
+	position: relative !important;
+}
+
+.syntaxhighlighter .bold 
+{
+	font-weight: bold !important;
+}
+
+.syntaxhighlighter .italic 
+{
+	font-style: italic !important;
+}
+
+.syntaxhighlighter .line
+{
+}
+
+.syntaxhighlighter .no-wrap .line .content
+{
+	white-space: pre !important;
+}
+
+.syntaxhighlighter .line table 
+{
+	border-collapse: collapse !important;
+}
+
+.syntaxhighlighter .line td
+{
+	vertical-align: top !important;
+}
+
+.syntaxhighlighter .line .number
+{
+	width: 3em !important;
+}
+
+.syntaxhighlighter .line .number code
+{
+	width: 2.7em !important;
+	padding-right: .3em !important;
+	text-align: right !important;
+	display: block !important;
+}
+
+.syntaxhighlighter .line .content
+{
+	padding-left: .5em !important;
+}
+
+.syntaxhighlighter .line .spaces
+{
+}
+
+/* Disable border and margin on the lines when no gutter option is set */
+.syntaxhighlighter.nogutter .line .content
+{
+	border-left: none !important;
+}
+
+.syntaxhighlighter .bar
+{
+	display: none !important;
+}
+
+.syntaxhighlighter .bar.show 
+{
+	display: block !important;
+}
+
+.syntaxhighlighter.collapsed .bar
+{
+	display: block !important;
+}
+
+/* Adjust some properties when collapsed */
+
+.syntaxhighlighter.collapsed .lines
+{
+	display: none !important;
+}
+
+.syntaxhighlighter .lines.no-wrap
+{
+	overflow: auto !important;
+	overflow-y: hidden !important;
+}
+
+/* Styles for the toolbar */
+
+.syntaxhighlighter .toolbar
+{
+	position: absolute !important;
+	right: 0px !important;
+	top: 0px !important;
+	font-size: 1px !important;
+	padding: 8px 8px 8px 0 !important; /* in px because images don't scale with ems */
+}
+
+.syntaxhighlighter.collapsed .toolbar
+{
+	font-size: 80% !important;
+	padding: .2em 0 .5em .5em !important;
+	position: static !important;
+}
+
+.syntaxhighlighter .toolbar a.item,
+.syntaxhighlighter .toolbar .item
+{
+	display: block !important;
+	float: left !important;
+	margin-left: 8px !important;
+	background-repeat: no-repeat !important;
+	overflow: hidden !important;
+	text-indent: -5000px !important;
+}
+
+.syntaxhighlighter.collapsed .toolbar .item
+{
+	display: none !important;
+}
+
+.syntaxhighlighter.collapsed .toolbar .item.expandSource
+{
+	background-image: url(magnifier.png) !important;
+	display: inline !important;
+	text-indent: 0 !important;
+	width: auto !important;
+	float: none !important;
+	height: 16px !important;
+	padding-left: 20px !important;
+}
+
+.syntaxhighlighter .toolbar .item.viewSource
+{
+	background-image: url(page_white_code.png) !important;
+}
+
+.syntaxhighlighter .toolbar .item.printSource
+{
+	background-image: url(printer.png) !important;
+}
+
+.syntaxhighlighter .toolbar .item.copyToClipboard
+{
+	text-indent: 0 !important;
+	background: none !important;
+	overflow: visible !important;
+}
+
+.syntaxhighlighter .toolbar .item.about
+{
+	background-image: url(help.png) !important;
+}
+
+/** 
+ * Print view.
+ * Colors are based on the default theme without background.
+ */
+
+.syntaxhighlighter.printing,
+.syntaxhighlighter.printing .line.alt1 .content,
+.syntaxhighlighter.printing .line.alt2 .content,
+.syntaxhighlighter.printing .line.highlighted .number,
+.syntaxhighlighter.printing .line.highlighted.alt1 .content,
+.syntaxhighlighter.printing .line.highlighted.alt2 .content,
+{
+	background: none !important;
+}
+
+/* Gutter line numbers */
+.syntaxhighlighter.printing .line .number
+{
+	color: #bbb !important;
+}
+
+/* Add border to the lines */
+.syntaxhighlighter.printing .line .content
+{
+	color: #000 !important;
+}
+
+/* Toolbar when visible */
+.syntaxhighlighter.printing .toolbar
+{
+	display: none !important;
+}
+
+.syntaxhighlighter.printing a
+{
+	text-decoration: none !important;
+}
+
+.syntaxhighlighter.printing .plain,
+.syntaxhighlighter.printing .plain a
+{ 
+	color: #000 !important;
+}
+
+.syntaxhighlighter.printing .comments,
+.syntaxhighlighter.printing .comments a
+{ 
+	color: #008200 !important;
+}
+
+.syntaxhighlighter.printing .string,
+.syntaxhighlighter.printing .string a
+{
+	color: blue !important; 
+}
+
+.syntaxhighlighter.printing .keyword
+{ 
+	color: #069 !important; 
+	font-weight: bold !important; 
+}
+
+.syntaxhighlighter.printing .preprocessor 
+{ 
+	color: gray !important; 
+}
+
+.syntaxhighlighter.printing .variable 
+{ 
+	color: #a70 !important; 
+}
+
+.syntaxhighlighter.printing .value
+{ 
+	color: #090 !important; 
+}
+
+.syntaxhighlighter.printing .functions
+{ 
+	color: #ff1493 !important; 
+}
+
+.syntaxhighlighter.printing .constants
+{ 
+	color: #0066CC !important; 
+}
+
+.syntaxhighlighter.printing .script
+{
+	font-weight: bold !important;
+}
+
+.syntaxhighlighter.printing .color1,
+.syntaxhighlighter.printing .color1 a
+{ 
+	color: #808080 !important; 
+}
+
+.syntaxhighlighter.printing .color2,
+.syntaxhighlighter.printing .color2 a
+{ 
+	color: #ff1493 !important; 
+}
+
+.syntaxhighlighter.printing .color3,
+.syntaxhighlighter.printing .color3 a
+{ 
+	color: red !important; 
+}
+/**
+ * SyntaxHighlighter
+ * http://alexgorbatchev.com/
+ *
+ * SyntaxHighlighter is donationware. If you are using it, please donate.
+ * http://alexgorbatchev.com/wiki/SyntaxHighlighter:Donate
+ *
+ * @version
+ * 2.1.364 (October 15 2009)
+ * 
+ * @copyright
+ * Copyright (C) 2004-2009 Alex Gorbatchev.
+ *
+ * @license
+ * This file is part of SyntaxHighlighter.
+ * 
+ * SyntaxHighlighter is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * 
+ * SyntaxHighlighter is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with SyntaxHighlighter.  If not, see <http://www.gnu.org/copyleft/lesser.html>.
+ */
+/************************************
+ * Default Syntax Highlighter theme.
+ * 
+ * Interface elements.
+ ************************************/
+
+.syntaxhighlighter
+{
+	background-color: #fff !important;
+}
+
+/* Highlighed line number */
+.syntaxhighlighter .line.highlighted .number
+{
+	color: black !important;
+}
+
+/* Highlighed line */
+.syntaxhighlighter .line.highlighted.alt1,
+.syntaxhighlighter .line.highlighted.alt2
+{
+	background-color: #e0e0e0 !important;
+}
+
+/* Gutter line numbers */
+.syntaxhighlighter .line .number
+{
+	color: #afafaf !important;
+}
+
+/* Add border to the lines */
+.syntaxhighlighter .line .content
+{
+	border-left: 1px solid gray !important;
+	color: #000 !important;
+}
+
+.syntaxhighlighter.printing .line .content 
+{
+	border: 0 !important;
+}
+
+/* First line */
+.syntaxhighlighter .line.alt1
+{
+	background-color: #fff !important;
+}
+
+/* Second line */
+.syntaxhighlighter .line.alt2
+{
+	background-color: #F8F8F8 !important;
+}
+
+.syntaxhighlighter .toolbar
+{
+	background-color: #F8F8F8 !important;
+	border: #E7E5DC solid 1px !important;
+}
+
+.syntaxhighlighter .toolbar a
+{
+	color: #a0a0a0 !important;
+}
+
+.syntaxhighlighter .toolbar a:hover
+{
+	color: red !important;
+}
+
+/************************************
+ * Actual syntax highlighter colors.
+ ************************************/
+.syntaxhighlighter .plain,
+.syntaxhighlighter .plain a
+{ 
+	color: #000 !important;
+}
+
+.syntaxhighlighter .comments,
+.syntaxhighlighter .comments a
+{ 
+	color: #008200 !important;
+}
+
+.syntaxhighlighter .string,
+.syntaxhighlighter .string a
+{
+	color: blue !important; 
+}
+
+.syntaxhighlighter .keyword
+{ 
+	color: #069 !important; 
+	font-weight: bold !important; 
+}
+
+.syntaxhighlighter .preprocessor 
+{ 
+	color: gray !important; 
+}
+
+.syntaxhighlighter .variable 
+{ 
+	color: #a70 !important; 
+}
+
+.syntaxhighlighter .value
+{ 
+	color: #090 !important; 
+}
+
+.syntaxhighlighter .functions
+{ 
+	color: #ff1493 !important; 
+}
+
+.syntaxhighlighter .constants
+{ 
+	color: #0066CC !important; 
+}
+
+.syntaxhighlighter .script
+{ 
+	background-color: yellow !important;
+}
+
+.syntaxhighlighter .color1,
+.syntaxhighlighter .color1 a
+{ 
+	color: #808080 !important; 
+}
+
+.syntaxhighlighter .color2,
+.syntaxhighlighter .color2 a
+{ 
+	color: #ff1493 !important; 
+}
+
+.syntaxhighlighter .color3,
+.syntaxhighlighter .color3 a
+{ 
+	color: red !important; 
+}
...	...	@@ -148,6 +148,7 @@ Rodrigo Souto <rodrigo@colivre.coop.br>
148	148	Ronny Kursawe <kursawe.ronny@googlemail.com>
149	149	Samuel R. C. Vale <srcvale@holoscopio.com>
150	150	Valessio Brito <valessio@gmail.com>
	151	+Visita <visita@debian.(none)>
151	152	Yann Lugrin <yann.lugrin@liquid-concept.ch>
152	153
153	154	Ideas, specifications and incentive
...	...
1		-source :rubygems
	1	+source "https://rubygems.org"
2	2
3	3	gem 'exception_notification', '1.0.20090728'
4	4	gem 'system_timer'
...	...
1	1	GEM
2		- remote: http://rubygems.org/
	2	+ remote: https://rubygems.org/
3	3	specs:
4	4	builder (3.1.4)
5	5	capybara (1.1.1)
...	...
...	...	@@ -31,6 +31,7 @@ To prepare a release of noosfero, you must follow the steps below:
31	31	sha1 of the package (with sha1sum and paste the SHA1 hash as comment in the
32	32	attachment form)
33	33	* Download the attached and verify the MD5 hash
	34	+* Push the new version tag (with git push --tags)
34	35	* Update an eventual demonstration version that you run.
35	36	* Write an announcement e-mail to the relevant mailing lists pointing to the
36	37	release notes, and maybe to the demonstration version.
...	...
...	...	@@ -4,6 +4,7 @@ class EnvironmentDesignController < BoxOrganizerController
4	4
5	5	def available_blocks
6	6	@available_blocks \|\|= [ ArticleBlock, LoginBlock, EnvironmentStatisticsBlock, RecentDocumentsBlock, EnterprisesBlock, CommunitiesBlock, PeopleBlock, SellersSearchBlock, LinkListBlock, FeedReaderBlock, SlideshowBlock, HighlightsBlock, FeaturedProductsBlock, CategoriesBlock, RawHTMLBlock, TagsBlock ]
	7	+ @available_blocks += plugins.dispatch(:extra_blocks, :type => Environment)
7	8	end
8	9
9	10	end
...	...
	1	+require 'csv'
	2	+
1	3	class UsersController < AdminController
2	4
3	5	protect 'manage_environment_users', :environment
...	...	@@ -15,8 +17,16 @@ class UsersController < AdminController
15	17	:disposition => "attachment; filename=users.xml"
16	18	end
17	19	format.csv do
18		- @users = User.find(:all, :conditions => {:environment_id => environment.id}, :include => [:person])
19		- render :template => "users/index_csv.rhtml", :content_type => 'text/csv', :layout => false
	20	+ # using a direct connection with the dbms to optimize
	21	+ command = User.send(:sanitize_sql, ["SELECT profiles.name, users.email FROM profiles
	22	+ INNER JOIN users ON profiles.user_id=users.id
	23	+ WHERE profiles.environment_id = ?", environment.id])
	24	+ users = User.connection.execute(command)
	25	+ csv_content = "name;email\n"
	26	+ users.each { \|u\|
	27	+ CSV.generate_row([u['name'], u['email']], 2, csv_content, fs=';')
	28	+ }
	29	+ render :text => csv_content, :content_type => 'text/csv', :layout => false
20	30	end
21	31	end
22	32	end
...	...
...	...	@@ -68,8 +68,8 @@ class BoxOrganizerController < ApplicationController
68	68	raise ArgumentError.new("Type %s is not allowed. Go away." % type)
69	69	end
70	70	else
71		- @center_block_types = Box.acceptable_center_blocks & available_blocks
72		- @side_block_types = Box.acceptable_side_blocks & available_blocks
	71	+ @center_block_types = (Box.acceptable_center_blocks & available_blocks) + plugins.dispatch(:extra_blocks, :type => boxes_holder.class, :position => 1)
	72	+ @side_block_types = (Box.acceptable_side_blocks & available_blocks) + plugins.dispatch(:extra_blocks, :type => boxes_holder.class, :position => [2,3])
73	73	@boxes = boxes_holder.boxes
74	74	render :action => 'add_block', :layout => false
75	75	end
...	...
...	...	@@ -7,17 +7,25 @@ class ProfileDesignController < BoxOrganizerController
7	7	def available_blocks
8	8	blocks = [ ArticleBlock, TagsBlock, RecentDocumentsBlock, ProfileInfoBlock, LinkListBlock, MyNetworkBlock, FeedReaderBlock, ProfileImageBlock, LocationBlock, SlideshowBlock, ProfileSearchBlock, HighlightsBlock ]
9	9
	10	+ blocks += plugins.dispatch(:extra_blocks)
	11	+
10	12	# blocks exclusive for organizations
11	13	if profile.has_members?
12	14	blocks << MembersBlock
13	15	end
14	16
15		- # blocks exclusive to person
	17	+ # blocks exclusive to people
16	18	if profile.person?
17	19	blocks << FriendsBlock
18	20	blocks << FavoriteEnterprisesBlock
19	21	blocks << CommunitiesBlock
20	22	blocks << EnterprisesBlock
	23	+ blocks += plugins.dispatch(:extra_blocks, :type => Person)
	24	+ end
	25	+
	26	+ # blocks exclusive to communities
	27	+ if profile.community?
	28	+ blocks += plugins.dispatch(:extra_blocks, :type => Community)
21	29	end
22	30
23	31	# blocks exclusive for enterprises
...	...	@@ -26,6 +34,7 @@ class ProfileDesignController < BoxOrganizerController
26	34	blocks << HighlightsBlock
27	35	blocks << FeaturedProductsBlock
28	36	blocks << FansBlock
	37	+ blocks += plugins.dispatch(:extra_blocks, :type => Enterprise)
29	38	end
30	39
31	40	# product block exclusive for enterprises in environments that permits it
...	...	@@ -33,7 +42,7 @@ class ProfileDesignController < BoxOrganizerController
33	42	blocks << ProductsBlock
34	43	end
35	44
36		- # block exclusive to profile has blog
	45	+ # block exclusive to profiles that have blog
37	46	if profile.has_blog?
38	47	blocks << BlogArchivesBlock
39	48	end
...	...
...	...	@@ -32,7 +32,6 @@ class ProfileMembersController < MyProfileController
32	32
33	33	def last_admin
34	34	@roles = [Profile::Roles.admin(environment.id)]
35		- @pre_population = [].to_json
36	35	end
37	36
38	37	def add_role
...	...
...	...	@@ -30,6 +30,12 @@ module ApplicationHelper
30	30
31	31	include AccountHelper
32	32
	33	+ include BlogHelper
	34	+
	35	+ include ContentViewerHelper
	36	+
	37	+ include LayoutHelper
	38	+
33	39	def locale
34	40	(@page && !@page.language.blank?) ? @page.language : FastGettext.locale
35	41	end
...	...	@@ -352,10 +358,6 @@ module ApplicationHelper
352	358	end
353	359	end
354	360
355		- def theme_stylesheet_path
356		- theme_path + '/style.css'
357		- end
358		-
359	361	def current_theme
360	362	@current_theme \|\|=
361	363	begin
...	...	@@ -493,23 +495,24 @@ module ApplicationHelper
493	495
494	496	def profile_cat_icons( profile )
495	497	if profile.class == Enterprise
496		- icons =
497		- profile.product_categories.map{ \|c\| c.size > 1 ? c[1] : nil }.
498		- compact.uniq.map{ \|c\|
499		- cat_name = c.gsub( /[-_\s,.;'"]+/, '_' )
500		- cat_icon = "/images/icons-cat/#{cat_name}.png"
501		- if ! File.exists? RAILS_ROOT.to_s() + '/public/' + cat_icon
502		- cat_icon = '/images/icons-cat/undefined.png'
503		- end
504		- content_tag 'span',
505		- content_tag( 'span', c ),
506		- :title => c,
507		- :class => 'product-cat-icon cat_icon_' + cat_name,
508		- :style => "background-image:url(#{cat_icon})"
509		- }.join "\n"
510		- content_tag 'div',
511		- content_tag( 'span', _('Principal Product Categories'), :class => 'header' ) +"\n"+ icons,
512		- :class => 'product-category-icons'
	498	+ icons = profile.product_categories.map{ \|c\| c.size > 1 ? c[1] : nil }.
	499	+ compact.uniq.map do \|c\|
	500	+ cat_name = c.gsub( /[-_\s,.;'"]+/, '_' )
	501	+ cat_icon = "/images/icons-cat/#{cat_name}.png"
	502	+ if ! File.exists? RAILS_ROOT.to_s() + '/public/' + cat_icon
	503	+ cat_icon = '/images/icons-cat/undefined.png'
	504	+ end
	505	+ content_tag('span',
	506	+ content_tag( 'span', c ),
	507	+ :title => c,
	508	+ :class => 'product-cat-icon cat_icon_' + cat_name,
	509	+ :style => "background-image:url(#{cat_icon})"
	510	+ )
	511	+ end.join("\n").html_safe
	512	+ content_tag('div',
	513	+ content_tag( 'span', _('Principal Product Categories'), :class => 'header' ) +"\n"+ icons,
	514	+ :class => 'product-category-icons'
	515	+ )
513	516	else
514	517	''
515	518	end
...	...	@@ -633,10 +636,10 @@ module ApplicationHelper
633	636	# FIXME
634	637	([toplevel] + toplevel.children_for_menu).each do \|cat\|
635	638	if cat.top_level?
636		- result << '<div class="categorie_box">'
	639	+ result << '<div class="categorie_box">'.html_safe
637	640	result << icon_button( :down, _('open'), '#', :onclick => 'open_close_cat(this); return false' )
638	641	result << content_tag('h5', toplevel.name)
639		- result << '<div style="display:none"><ul class="categories">'
	642	+ result << '<div style="display:none"><ul class="categories">'.html_safe
640	643	else
641	644	checkbox_id = "#{object_name}_#{cat.full_name.downcase.gsub(/\s+\|\//, '_')}"
642	645	result << content_tag('li', labelled_check_box(
...	...	@@ -647,7 +650,7 @@ module ApplicationHelper
647	650	:class => ( object.category_ids.include?(cat.id) ? 'cat_checked' : '' ) ) + "\n"
648	651	end
649	652	end
650		- result << '</ul></div></div>'
	653	+ result << '</ul></div></div>'.html_safe
651	654	end
652	655
653	656	content_tag('div', result)
...	...	@@ -787,10 +790,10 @@ module ApplicationHelper
787	790	:class => 'lineitem' + (line_item+=1).to_s() ) +"\n"
788	791	if line_item == line_size
789	792	line_item = 0
790		- html += "<br />\n"
	793	+ html += "<br />\n".html_safe
791	794	end
792	795	}
793		- html += "<br />\n" if line_size == 0 \|\| ( values.size % line_size ) > 0
	796	+ html += "<br />\n".html_safe if line_size == 0 \|\| ( values.size % line_size ) > 0
794	797	column = object.class.columns_hash[method.to_s]
795	798	text =
796	799	( column ?
...	...	@@ -873,14 +876,6 @@ module ApplicationHelper
873	876	content_tag('div', labelled_check_box(_('Public'), 'profile_data[fields_privacy]['+name+']', 'public', profile.public_fields.include?(name)), :class => 'field-privacy-selector')
874	877	end
875	878
876		- def template_stylesheet_path
877		- if profile.nil?
878		- "/designs/templates/#{environment.layout_template}/stylesheets/style.css"
879		- else
880		- "/designs/templates/#{profile.layout_template}/stylesheets/style.css"
881		- end
882		- end
883		-
884	879	def login_url
885	880	options = Noosfero.url_options.merge({ :controller => 'account', :action => 'login' })
886	881	url_for(options)
...	...	@@ -919,18 +914,6 @@ module ApplicationHelper
919	914	end
920	915	end
921	916
922		- def icon_theme_stylesheet_path
923		- icon_themes = []
924		- theme_icon_themes = theme_option(:icon_theme) \|\| []
925		- for icon_theme in theme_icon_themes do
926		- theme_path = "/designs/icons/#{icon_theme}/style.css"
927		- if File.exists?(File.join(RAILS_ROOT, 'public', theme_path))
928		- icon_themes << theme_path
929		- end
930		- end
931		- icon_themes
932		- end
933		-
934	917	def page_title
935	918	(@page ? @page.title + ' - ' : '') +
936	919	(profile ? profile.short_name + ' - ' : '') +
...	...	@@ -942,42 +925,13 @@ module ApplicationHelper
942	925	(@category ? " - #{@category.full_name}" : '')
943	926	end
944	927
945		- def noosfero_javascript
946		- render :file => 'layouts/_javascript'
947		- end
948		-
949		- def noosfero_stylesheets
950		- [
951		- 'application',
952		- 'search',
953		- 'thickbox',
954		- 'lightbox',
955		- 'colorpicker',
956		- 'colorbox',
957		- pngfix_stylesheet_path,
958		- ] +
959		- tokeninput_stylesheets
960		- end
961		-
962	928	# DEPRECATED. Do not use this·
963	929	def import_controller_stylesheets(options = {})
964	930	stylesheet_import( "controller_"+ @controller.controller_name(), options )
965	931	end
966	932
967		- def pngfix_stylesheet_path
968		- 'iepngfix/iepngfix.css'
969		- end
970		-
971		- def tokeninput_stylesheets
972		- ['token-input', 'token-input-facebook', 'token-input-mac', 'token-input-facet']
973		- end
974		-
975		- def noosfero_layout_features
976		- render :file => 'shared/noosfero_layout_features'
977		- end
978		-
979	933	def link_to_email(email)
980		- javascript_tag('var array = ' + email.split('@').to_json + '; document.write("<a href=\'mailto:" + array.join("@") + "\'>" + array.join("@") + "</a>")')
	934	+ javascript_tag('var array = ' + email.split('@').to_json + '; document.write("<a href=\'mailto:" + array.join("@") + "\'>" + array.join("@") + "</a>")'.html_safe)
981	935	end
982	936
983	937	def stylesheet(*args)
...	...	@@ -987,13 +941,43 @@ module ApplicationHelper
987	941	def article_to_html(article, options = {})
988	942	options.merge!(:page => params[:npage])
989	943	content = article.to_html(options)
990		- content = content.kind_of?(Proc) ? self.instance_eval(&content) : content
	944	+ content = content.kind_of?(Proc) ? self.instance_eval(&content).html_safe : content.html_safe
991	945	@plugins && @plugins.each do \|plugin\|
992	946	content = plugin.parse_content(content)
993	947	end
994	948	content
995	949	end
996	950
	951	+ # Please, use link_to by default!
	952	+ # This method was created to work around to inexplicable
	953	+ # chain of problems when display_short_format was called
	954	+ # from Article model for an ArticleBlock.
	955	+ def reference_to_article(text, article, anchor=nil)
	956	+ if article.profile.domains.empty?
	957	+ href = "/#{article.url[:profile]}/"
	958	+ else
	959	+ href = "http://#{article.profile.domains.first.name}/"
	960	+ end
	961	+ href += article.url[:page].join('/')
	962	+ href += '#' + anchor if anchor
	963	+ content_tag('a', text, :href => href)
	964	+ end
	965	+
	966	+ def display_short_format(article, options={})
	967	+ options[:comments_link] \|\|= true
	968	+ options[:read_more_link] \|\|= true
	969	+ html = content_tag('div',
	970	+ article.lead +
	971	+ content_tag('div',
	972	+ (options[:comments_link] ? link_to_comments(article) : '') +
	973	+ (options[:read_more_link] ? reference_to_article( _('Read more'), article) : ''),
	974	+ :class => 'read-more'
	975	+ ),
	976	+ :class => 'short-post'
	977	+ )
	978	+ html
	979	+ end
	980	+
997	981	def colorpicker_field(object_name, method, options = {})
998	982	text_field(object_name, method, options.merge(:class => 'colorpicker_field'))
999	983	end
...	...	@@ -1003,7 +987,7 @@ module ApplicationHelper
1003	987	end
1004	988
1005	989	def ui_icon(icon_class, extra_class = '')
1006		- "<span class='ui-icon #{icon_class} #{extra_class}' style='float:left; margin-right:7px;'></span>"
	990	+ "<span class='ui-icon #{icon_class} #{extra_class}' style='float:left; margin-right:7px;'></span>".html_safe
1007	991	end
1008	992
1009	993	def ui_button(label, url, html_options = {})
...	...	@@ -1018,10 +1002,6 @@ module ApplicationHelper
1018	1002	theme_option(:jquery_theme) \|\| 'smoothness_mod'
1019	1003	end
1020	1004
1021		- def jquery_ui_theme_stylesheet_path
1022		- 'jquery.ui/' + jquery_theme + '/jquery-ui-1.8.2.custom'
1023		- end
1024		-
1025	1005	def ui_error(message)
1026	1006	content_tag('div', ui_icon('ui-icon-alert') + message, :class => 'alert fg-state-error ui-state-error')
1027	1007	end
...	...	@@ -1035,13 +1015,13 @@ module ApplicationHelper
1035	1015	end
1036	1016
1037	1017	def collapsed_item_icon
1038		- "<span class='ui-icon ui-icon-circlesmall-plus' style='float:left;'></span>"
	1018	+ "<span class='ui-icon ui-icon-circlesmall-plus' style='float:left;'></span>".html_safe
1039	1019	end
1040	1020	def expanded_item_icon
1041		- "<span class='ui-icon ui-icon-circlesmall-minus' style='float:left;'></span>"
	1021	+ "<span class='ui-icon ui-icon-circlesmall-minus' style='float:left;'></span>".html_safe
1042	1022	end
1043	1023	def leaf_item_icon
1044		- "<span class='ui-icon ui-icon-arrow-1-e' style='float:left;'></span>"
	1024	+ "<span class='ui-icon ui-icon-arrow-1-e' style='float:left;'></span>".html_safe
1045	1025	end
1046	1026
1047	1027	def display_category_menu(block, categories, root = true)
...	...	@@ -1300,9 +1280,7 @@ module ApplicationHelper
1300	1280	titles = tabs.inject(''){ \|result, tab\| result << content_tag(:li, link_to(tab[:title], '#'+tab[:id]), :class => 'tab') }
1301	1281	contents = tabs.inject(''){ \|result, tab\| result << content_tag(:div, tab[:content], :id => tab[:id]) }
1302	1282
1303		- content_tag :div, :class => 'ui-tabs' do
1304		- content_tag(:ul, titles) + contents
1305		- end
	1283	+ content_tag(:div, content_tag(:ul, titles) + raw(contents), :class => 'ui-tabs')
1306	1284	end
1307	1285
1308	1286	def jquery_token_input_messages_json(hintText = _('Type in an keyword'), noResultsText = _('No results'), searchingText = _('Searching...'))
...	...	@@ -1331,11 +1309,12 @@ module ApplicationHelper
1331	1309	end
1332	1310
1333	1311	def template_options(klass, field_name)
1334		- return '' if klass.templates.count == 0
1335		- return hidden_field_tag("#{field_name}[template_id]", klass.templates.first.id) if klass.templates.count == 1
	1312	+ templates = klass.templates(environment)
	1313	+ return '' if templates.count == 0
	1314	+ return hidden_field_tag("#{field_name}[template_id]", templates.first.id) if templates.count == 1
1336	1315
1337	1316	counter = 0
1338		- radios = klass.templates.map do \|template\|
	1317	+ radios = templates.map do \|template\|
1339	1318	counter += 1
1340	1319	content_tag('li', labelled_radio_button(link_to(template.name, template.url, :target => '_blank'), "#{field_name}[template_id]", template.id, counter==1))
1341	1320	end.join("\n")
...	...	@@ -1423,4 +1402,14 @@ module ApplicationHelper
1423	1402	@no_design_blocks = true
1424	1403	end
1425	1404
	1405	+ def default_folder_for_image_upload(profile)
	1406	+ default_folder = profile.folders.find_by_type('Gallery')
	1407	+ default_folder = profile.folders.find_by_type('Folder') if default_folder.nil?
	1408	+ default_folder
	1409	+ end
	1410	+
	1411	+ def content_id_to_str(content)
	1412	+ content.nil? ? '' : content.id.to_s
	1413	+ end
	1414	+
1426	1415	end
...	...