(function($) {
$(function() {

    $('body').append("<div class=\"jquerybubblepopup jquerybubblepopup-via png24\">            <table>               <tbody>                <tr>                    <td style=\"background-image: url('/design/booble/top-left.png');\"                        class=\"jquerybubblepopup-top-left png24\"></td>                    <td style=\"background-image: url('/design/booble/top-middle.png'); text-align: left;\"                        class=\"jquerybubblepopup-top-middle png24\">                            <img class=\"jquerybubblepopup-tail png24\" alt=\"\" src=\"/design/booble/tail-top.png\">                        </td>                    <td style=\"background-image: url('/design/booble/top-right.png');\"                        class=\"jquerybubblepopup-top-right png24\"></td>                </tr>                <tr>                    <td style=\"background-image: url('/design/booble/middle-left.png');\"                        class=\"jquerybubblepopup-middle-left png24\"></td>                    <td style=\"color: rgb(0, 0, 0); text-align: left;\" class=\"jquerybubblepopup-innerHtml png24\">                    </td>                    <td style=\"background-image: url('/design/booble/middle-right.png');\"                        class=\"jquerybubblepopup-middle-right png24\"></td>                </tr>                <tr>                    <td style=\"background-image: url('/design/booble/bottom-left.png');\"                        class=\"jquerybubblepopup-bottom-left png24\"></td>                    <td style=\"background-image: url('/design/booble/bottom-middle.png');\"                        class=\"jquerybubblepopup-bottom-middle png24\"></td>                    <td style=\"background-image: url('/design/booble/bottom-right.png');\"                        class=\"jquerybubblepopup-bottom-right png24\"></td>                </tr>                </tbody>            </table>            <img src='/design/i/close.png' alt='Закрыть' title='Закрыть' class='close_booble_popup png24'>        </div> ")
        $('ul.tabs').delegate('li:not(.current)', 'click',
        function() {
                $('.jquerybubblepopup-via').css({'display':'none'});
                $(this).addClass('current').siblings().removeClass('current')
                .parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(150);
  })

  $('.help').click(
          function(){
              var bouble = $(this)
              var p = bouble.position();
              var p = bouble.offset();
                p.left = p.left - 20
                p.top = p.top + 8
              if ($('.jquerybubblepopup-via').is(':hidden'))
              {
                  $('.jquerybubblepopup-innerHtml').html($('#'+bouble.attr('rel')).html())
                  $('.jquerybubblepopup-via').css({
                      'left':p.left,
                      'top':p.top,
                      'display':'block'
                  });
              }else if (parseInt($('.jquerybubblepopup-via').css('top')) == p.top){
                  $('.jquerybubblepopup-via').css({'display':'none'});
              }else{
                  $('.jquerybubblepopup-via').css({'display':'none'});
                  $('.jquerybubblepopup-innerHtml').html($('#'+bouble.attr('rel')).html())
                  $('.jquerybubblepopup-via').css({
                      'left':p.left,
                      'top':p.top,
                      'display':'block'
                  });
              }
          }
          )
    $('.close_booble_popup').click (
            function(){
                $('.jquerybubblepopup-via').css({'display':'none'});
            }
            )

})
})(jQuery)