The Joomla! Forum ™

    function mootools($debug = null)
       {
          global $mainframe;
          static $loaded;
          $administrator = JFactory::getApplication('administrator');
          // Only load once
          if ($loaded) {
             return;
          }

          // If no debugging value is set, use the configuration setting
          if ($debug === null) {
             $config = &JFactory::getConfig();
             $debug = $config->getValue('config.debug');
          }

          // TODO NOTE: Here we are checking for Konqueror - If they fix thier issue with compressed, we will need to update this
          $konkcheck = strpos (strtolower($_SERVER['HTTP_USER_AGENT']), "konqueror");

          if ($debug || $konkcheck) {
             JHTML::script('mootools-uncompressed.js', 'media/system/js/', false);
          } else {
             //////////////////////////THIS IS THE MOOTOOLS SWITCHER////////////////////////////////
             // interface is for the front end show 1.2b
             if($mainframe->isSite())
             {
                JHTML::script('mootools2.js', 'media/system/js/', false);
                            //Otherwise, use the stable 1.11
             }else{
                JHTML::script('mootools.js', 'media/system/js/', false);
             }
          }
          $loaded = true;
          return;
       }

        function mootools($debug = null)
           {
              global $mainframe;
              static $loaded;
              $administrator = JFactory::getApplication('administrator');
              // Only load once
              if ($loaded) {
                 return;
              }

              // If no debugging value is set, use the configuration setting
              if ($debug === null) {
                 $config = &JFactory::getConfig();
                 $debug = $config->getValue('config.debug');
              }

              // TODO NOTE: Here we are checking for Konqueror - If they fix thier issue with compressed, we will need to update this
              $konkcheck = strpos (strtolower($_SERVER['HTTP_USER_AGENT']), "konqueror");

              if ($debug || $konkcheck) {
                 JHTML::script('mootools-uncompressed.js', 'media/system/js/', false);
              } else {
                 //////////////////////////THIS IS THE MOOTOOLS SWITCHER////////////////////////////////
                 // interface is for the front end show 1.2b
                 if($mainframe->isSite())
                 {
                JHTML::script('mootools-1.2-core.js', 'media/system/js/', false);
                JHTML::script('mootools-1.2-more.js', 'media/system/js/', false);
                                //Otherwise, use the stable 1.11
                 }else{
                    JHTML::script('mootools.js', 'media/system/js/', false);
                 }
              }
              $loaded = true;
              return;
           }

var Tips = new Class({

   Implements: [Events, Options],

   options: {
      onShow: function(tip){
         tip.setStyle('visibility', 'visible');
      },
      onHide: function(tip){
         tip.setStyle('visibility', 'hidden');
      },
      showDelay: 100,
      hideDelay: 100,
      className: 'tool',
      offsets: {x: 16, y: 16},
      fixed: false
   },

   initialize: function(){
      var params = Array.link(arguments, {options: Object.type, elements: $defined});
      this.setOptions(params.options || null);
      this.tip = new Element('div',{'class': this.options.className + '-tip'}).inject(document.body);
      if (this.options.className) this.tip.addClass(this.options.className);
      var top = new Element('div', {'class': 'tip-top'}).inject(this.tip);
      this.container = new Element('div', {'class': 'tip'}).inject(this.tip);
      var bottom = new Element('div', {'class': 'tip-bottom'}).inject(this.tip);
      this.tip.setStyles({position: 'absolute', top: 0, left: 0, visibility: 'hidden'});
      if (params.elements) this.attach(params.elements);
   },
   
   attach: function(elements){
      $$(elements).each(function(element){
         var title = element.retrieve('tip:title', element.get('title'));
         var dual = title   .split('::');
         var text = element.retrieve('tip:text', element.get('rel') || element.get('href'));
         if (dual.length > 1){
            var text = dual[1].trim();
            var title = dual[0].trim();
         }else{
            var text = dual[0].trim();
            var title = '';
         }
         element.store('tip:title', title);
         element.store('tip:text', text);
         var enter = element.retrieve('tip:enter', this.elementEnter.bindWithEvent(this, element));
         var leave = element.retrieve('tip:leave', this.elementLeave.bindWithEvent(this, element));
         element.addEvents({mouseenter: enter, mouseleave: leave});
         if (!this.options.fixed){
            var move = element.retrieve('tip:move', this.elementMove.bindWithEvent(this, element));
            element.addEvent('mousemove', move);
         }
         element.store('tip:native', element.get('title'));
         element.erase('title');
      }, this);
      return this;
   },
   
   detach: function(elements){
      $$(elements).each(function(element){
         element.removeEvent('mouseenter', element.retrieve('tip:enter') || $empty);
         element.removeEvent('mouseleave', element.retrieve('tip:leave') || $empty);
         element.removeEvent('mousemove', element.retrieve('tip:move') || $empty);
         element.eliminate('tip:enter').eliminate('tip:leave').eliminate('tip:move');
         var original = element.retrieve('tip:native');
         if (original) element.set('title', original);
      });
      return this;
   },
   
   elementEnter: function(event, element){
      $A(this.container.childNodes).each(Element.dispose);
      var title = element.retrieve('tip:title');
      if (title){
         this.titleElement = new Element('div', {'class': this.options.className + '-title'}).inject(this.container);
         this.fill(this.titleElement, title);
      }
      
      var text = element.retrieve('tip:text');
      if (text){
         this.textElement = new Element('div', {'class': this.options.className + '-text'}).inject(this.container);
         this.fill(this.textElement, text);
      }
      this.timer = $clear(this.timer);
      this.timer = this.show.delay(this.options.showDelay, this);

      this.position((!this.options.fixed) ? event : {page: element.getPosition()});
   },
   
   elementLeave: function(event){
      $clear(this.timer);
      this.timer = this.hide.delay(this.options.hideDelay, this);
   },
   
   elementMove: function(event){
      this.position(event);
   },
   
   position: function(event){
      var size = window.getSize(), scroll = window.getScroll();
      var tip = {x: this.tip.offsetWidth, y: this.tip.offsetHeight};
      var props = {x: 'left', y: 'top'};
      for (var z in props){
         var pos = event.page[z] + this.options.offsets[z];
         if ((pos + tip[z] - scroll[z]) > size[z]) pos = event.page[z] - this.options.offsets[z] - tip[z];
         this.tip.setStyle(props[z], pos);
      }
   },
   
   fill: function(element, contents){
      (typeof contents == 'string') ? element.set('html', contents) : element.adopt(contents);
   },

   show: function(){
      this.fireEvent('show', this.tip);
   },

   hide: function(){
      this.fireEvent('hide', this.tip);
   }

});

JHTML::script('mootools-1.2-core.js', 'media/system/js/', false);
JHTML::script('mootools-1.2-compat-core.js', 'media/system/js/', false);
JHTML::script('mootools-1.2-more.js', 'media/system/js/', false);
JHTML::script('mootools-1.2-compat-more.js', 'media/system/js/', false);

   
   var myCaption = new Class({
      
      initialize: function(selector)
      {
         this.selector = selector;
         $each($$(selector), function(item){
            this.createCaption(item);
         }, this);
      },
      
      createCaption: function(zielement)
      {
          var caption   = document.createTextNode(zielement.title);
          var container = document.createElement('div');
          var text      = document.createElement('p');
          var width     = zielement.getAttribute('width');
          var align     = zielement.getAttribute('align');
      
          if(!width) {
         width = zielement.width;
          }
      
          text.appendChild(caption);
          container.inject(zielement, 'before');
          container.appendChild(zielement);
          if(zielement.title != '') {
         container.appendChild(text);
          }
      
          container.className   = this.selector.replace('.', '_');
          container.className   = container.className + '' + align;
          container.setAttribute('style','float:'+align);
          container.style.width = width + 'px';
      }   
   });
   
   document.caption = null;
   
   window.addEvent('load', function() {
      var caption = new myCaption('img.caption')
      document.caption = caption
   });

var JSwitcher = new Class({

   Implements: Options,

   toggler : null, //holds the active toggler
   page    : null, //holds the active page

   options : {
      cookieName: 'switcher'
   },

   initialize: function(toggler, element, options)
   {
      this.setOptions(options);

      var self = this;

      togglers = toggler.getElements('a');
      for (i=0; i < togglers.length; i++) {
         togglers[i].addEvent( 'click', function() { self.switchTo(this); } );
      }

      //hide all
      elements = element.getElements('div[id^=page-]');
      for (i=0; i < elements.length; i++) {
         this.hide(elements[i])
      }

      this.toggler = toggler.getElement('a.active');
      this.page    = $('page-'+ this.toggler.id);

      this.show(this.page);
      if (this.options.cookieName)
      {
         if((page = Cookie.read(this.options.cookieName))) {
            this.switchTo($(page));
         }
      }
   },

   switchTo: function(toggler)
   {
      page = $chk(toggler) ? $('page-'+toggler.id) : null;
      if(page && page != this.page)
      {
         //hide old element
         if(this.page) {
            this.hide(this.page);
         }

         //show new element
         this.show(page);

         toggler.addClass('active');
         if (this.toggler) {
            this.toggler.removeClass('active');
         }
         this.page    = page;
         this.toggler = toggler;
         Cookie.write(this.options.cookieName, toggler.id);
      }
   },

   hide: function(element) {
      element.setStyle('display', 'none');
   },

   show: function (element) {
      element.setStyle('display', 'block');
   }
});

document.switcher = null;
window.addEvent('domready', function(){
    toggler = $('submenu')
     element = $('config-document')
     if(element) {
        document.switcher = new JSwitcher(toggler, element, {cookieName: toggler.getAttribute('class')});
     }
});

var JFormValidator = new Class({
   initialize: function()
   {
      // Initialize variables
      this.handlers   = Object();
      this.custom      = Object();

      // Default handlers
      this.setHandler('username',
         function (value) {
            regex = new RegExp("[\<|\>|\"|\'|\%|\;|\(|\)|\&]", "i");
            return !regex.test(value);
         }
      );

      this.setHandler('password',
         function (value) {
            regex=/^\S[\S ]{2,98}\S$/;
            return regex.test(value);
         }
      );

      this.setHandler('numeric',
         function (value) {
            regex=/^(\d|-)?(\d|,)*\.?\d*$/;
            return regex.test(value);
         }
      );

      this.setHandler('email',
         function (value) {
            regex=/^[a-zA-Z0-9._-]+@([a-zA-Z0-9.-]+\.)+[a-zA-Z0-9.-]{2,4}$/;
            return regex.test(value);
         }
      );

      // Attach to forms with class 'form-validate'
      var forms = $$('form.form-validate');
      forms.each(function(form){ this.attachToForm(form); }, this);
   },

   setHandler: function(name, fn, en)
   {
      en = (en == '') ? true : en;
      this.handlers[name] = { enabled: en, exec: fn };
   },

   attachToForm: function(form)
   {
      // Iterate through the form object and attach the validate method to all input fields.
      $A(form.elements).each(function(el){
         el = $(el);
         if ((el.get('tag') == 'input' || el.get('tag') == 'button') && el.getProperty('type') == 'submit') {
            if (el.hasClass('validate')) {
               el.onclick = function(){return document.formvalidator.isValid(this.form);};
            }
         } else {
            el.addEvent('blur', function(){return document.formvalidator.validate(this);});
         }
      });
   },

   validate: function(el)
   {
      // If the field is required make sure it has a value
      if ($(el).hasClass('required')) {
         if (!($(el).get('value'))) {
            this.handleResponse(false, el);
            return false;
         }
      }

      // Only validate the field if the validate class is set
      var handler = (el.className && el.className.search(/validate-([a-zA-Z0-9\_\-]+)/) != -1) ? el.className.match(/validate-([a-zA-Z0-9\_\-]+)/)[1] : "";
      if (handler == '') {
         this.handleResponse(true, el);
         return true;
      }

      // Check the additional validation types
      if ((handler) && (handler != 'none') && (this.handlers[handler]) && $(el).get('value')) {
         // Execute the validation handler and return result
         if (this.handlers[handler].exec($(el).get('value')) != true) {
            this.handleResponse(false, el);
            return false;
         }
      }

      // Return validation state
      this.handleResponse(true, el);
      return true;
   },

   isValid: function(form)
   {
      var valid = true;

      // Validate form fields
      for (var i=0;i < form.elements.length; i++) {
         if (this.validate(form.elements[i]) == false) {
            valid = false;
         }
      }

      // Run custom form validators if present
      $A(this.custom).each(function(validator){
         if (validator.exec() != true) {
            valid = false;
         }
      });

      return valid;
   },

   handleResponse: function(state, el)
   {
      // Find the label object for the given field if it exists
      if (!(el.labelref)) {
         var labels = $$('label');
         labels.each(function(label){
            if (label.getProperty('for') == el.getProperty('id')) {
               el.labelref = label;
            }
         });
      }

      // Set the element and its label (if exists) invalid state
      if (state == false) {
         el.addClass('invalid');
         if (el.labelref) {
            $(el.labelref).addClass('invalid');
         }
      } else {
         el.removeClass('invalid');
         if (el.labelref) {
            $(el.labelref).removeClass('invalid');
         }
      }
   }
});

document.formvalidator = null;
Window.onDomReady(function(){
   document.formvalidator = new JFormValidator();
});