(function(window, $, undefined) {
  
  $(document).ready(function() {

    var $toggle = $('#glossary-toggle'),
      $content = $('#content-wrap'),
      activeClass = 'active',
      dialogClass = 'glossary-popup';
    
    $content.glossaryHighlighter({
      path: sitePath+'.glossary.json?terms=/sites/avastin/main/patient/common/lib/glossaryTerms',
      initialState: (site.getCookie('glossary') || "off"),
      dialogs: {
        init: function(obj) {
          var $popup = $('<div />', {
            id: obj.id,
            html: '<h3>' + obj.name + '</h3><a class="jqmClose">Close</a><p>' + obj.definition + '</p>',
            rel: obj.variants
          }).addClass('jqmWindow '+dialogClass);
          
          $('body').append($popup);
          
          $popup.jqm({
            trigger: '.' + obj.id,
            overlay: 0
          });
        },
        click: function($el, idClass) {
          var classList = $el.attr('class').split(/\s+/),
              targetClass = "";
              
          var i = classList.length;
          while (i--) {
            if (classList[i].indexOf(idClass) !== -1) {
              targetClass = classList[i];
              break;
            }
          }
          this.closeAll();
          $('#' + targetClass).jqmShow();
        },
        closeAll: function() {
          $('.'+dialogClass).jqmHide();
        }
      },
      onGlossaryChange: function(changedTo) {
        site.setCookie('glossary', changedTo, 365, '/');
        if (changedTo === 'on') {
          $toggle.addClass(activeClass);
        } else {
          $toggle.removeClass(activeClass);
        }
      }      
    });
    
    $toggle.click(function() {
      $content.glossaryHighlighter('toggle');
      return false;
    });
    
    $("#glossary-list li:last").addClass("remove");

    
  });
  
})(window, jQuery);