;(function(require, window, document, undefined) {
	// find all assets to load
		var assets       = Array.prototype.slice.call(document.querySelectorAll('[itemprop^="asset/"]')),
			regexCss     = new RegExp('url\\(\\s*(?:"|\'|)(?!data:)(.+?)(?:"|\'|)\\)', 'g'),
			debugConsole = document.querySelector('#console dl'),
			debugLog     = [],
			i;
	
	// configure require.js
		require.config({
			baseUrl: '//cdn.jsdelivr.net/qoopido.js/latest'
		});

	// load Qoopido.js base module
		require([ 'base' ], function() {
			// loop through all assets
				if(assets.length > 0) {
					for(i = 0; i < assets.length; i++) {
						// The asset module has an internal queue that loads only one asset at a time to not block any critical things
							processAsset(assets[i], i);
					}
				}
				
			// attach clear to button
				require([ 'dom/element' ], function(mDomElement) {
					mDomElement
						.create('#console .actions')
						.on('click', '[data-clear]', function(event) {
							event.preventDefault();
							event.stopPropagation();
							
							for(i = 0; i < assets.length; i++) {
								assets[i].clear();
							}
						})
						.on('click', '[data-reload]', function(event) {
							event.preventDefault();
							event.stopPropagation();
							
							location['reload']();
						});
				});
		});
	
	// logging helper
		function log(message) {
			if(message) {
				message = message.split(':');
				
				debugLog.push('<dt>' + message[0] + '</dt><dd>' + message[1] + '</dd>');
				
				window.setTimeout(function() {
					debugLog.splice(0, 1);
					
					log();
					
					if(debugLog.length === 0) {
						debugConsole.innerHTML = '<dt>idle</dt><dd></dd>';
					}
				}, 2000 * debugLog.length);
			}
			
			debugConsole.innerHTML = debugLog.join('');
		}
	
	function processAsset(element, index) {
		// parse relevant properties from "itemprop" attribute
			var property   = element.getAttribute('itemprop'),
				url        = element.getAttribute('content'),
				id         = property.substring(0, property.indexOf('@')),
				version    = property.substring(property.indexOf('@') + 1);

		require([ 'asset' ], function(mAsset) {
			// create an instance and pass url, id and version of asset
				var asset = assets[index] = mAsset.create(url, id, version);
			
			// process
				asset
					// register a listener for the "stored" event to e.g. rebase URLs in the stored CSS
					.on('stored', function(event, url, id, version, value, lsVersion, lsValue) {
							var base = url.substring(0, url.lastIndexOf('/') + 1);
		
							localStorage[lsValue] = value.replace(regexCss, 'url(' + base + '$1)');
							
							log(id + ':' + event);
						})
					// register listeners for "hit" and "loaded" events which share parameters
						.on('hit loaded', function(event, url, id, version, value) {
							log(id + ':' + event);
						})
						// register listeners for "miss" and "cleared" events which share parameters
						.on('miss cleared', function(event, url, id, version) {
							log(id + ':' + event);
						})
					// initialize fetching the asset...
						.fetch()
					// ... which returns a promise
					.then(
						function(value) {
							switch(element.tagName) {
								case 'STYLE':
									if(element.styleSheet) {
										element.styleSheet.cssText = value;
									} else {
										element.innerHTML = value;
									}
									break;
								case 'SCRIPT':
									element.text = value;
									break;
							}
							
							log(id + ':resolved');
						},
						function() {
							log(id + ':rejected');
						}
					)
					// you could also clear localStorage and cookies for an asset
					// .clear()
					;
			});
		}
}(require, window, document));