/*
* jQuery UI Throbber 0.1
*
* Copyright (c) 2009 Jeremy Lea <reg@openpave.org>
* Dual licensed under the MIT and GPL licenses.
*
* http://docs.jquery.com/Licensing
*
* Based loosely on the Raphael spinner demo.
*/
(function($) {

    // Set up IE for VML if we have not done so already...
    if ($.browser.msie) {
        // IE6 background flicker fix
        try {
            document.execCommand("BackgroundImageCache", false, true);
        } catch (e) { }

        if (!document.namespaces["v"]) {
            $("head").prepend("<xml:namespace ns='urn:schemas-microsoft-com:vml' prefix='v' />");
            $("head").prepend("<?import namespace='v' implementation='#default#VML' ?>");
        }
    }

    $.widget("ui.throbber", {
        _init: function() {

            var o = this.options, e = this.element, a, i, w, tmp;

            if ($.browser.msie) {
                this.element[0].insertAdjacentHTML("afterBegin",
				"<v:group></v:group>");
                this._wrapper = this.element[0].firstChild;
                this._wrapper.addBehavior("#default#VML");
                this._wrapper.coordorigin = "-100 -100";
                this._wrapper.coordsize = "200 200";
                this._wrapper.style.display = "inline-block";
                this._wrapper.style.position = "absolute";
                w = Math.min(e.innerWidth(), e.innerHeight());
                this._wrapper.style.left = (e.innerWidth() - w) / 2;
                this._wrapper.style.top = (e.innerHeight() - w) / 2;
                this._wrapper.style.width = w;
                this._wrapper.style.height = w;
                this._wrapper.insertAdjacentHTML("afterBegin",
				"<v:roundrect arcsize='" + o.bgcorner / 200 + "'></v:roundrect>");
                tmp = this._wrapper.childNodes[0];
                tmp.addBehavior("#default#VML");
                tmp.fillcolor = o.bgcolor;
                tmp.stroked = "false";
                tmp.style.top = "-100";
                tmp.style.left = "-100";
                tmp.style.width = "200";
                tmp.style.height = "200";
                tmp.insertAdjacentHTML("afterBegin", "<v:fill></v:fill>");
                tmp.firstChild.addBehavior("#default#VML");
                tmp.firstChild.opacity = o.bgopacity;
                this._wrapper.insertAdjacentHTML("beforeEnd",
				"<v:group></v:group>");
                tmp = this._wrapper.childNodes[1];
                tmp.addBehavior("#default#VML");
                tmp.style.top = "-100";
                tmp.style.left = "-100";
                tmp.style.width = "200";
                tmp.style.height = "200";
                tmp.style.rotation = "0";
                for (i = 0; i < o.segments; ++i) {
                    a = -i * 360 / o.segments;
                    this._wrapper.childNodes[1].insertAdjacentHTML("beforeEnd",
					"<v:shape></v:shape>");
                    tmp = this._wrapper.childNodes[1].childNodes[i];
                    tmp.addBehavior("#default#VML");
                    tmp.stroked = "false";
                    tmp.fillcolor = o.fgcolor;
                    tmp.style.top = "-100";
                    tmp.style.left = "-100";
                    tmp.style.width = "200";
                    tmp.style.height = "200";
                    tmp.style.rotation = a;
                    tmp.path = o.path(i, o.segments)
					.replace(/[mlcz]/g, function(s) {
					    switch (s) {
					        case "m": return "t";
					        case "l": return "r";
					        case "c": return "v";
					        case "z": return "x";
					    }
					}) + " e";
                    tmp.insertAdjacentHTML("afterBegin", "<v:fill></v:fill>");
                    tmp.firstChild.addBehavior("#default#VML");
                    tmp.firstChild.opacity = o.opacity(i, o.segments);
                }
            } else {
                var NS = "http://www.w3.org/2000/svg";
                this._wrapper = this.element[0].insertBefore(
				document.createElementNS(NS, "svg"), this.element[0].firstChild);
                tmp = this._wrapper;
                tmp.setAttribute("viewBox", "-100 -100 200 200");
                tmp.style.position = "absolute";
                tmp.style.width = "100%";
                tmp.style.height = "100%";
                tmp = this._wrapper.appendChild(
				document.createElementNS(NS, "rect"));
                tmp.setAttribute("x", "-100px");
                tmp.setAttribute("y", "-100px");
                tmp.setAttribute("width", "200px");
                tmp.setAttribute("height", "200px");
                tmp.setAttribute("rx", o.bgcorner);
                tmp.setAttribute("fill", o.bgcolor);
                tmp.setAttribute("fill-opacity", o.bgopacity);
                tmp = this._wrapper.appendChild(document.createElementNS(NS, "g"));
                tmp.setAttribute("fill", o.fgcolor);
                for (i = 0; i < o.segments; ++i) {
                    a = -i * 360 / o.segments;
                    tmp = this._wrapper.childNodes[1]
					.appendChild(document.createElementNS(NS, "path"));
                    tmp.setAttribute("d", o.path(i, o.segments));
                    tmp.setAttribute("fill-opacity", o.opacity(i, o.segments));
                    tmp.setAttribute("transform", "rotate(" + a + ")");
                }
            }
        },
        destroy: function() {
            this._wrapper.remove();

            $.widget.prototype.destroy.apply(this, arguments);
        },
        reset: function() {
            this._pos = -1;
            this._update();
        },

        _timer: false,
        _setData: function(key, value) {
            var self = this, o = this.options;

            this.options[key] = value;
            if (key == "disabled") {
                if (!value) {
                    if (this._timer) {
                        this._timer = clearInterval(this._timer);
                    }
                    this._timer = setInterval(function() {
                        self._update();
                    }, 1000 / this.options.segments / this.options.speed);
                    if (o.show) {
                        o.show.call(this.element);
                    }
                } else {
                    if (!o.hide) {
                        o.hide = function(callback) { callback(); };
                    }
                    o.hide.call(this.element, function() {
                        if (self._timer) {
                            self._timer = clearInterval(self._timer);
                        }
                    });
                }
            }
        },
        _pos: 0,
        _update: function() {
            var o = this.options;
            this._pos = (this._pos + 1) % o.segments;
            var a = this._pos * 360 / o.segments;
            if ($.browser.msie) {
                this._wrapper.childNodes[1].disabled = true;
                this._wrapper.childNodes[1].rotation = a;
                this._wrapper.childNodes[0].rotation = 0; // rendering bug in 6&7
                this._wrapper.childNodes[1].disabled = false;
            } else {
                this._wrapper.childNodes[1]
				.setAttribute("transform", "rotate(" + a + ")");
            }
        }
    });
    $.ui.throbber.defaults = {
        bgcolor: "#F00",
        bgopacity: 0.1,
        bgcorner: 10,
        fgcolor: "#000",
        segments: 12,
        path: function(i, segments) {
            return "M 40,8 c -4,0 -8,-4 -8,-8 c 0,-4 4,-8 8,-8 " +
			"l " + (30 - i) + ",0 c 4,0 8,4 8,8 c 0,4 -4,8 -8,8 " +
			"l -" + (30 - i) + ",0 z";
        },
        opacity: function(i, segments) {
            return Math.cos(Math.PI / 2 * (i % segments) / segments);
        },
        speed: 1
    };

})(jQuery);