/** **/ //fgnass.github.com/spin.js#v1.2.3 (function(window, document, undefined) { /** * Copyright (c) 2011 Felix Gnass [fgnass at neteye dot de] * Licensed under the MIT license */ var prefixes = ['webkit', 'Moz', 'ms', 'O'], /* Vendor prefixes */ animations = {}, /* Animation rules keyed by their name */ useCssAnimations; /** * Utility function to create elements. If no tag name is given, * a DIV is created. Optionally properties can be passed. */ function createEl(tag, prop) { var el = document.createElement(tag || 'div'), n; for(n in prop) { el[n] = prop[n]; } return el; } /** * Appends children and returns the parent. */ function ins(parent /* child1, child2, ...*/) { for(var i=1, n=arguments.length; i> 1) - ep.x+tp.x + 'px', top: (target.offsetHeight >> 1) - ep.y+tp.y + 'px' }); } el.setAttribute('aria-role', 'progressbar'); self.lines(el, self.opts); if (!useCssAnimations) { // No CSS animation support, use setTimeout() instead var o = self.opts, i = 0, fps = o.fps, f = fps/o.speed, ostep = (1-o.opacity)/(f*o.trail / 100), astep = f/o.lines; (function anim() { i++; for (var s=o.lines; s; s--) { var alpha = Math.max(1-(i+s*astep)%f * ostep, o.opacity); self.opacity(el, o.lines-s, alpha, o); } self.timeout = self.el && setTimeout(anim, ~~(1000/fps)); })(); } return self; }, stop: function() { var el = this.el; if (el) { clearTimeout(this.timeout); if (el.parentNode) el.parentNode.removeChild(el); this.el = undefined; } return this; } }; proto.lines = function(el, o) { var i = 0, seg; function fill(color, shadow) { return css(createEl(), { position: 'absolute', width: (o.length+o.width) + 'px', height: o.width + 'px', background: color, boxShadow: shadow, transformOrigin: 'left', transform: 'rotate(' + ~~(360/o.lines*i) + 'deg) translate(' + o.radius+'px' +',0)', borderRadius: (o.width>>1) + 'px' }); } for (; i < o.lines; i++) { seg = css(createEl(), { position: 'absolute', top: 1+~(o.width/2) + 'px', transform: o.hwaccel ? 'translate3d(0,0,0)' : '', opacity: o.opacity, animation: useCssAnimations && addAnimation(o.opacity, o.trail, i, o.lines) + ' ' + 1/o.speed + 's linear infinite' }); if (o.shadow) ins(seg, css(fill('#000', '0 0 4px ' + '#000'), {top: 2+'px'})); ins(el, ins(seg, fill(o.color, '0 0 1px rgba(0,0,0,.1)'))); } return el; }; proto.opacity = function(el, i, val) { if (i < el.childNodes.length) el.childNodes[i].style.opacity = val; }; ///////////////////////////////////////////////////////////////////////// // VML rendering for IE ///////////////////////////////////////////////////////////////////////// /** * Check and init VML support */ (function() { var s = css(createEl('group'), {behavior: 'url(#default#VML)'}), i; if (!vendor(s, 'transform') && s.adj) { // VML support detected. Insert CSS rules ... for (i=4; i--;) sheet.addRule(['group', 'roundrect', 'fill', 'stroke'][i], 'behavior:url(#default#VML)'); proto.lines = function(el, o) { var r = o.length+o.width, s = 2*r; function grp() { return css(createEl('group', {coordsize: s +' '+s, coordorigin: -r +' '+-r}), {width: s, height: s}); } var g = grp(), margin = ~(o.length+o.radius+o.width)+'px', i; function seg(i, dx, filter) { ins(g, ins(css(grp(), {rotation: 360 / o.lines * i + 'deg', left: ~~dx}), ins(css(createEl('roundrect', {arcsize: 1}), { width: r, height: o.width, left: o.radius, top: -o.width>>1, filter: filter }), createEl('fill', {color: o.color, opacity: o.opacity}), createEl('stroke', {opacity: 0}) // transparent stroke to fix color bleeding upon opacity change ) ) ); } if (o.shadow) { for (i = 1; i <= o.lines; i++) { seg(i, -2, 'progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)'); } } for (i = 1; i <= o.lines; i++) { seg(i); } return ins(css(el, { margin: margin + ' 0 0 ' + margin, zoom: 1 }), g); }; proto.opacity = function(el, i, val, o) { var c = el.firstChild; o = o.shadow && o.lines || 0; if (c && i+o < c.childNodes.length) { c = c.childNodes[i+o]; c = c && c.firstChild; c = c && c.firstChild; if (c) c.opacity = val; } }; } else { useCssAnimations = vendor(s, 'animation'); } })(); window.Spinner = Spinner; })(window, document); //-->