docs: function(animations, selectors) {
  		var elements;
  		var keyframes;
  		var keyframeName;
  		var cleanKeyframeName;
  		var elementIndex;
  		var attributeName;
  		var attributeValue;
  		var curElement;
  
  		for(var selectorIndex = 0; selectorIndex < selectors.length; selectorIndex++) {
  			elements = document.querySelectorAll(selectors[selectorIndex][0]);
  
  			if(!elements) {
  				continue;
  			}
  
  			keyframes = animations[selectors[selectorIndex][1]];
  
  			for(keyframeName in keyframes) {
  				if(keyframeName.indexOf(keyframeNameOptionalPrefix) === 0) {
  					cleanKeyframeName = keyframeName.substring(keyframeNameOptionalPrefix.length);
  				} else {
  					cleanKeyframeName = keyframeName;
  				}
  
  				for(elementIndex = 0; elementIndex < elements.length; elementIndex++) {
  					curElement = elements[elementIndex];
  					attributeName = 'data-' + cleanKeyframeName;
  					attributeValue = keyframes[keyframeName];
  
  					//If the element already has this keyframe inline, give the inline one precedence by putting it on the right side.
  					//The inline one may actually be the result of the keyframes from another stylesheet.
  					//Since we reversed the order of the stylesheets, everything comes together correctly here.
  					if(curElement.hasAttribute(attributeName)) {
  						attributeValue += curElement.getAttribute(attributeName);
  					}
  
  					curElement.setAttribute(attributeName, attributeValue);
  				}
  			}
  		}
  	}