// jQuery.plugins - self loading/on-demand plugin/file loader
/*
Features:
- dynamically load a script or stylesheet
- check if a script or stylesheet as been previously loaded
- preconfigure plugins with multiple files and preloaders
- preconfigure selectors to load plugins
- preconfigure jQuery extensions to dynamically load plugins

Functions:
$.included(file) - checks if the file has been already included
$.include(file,force|callback) - includes the file into the header. if force is specified then its include in the body
$.plugin(options) -
id: plugin id
js: script(s) to be included
css: stylesheet(s) to be include
sel: jQuery selector(s) to preload plugin
ext: jQuery function extender(s)
fn: jQuery element function extender(s)
$.plugins({path,plugins}|plugins) - preconfigure multiple plugins. You can also provide a base path to simplify their definition
$.requires(id,callback) - load a plugin

Releases:
1.0.0 - Initial Release
1.0.1 - Fixed body append issue
1.0.2 - Fixed issue with createel and onload element reference
1.0.3 - Finallized browser dependant callbacks
1.0.4 - Added check to prevent function overload of already loaded extensions

*/
(function($){
  var plugins = {};
  var loaded = {};
  
  var loader = function(files,force,call){
    if($.isArray(files) && files.length > 0){
      var file=files.shift();
      $.include(file, (force)?true:function(){
        loader(files,call);
      });
    }else{
      if($.isFunction(call)) call($);
    }
  };
  
  var load = function(plugin,arg){
    var force = false;
    var call = function(){ return true; };
    if(arg){
      if($.isFunction(arg)) call = arg;
      else force = true;
    }
    if(!plugin) throw 'Invalid plugin call';
    call = $.isFunction(call)? call : function(){ return true; };
    if(plugin.loaded) return call($);
    if(plugin.loading) return setTimeout(function() { load(plugin,call); }, 5);
    plugin.loading = true;
    var files = $.makeArray(plugin.css);
    files = files.concat($.makeArray(plugin.js));
    loader(files,force,function(){    
      plugin.loaded = true;
      call($);
    });
  };
  
  var extend = function(arr,scope,plugin){
    $.each($.makeArray(arr),function(){
      var name = this;
      if (typeof(scope[name])=='undefined'){
        scope[name]=function(){
          var self = this;
          var args = arguments;
          load(plugin, function(){
            scope[name].apply(self,args);
          });
        };
      }
    });
  };
  
  var createEl = function(type,attr){
    var el = document.createElement(type);
    $.each(attr,function(key){
      if(typeof(attr[key])!='undefined') el.setAttribute(key, attr[key]);
    });
    return el;
  };

  $.included = function(file){
    if(typeof(loaded[file])!='undefined') return true;
    return loaded[file] = ($((/.css$/.test(file)?'link[href':'script[src')+'*="'+file+'"]').length>0);
  };
  
  $.include = function(file,arg){
    var force = false;
    var call = function(){};
    if(arg){
      if($.isFunction(arg)) call = arg;
      else force = true;
    }
    if($.included(file)) call();
    
    var el;
    var css = /.css$/.test(file);
    if(css){
      if(force){
        $('body').append('<link type="text/css" rel="stylesheet" href="'+file+'" />');
      }else{
        el = createEl('link',{'type':'text/css','rel':'stylesheet','href':file});
        if ($.browser.msie) el.onreadystatechange = function(){if(/loaded|complete/.test(el.readyState)) {el.onreadystatechange=null;call();}};
        else if ($.browser.opera) el.onload = call;
        else {
          try {
            el.sheet.cssRule;
          } catch(e){
            setTimeout(arguments.callee, 20);
            return;
          };
          call();
        }
			  $('head').get(0).appendChild(el);
      }
    }else{
      if(force){
        $('body').append('<scr'+'ipt type="text/javascript" src="'+file+'"></scr'+'ipt>');
      }else{      
        el = createEl('script',{'type':'text/javascript','src':file});
		    if ($.browser.msie) el.onreadystatechange = function(){if(/loaded|complete/.test(el.readyState)) {el.onreadystatechange=null;call();}};
		    else el.onload = call;
		    $('head').get(0).appendChild(el);
      }
    }
  };
  
  $.plugin = function(plugin){
    if(plugin.id){
      plugin.loaded = false;
      if(typeof(plugins[plugin.id])=='undefined'){
        plugins[plugin.id]=plugin;
        extend(plugin.ext,$,plugin);
        extend(plugin.fn,$.fn,plugin);
        plugin.sel = $.makeArray(plugin.sel);
        $(document).ready(function(){
          for(var i=0;i<plugin.sel.length;i++) if( $(plugin.sel[i]).length > 0 ) { load(plugin); break; }
        });
      }
    }
  };
  
  $.plugins = function(options){
    var path = options.path||'';
    options = options.plugins||options||[];
    $.each(options,function(){
      var plugin = this;
      plugin.css = $.makeArray(plugin.css);
      for(var i=0;i<plugin.css.length;i++) plugin.css[i] = path+plugin.css[i];
      plugin.js = $.makeArray(plugin.js);
      for(var i=0;i<plugin.js.length;i++) plugin.js[i] = path+plugin.js[i];
      $.plugin(plugin);
    });
  };
  
  $.requires = function(id,call){
    var plugin = plugins[id];
    if(typeof(plugin) != 'undefined') load(plugin, call);
    else throw '$.requires could not find ['+id+']';
  };
  
  $.plugins({ path: '/cms/scripts/jquery/', plugins: [
    { id:'validate', js: 'validate.js', sel: 'form.validate' },
    { id:'fancybox', js: 'fancybox.js', css: 'fancybox/styles.css', sel: 'a[rel*=fancybox]', ext: 'fancybox', fn:'fancybox' },
    { id:'fancybox', js: 'fancybox.js', css: 'fancybox/styles.css', sel: 'a[rel*=box]', ext: 'fancybox', fn:'fancybox' },
    { id:'flash', js: 'flash.js', sel: '.flash', ext: 'flash', fn:'flash' },
    { id:'url', js:'url.js' },
    { id:'mask', js:'mask.js', sel:':text[mask]', fn: 'mask' },
    { id:'hint', js:'hint.js', sel:'.hint:text' },
    { id:'checklist', js: 'checklist.js', css: 'checklist/styles.css', sel: 'select[multiple].checlist', fn:'checlist' },
    { id:'cookie', js: 'cookie.js', ext:'cookie' },
    { id:'datepicker', js: 'datepicker.js', css: 'datepicker/styles.css', sel: '.datepicker:text', fn:'datepicker' },
    { id:'maxlength', js:'maxlength.js', fn: 'maxlength' }
  ]});

})(jQuery);