<li class='branch expanded active selected' show_article_url='/articles/%D0%A1%D1%82%D0%B0%D1%82%D1%8C%D0%B8' show_breadcrumbs_url='/articles/%D0%A1%D1%82%D0%B0%D1%82%D1%8C%D0%B8/breadcrumbs'>
<a href="/articles/%D0%A1%D1%82%D0%B0%D1%82%D1%8C%D0%B8/tree" class="article_action" id="article_action_Статьи">Статьи</a>
<ul class='sub-items'>
<li class='branch expanded active selected' show_article_url='/articles/spotter-apparat-tochechnoy-svarki' show_breadcrumbs_url='/articles/spotter-apparat-tochechnoy-svarki/breadcrumbs'>
<a href="/articles/spotter-apparat-tochechnoy-svarki/tree" class="article_action" id="article_action_spotter-apparat-tochechnoy-svarki">Spotter - Споттер - Аппарат точечной сварки</a>
</li>
<li class='branch collapsed' show_article_url='/articles/pnevmaticheskij-gaikovert' show_breadcrumbs_url='/articles/pnevmaticheskij-gaikovert/breadcrumbs'>
<a href="/articles/pnevmaticheskij-gaikovert/tree" class="article_action" id="article_action_pnevmaticheskij-gaikovert">Пневматический гайковерт в автосервисе</a>
</li>
<li class='branch collapsed' show_article_url='/articles/dyuimovie-klyuchi' show_breadcrumbs_url='/articles/dyuimovie-klyuchi/breadcrumbs'>
<a href="/articles/dyuimovie-klyuchi/tree" class="article_action" id="article_action_dyuimovie-klyuchi">Дюймовые ключи дюймовые головки</a>
</li>
<li class='branch collapsed' show_article_url='/articles/dinamometricheskiy-klyuch' show_breadcrumbs_url='/articles/dinamometricheskiy-klyuch/breadcrumbs'>
<a href="/articles/dinamometricheskiy-klyuch/tree" class="article_action" id="article_action_dinamometricheskiy-klyuch">Динамометрический ключ - точность и надежность</a>
</li>
<li class='branch collapsed' show_article_url='/articles/kompressometr' show_breadcrumbs_url='/articles/kompressometr/breadcrumbs'>
<a href="/articles/kompressometr/tree" class="article_action" id="article_action_kompressometr">Компрессометр в автосервисе: бензиновый, дизельный</a>
</li>
<script type='text/javascript'>
  //<![CDATA[
    /* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
    /* Работа с иерархическим деревом статей */
    
    $('a.article_action').live('click', function() {
      var li = $(this).parent('li'); /* текущий элемент списка */
      expand_article(li);
      show_article(li);
      show_breadcrumbs(li);
      change_title_on_article(li);
      return false;
    });
    
    /* Развернуть рубрику в дереве */
    function expand_article(el) {
      $.ajax({ /* и загружаем в него данные */
        url: $(el).find('a').attr('href') + '.js',
        success: function(data) {
          $('ul.navigation').html(data);
        }
      });
    }
    
    /* Загрузить и показать содержимое рубрики */
    function show_article(el) {
      window.location = $(el).attr('show_article_url');
      /*
       $.ajax({
        url: $(el).attr('show_article_url') + '.js',
        success: function(data) {
          $('div.content').html(data);
        }
       });
       */
    
    }
    
    /* Поменять хлебные крошки */
    function show_breadcrumbs(el) {
      $.ajax({
        url: $(el).attr('show_breadcrumbs_url') + '.js',
        success: function(data) {
          $('ul.breadcrumbs').replaceWith(data);
        }
      });
    }
    
    /* Меняет название страницы на название текущей рубрики */
    function change_title_on_article(el) {
      document.title = $(el).find('a').text();
    }
    
    $('a.breadcrumb_action').live('click', function() {
      $("#" + $(this).attr('link')).click();
      return false;
    });
  //]]>
</script>

</ul>
</li>
<li class='branch collapsed' show_article_url='/articles/clients' show_breadcrumbs_url='/articles/clients/breadcrumbs'>
<a href="/articles/clients/tree" class="article_action" id="article_action_clients">Клиентам</a>
</li>
<li class='branch collapsed' show_article_url='/articles/%D0%9E%D0%BA%D0%BE%D0%BC%D0%BF%D0%B0%D0%BD%D0%B8%D0%B8' show_breadcrumbs_url='/articles/%D0%9E%D0%BA%D0%BE%D0%BC%D0%BF%D0%B0%D0%BD%D0%B8%D0%B8/breadcrumbs'>
<a href="/articles/%D0%9E%D0%BA%D0%BE%D0%BC%D0%BF%D0%B0%D0%BD%D0%B8%D0%B8/tree" class="article_action" id="article_action_Окомпании">О компании</a>
</li>
<script type='text/javascript'>
  //<![CDATA[
    /* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
    /* Работа с иерархическим деревом статей */
    
    $('a.article_action').live('click', function() {
      var li = $(this).parent('li'); /* текущий элемент списка */
      expand_article(li);
      show_article(li);
      show_breadcrumbs(li);
      change_title_on_article(li);
      return false;
    });
    
    /* Развернуть рубрику в дереве */
    function expand_article(el) {
      $.ajax({ /* и загружаем в него данные */
        url: $(el).find('a').attr('href') + '.js',
        success: function(data) {
          $('ul.navigation').html(data);
        }
      });
    }
    
    /* Загрузить и показать содержимое рубрики */
    function show_article(el) {
      window.location = $(el).attr('show_article_url');
      /*
       $.ajax({
        url: $(el).attr('show_article_url') + '.js',
        success: function(data) {
          $('div.content').html(data);
        }
       });
       */
    
    }
    
    /* Поменять хлебные крошки */
    function show_breadcrumbs(el) {
      $.ajax({
        url: $(el).attr('show_breadcrumbs_url') + '.js',
        success: function(data) {
          $('ul.breadcrumbs').replaceWith(data);
        }
      });
    }
    
    /* Меняет название страницы на название текущей рубрики */
    function change_title_on_article(el) {
      document.title = $(el).find('a').text();
    }
    
    $('a.breadcrumb_action').live('click', function() {
      $("#" + $(this).attr('link')).click();
      return false;
    });
  //]]>
</script>

