jqmobi-rails 0.0.0

data/vendor/assets/javascripts/plugins/jq.selectBox.js

@@ -0,0 +1,315 @@
+/*
+ * Copyright: AppMobi
+ * Description:  This script will replace all drop downs with friendly select controls.  Users can still interact
+ * with the old drop down box as normal with javascript, and this will be reflected
+ 
+ */
+(function($) {
+    $['selectBox'] = {
+        oldSelects: {},
+        scroller: null,
+        getOldSelects: function(elID) {
+            if ($.os.android == false)
+                return;
+            if (!$.fn['scroller']) {
+                alert("This library requires jq.web.Scroller");
+                return;
+            }
+            var container = elID && document.getElementById(elID) ? document.getElementById(elID) : document;
+            if (!container) {
+                alert("Could not find container element for jq.web.selectBox " + elID);
+                return;
+            }
+            var sels = container.getElementsByTagName("select");
+            var that = this;
+            for (var i = 0; i < sels.length; i++) {
+                if (this.oldSelects[sels[i].id])
+                    continue;
+                (function(theSel) {
+                    var fakeInput = document.createElement("div");
+                    var selWidth = parseInt(theSel.style.width) > 0 ? parseInt(theSel.style.width) : 100;
+                    var selHeight = parseInt(theSel.style.height) > 0 ? parseInt(theSel.style.height) : 20;
+                    fakeInput.style.width = selWidth + "px";
+                    fakeInput.style.height = selHeight + "px";
+                    fakeInput.style.position = "absolute";
+                    fakeInput.style.left = "0px";
+                    fakeInput.style.top = "0px";
+                    fakeInput.style.zIndex = "1";
+                    if (theSel.value)
+                        fakeInput.innerHTML = theSel.options[theSel.selectedIndex].text;
+                    fakeInput.style.background = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAeCAIAAABFWWJ4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM1NjQxRUQxNUFEODExRTA5OUE3QjE3NjI3MzczNDAzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM1NjQxRUQyNUFEODExRTA5OUE3QjE3NjI3MzczNDAzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzU2NDFFQ0Y1QUQ4MTFFMDk5QTdCMTc2MjczNzM0MDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzU2NDFFRDA1QUQ4MTFFMDk5QTdCMTc2MjczNzM0MDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6YWbdCAAAAlklEQVR42mIsKChgIBGwAHFPTw/xGkpKSlggrG/fvhGjgYuLC0gyMZAOoPb8//9/0Or59+8f8XrICQN66SEnDOgcp3AgKiqKqej169dY9Hz69AnCuHv3rrKyMrIKoAhcVlBQELt/gIqwstHD4B8quH37NlAQSKKJEwg3iLbBED8kpeshoGcwh5uuri5peoBFMEluAwgwAK+5aXfuRb4gAAAAAElFTkSuQmCC') right top no-repeat";
+                    fakeInput.style.backgroundColor = "white";
+                    fakeInput.className = "jqmobiSelect_fakeInput " + theSel.className;
+                    fakeInput.id = theSel.id + "_jqmobiSelect";
+                    
+                    fakeInput.style.border = "1px solid gray";
+                    fakeInput.style.color = "black";
+                    fakeInput.linkId = theSel.id;
+                    fakeInput.onclick = function(e) {
+                        that.initDropDown(this.linkId);
+                    };
+                    theSel.parentNode.appendChild(fakeInput);
+                    theSel.parentNode.style.position = "relative";
+                    theSel.style.display = "none";
+                    theSel.style.webkitAppearance = "none";
+                    // Create listeners to watch when the select value has changed.
+                    // This is needed so the users can continue to interact as normal,
+                    // via jquery or other frameworks
+                    for (var j = 0; j < theSel.options.length; j++) {
+                        if (theSel.options[j].selected) {
+                            fakeInput.value = theSel.options[j].text;
+                        }
+                        theSel.options[j].watch( "selected", function(prop, oldValue, newValue) {
+                            if (newValue == true) {
+                                that.updateMaskValue(this.parentNode.id, this.text, this.value);
+                                this.parentNode.value = this.value;
+                            }
+                            return newValue;
+                        });
+                    }
+                    theSel.watch("selectedIndex", function(prop, oldValue, newValue) {
+                        if (this.options[newValue]) {
+                            that.updateMaskValue(this.id, this.options[newValue].text, this.options[newValue].value);
+                            this.value = this.options[newValue].value;
+                        }
+                        return newValue;
+                    });
+                    
+                    fakeInput = null;
+                    imageMask = null;
+                    that.oldSelects[theSel.id] = 1;
+                
+                
+                })(sels[i]);
+            }
+            that.createHtml();
+        },
+        updateDropdown: function(id) {
+            var el = document.getElementById(id);
+            if (!el)
+                return;
+            for (var j = 0; j < el.options.length; j++) {
+                if (el.options[j].selected)
+                    fakeInput.value = el.options[j].text;
+                el.options[j].watch("selected", function(prop, oldValue, newValue) {
+                    if (newValue == true) {
+                        that.updateMaskValue(this.parentNode.id, this.text, this.value);
+                        this.parentNode.value = this.value;
+                    }
+                    return newValue;
+                });
+            }
+            el = null;
+        },
+        initDropDown: function(elID) {
+            
+            var that = this;
+            var el = document.getElementById(elID);
+            if (el.disabled)
+                return;
+            if (!el || !el.options || el.options.length == 0)
+                return;
+            var htmlTemplate = "";
+            var foundInd = 0;
+            document.getElementById("jqmobiSelectBoxScroll").innerHTML = "";
+            
+            document.getElementById("jqmobiSelectBoxHeaderTitle").innerHTML = (el.name != undefined && el.name != "undefined" && el.name != "" ? el.name : elID);
+            
+            for (var j = 0; j < el.options.length; j++) {
+                var currInd = j;
+                el.options[j].watch( "selected", function(prop, oldValue, newValue) {
+                    if (newValue == true) {
+                        that.updateMaskValue(this.parentNode.id, this.text, this.value);
+                        this.parentNode.value = this.value;
+                    }
+                    return newValue;
+                });
+                var checked = (el.value == el.options[j].value) ? true : false;
+                var button = "";
+                var bg = "background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.17, rgb(102,102,102)),color-stop(0.59, rgb(94,94,94)))";
+                var foundID;
+                var div = document.createElement("div");
+                div.className = "jqmobiSelectRow";
+                if (checked) {
+                    bg = "background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.17, rgb(8,8,8)),color-stop(0.59, rgb(38,38,38)))";
+                    button = "checked";
+                    foundInd = j;
+                    foundID = "id='jqmobiSelectBox_found'";
+                    div.className = "jqmobiSelectRowFound";
+                } else {
+                    foundID = "";
+                }
+                
+                div.id = foundID;
+                div.style.cssText = ";line-height:40px;font-size:14px;padding-left:10px;height:40px;width:100%;position:relative;width:100%;border-bottom:1px solid black;background:white;";
+                var anchor = document.createElement("a");
+                anchor.href = "javascript:;";
+                div.tmpValue = j;
+                div.onclick = function(e) {
+                    that.setDropDownValue(elID, this.tmpValue);
+                };
+                anchor.style.cssText = "text-decoration:none;color:black;";
+                anchor.innerHTML = el.options[j].text;
+                var span = document.createElement("span");
+                span.style.cssText = "float:right;margin-right:20px;margin-top:-2px";
+                var rad = document.createElement("button");
+                if (foundID) {
+                    rad.style.cssText = "background: #000;padding: 0px 0px;border-radius:15px;border:3px solid black;";
+                    rad.className = "jqmobiSelectRowButtonFound";
+                } else {
+                    rad.style.cssText = "background: #ffffff;padding: 0px 0px;border-radius:15px;border:3px solid black;";
+                    rad.className = "jqmobiSelectRowButton";
+                }
+                rad.style.width = "20px";
+                rad.style.height = "20px";
+                
+                rad.checked = button;
+                
+                anchor.className = "jqmobiSelectRowText";
+                span.appendChild(rad);
+                div.appendChild(anchor);
+                div.appendChild(span);
+                
+                document.getElementById("jqmobiSelectBoxScroll").appendChild(div);
+                
+                span = null;
+                rad = null;
+                anchor = null;
+            }
+            try {
+                document.getElementById("jqmobiSelectModal").style.display = 'block';
+            } catch (e) {
+                console.log("Error showing div " + e);
+            }
+            try {
+                if (div) {
+                    var scrollThreshold = numOnly(div.style.height);
+                    var offset = numOnly(document.getElementById("jqmobiSelectBoxHeader").style.height);
+                    
+                    if (foundInd * scrollThreshold + offset >= numOnly(document.getElementById("jqmobiSelectBoxFix").clientHeight) - offset)
+                        var scrollToPos = (foundInd) * -scrollThreshold + offset;
+                    else
+                        scrollToPos = 0;
+                    this.scroller.scrollTo({
+                        x: 0,
+                        y: scrollToPos
+                    });
+                }
+            } catch (e) {
+                console.log("error init dropdown" + e);
+            }
+            div = null;
+            el = null;
+        },
+        updateMaskValue: function(elID, value, val2) {
+            
+            var el = document.getElementById(elID + "_jqmobiSelect");
+            var el2 = document.getElementById(elID);
+            if (el)
+                el.innerHTML = value;
+            if (typeof (el2.onchange) == "function")
+                el2.onchange(val2);
+            el = null;
+            el2 = null;
+        },
+        setDropDownValue: function(elID, value) {
+            
+            var el = document.getElementById(elID);
+            if (el) {
+                el.selectedIndex = value;
+                $(el).trigger("change");
+            }
+            this.scroller.scrollTo({
+                x: 0,
+                y: 0
+            });
+            this.hideDropDown();
+            el = null;
+        },
+        hideDropDown: function() {
+            document.getElementById("jqmobiSelectModal").style.display = 'none';
+            document.getElementById("jqmobiSelectBoxScroll").innerHTML = "";
+        },
+        createHtml: function() {
+            var that = this;
+            if (document.getElementById("jqmobiSelectBoxContainer")) {
+                return;
+            }
+            var modalDiv = document.createElement("div");
+            
+            modalDiv.style.cssText = "position:absolute;top:0px;bottom:0px;left:0px;right:0px;background:rgba(0,0,0,.7);z-index:200000;display:none;";
+            modalDiv.id = "jqmobiSelectModal";
+            
+            var myDiv = document.createElement("div");
+            myDiv.id = "jqmobiSelectBoxContainer";
+            myDiv.style.cssText = "position:absolute;top:8%;bottom:10%;display:block;width:90%;margin:auto;margin-left:5%;height:90%px;background:white;color:black;border:1px solid black;border-radius:6px;";
+            myDiv.innerHTML = "<div id='jqmobiSelectBoxHeader' style=\"display:block;font-family:'Eurostile-Bold', Eurostile, Helvetica, Arial, sans-serif;color:#fff;font-weight:bold;font-size:18px;line-height:34px;height:34px; text-transform:uppercase;text-align:left;text-shadow:rgba(0,0,0,.9) 0px -1px 1px;    padding: 0px 8px 0px 8px;    border-top-left-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;    background:#39424b;    margin:1px;\"><div style='float:left;' id='jqmobiSelectBoxHeaderTitle'></div><div style='float:right;width:60px;margin-top:-5px'><div id='jqmobiSelectClose' class='button' style='width:60px;height:32px;line-height:32px;'>Close</div></div></div>";
+            myDiv.innerHTML += '<div id="jqmobiSelectBoxFix"  style="position:relative;height:90%;background:white;overflow:hidden;width:100%;"><div id="jqmobiSelectBoxScroll"></div></div>';
+            var that = this;
+            modalDiv.appendChild(myDiv);
+            
+            $(document).ready(function() {
+               
+                if(jq("#jQUi"))
+                   jq("#jQUi").append(modalDiv);
+                else
+                    document.body.appendChild(modalDiv);
+                var close = $("#jqmobiSelectClose").get();
+                close.onclick = function() {
+                    that.hideDropDown();
+                };
+                
+                var styleSheet = $("<style>.jqselectscrollBarV{opacity:1 !important;}</style>").get();
+                document.body.appendChild(styleSheet);
+                try {
+                    that.scroller = $("#jqmobiSelectBoxScroll").scroller({
+                        scroller: false,
+                        verticalScroll: true,
+                        vScrollCSS: "jqselectscrollBarV"
+                    });
+                
+                } catch (e) {
+                    console.log("Error creating select html " + e);
+                }
+                modalDiv = null;
+                myDiv = null;
+                styleSheet = null;
+            });
+        }
+    };
+    //The following is based off Eli Grey's shim
+    //https://gist.github.com/384583
+    //We use HTMLElement to not cause problems with other objects
+    if (!HTMLElement.prototype.watch) {
+        HTMLElement.prototype.watch = function (prop, handler) {
+            var oldval = this[prop], newval = oldval,
+            getter = function () {
+                return newval;
+            },
+            setter = function (val) {
+                oldval = newval;
+                return newval = handler.call(this, prop, oldval, val);
+            };
+            if (delete this[prop]) { // can't watch constants
+                if (HTMLElement.defineProperty) { // ECMAScript 5
+                    HTMLElement.defineProperty(this, prop, {
+                        get: getter,
+                        set: setter,
+                        enumerable: false,
+                        configurable: true
+                    });
+                } else if (HTMLElement.prototype.__defineGetter__ && HTMLElement.prototype.__defineSetter__) { // legacy
+                    HTMLElement.prototype.__defineGetter__.call(this, prop, getter);
+                    HTMLElement.prototype.__defineSetter__.call(this, prop, setter);
+                }
+            }
+        };
+    }
+    if (!HTMLElement.prototype.unwatch) {
+        HTMLElement.prototype.unwatch = function (prop) {
+            var val = this[prop];
+            delete this[prop]; // remove accessors
+            this[prop] = val;
+        };
+    }   
+})(jq);

data/vendor/assets/javascripts/plugins/jq.shake.js

@@ -0,0 +1,39 @@
+/**
+ * jq.web.shake - a library to detect shake events for AppMobi Apps 
+ & Copyright 2011 - AppMobi
+ */
+(function ($) {
+    $['shake'] = function (callback, threshold) {
+        var accelCounter = 0;
+        var timer;
+        var prevX = 0;
+        var prevY = 0;
+        var prevZ = 0;
+        if (!threshold) threshold = 5;
+        var suc = function (a) {
+
+                if ((Math.abs(a.x - prevX)) > 0.8) {
+                    accelCounter++;
+                } else if ((Math.abs(a.y - prevY)) > 0.8) {
+                    accelCounter++;
+                } else if ((Math.abs(a.z - prevZ)) > 0.8) {
+                    accelCounter++;
+                }
+                prevX = a.x;
+                prevY = a.y;
+                prevZ = a.z;
+                if (accelCounter >= (threshold)) {
+                    callback();
+                    accelCounter = 0;
+                }
+            };
+
+        if (callback && typeof (callback) == "function") {
+            // create the options object and set the frequency to receive samples
+            var opt = new AppMobi.AccelerationOptions();
+            opt.frequency = 100;
+            // use the special timer variable which will send the samples back
+            timer = AppMobi.accelerometer.watchAcceleration(suc, opt);
+        }
+    }
+})(jq)

data/vendor/assets/javascripts/plugins/jq.social.js

@@ -0,0 +1,113 @@
+/**
+ * jq.web.social - A wrapper library for oAuth requests 
+ * Copyright 2011 - AppMobi
+ */
+
+(function($){
+	$['social'] = function(serviceName) {
+		if (!this instanceof social) {
+			return new social(serviceName);
+		}
+		this.serviceName = serviceName;
+		var that = this;
+
+		document.addEventListener("appMobi.oauth.busy", function(e) {
+			if (e.id == that.serviceID)
+				that.error(e, "oAuth is busy");
+		}, false);
+		document.addEventListener("appMobi.oauth.unavailable", function(e) {
+			if (e.id == that.serviceID)
+				that.error(e, "oAuth is unavailable");
+		}, false);
+		document.addEventListener("appMobi.oauth.protected.data", function(e) {
+			if (e.id == that.serviceID)
+				that.processRequest(e);
+		}, false);
+	};
+
+	social.prototype = {
+		callBacks : {},
+		serviceName : null,
+		serviceID : null,
+		makeRequest : function(serviceUrl, serviceID, method, callback, body,headers) {
+			if (!serviceUrl) {
+				alert("Please provide a request url");
+				return;
+			}
+			if (!serviceID)
+				serviceID = "";
+			this.serviceID = this.serviceName + "_" + serviceID;
+
+			if (!method)
+				method = "GET";
+			if (!body)
+				body = "";
+			if (!headers)
+				headers = "";
+			if (callback) {
+				this.callBacks[this.serviceID] = callback;
+			}
+			try {
+				var params = new AppMobi.OAuth.ProtectedDataParameters();
+				params.service = this.serviceName;
+				params.url = serviceUrl;
+				params.id = this.serviceID;
+				params.method = method;
+				params.body = body;
+				params.headers = headers;
+
+				var rqStr = "";
+				for ( var j in params) {
+					rqStr += j + " = " + params[j] + "\n";
+				}
+				AppMobi.oauth.getProtectedData(params);
+			} catch (e) {
+				alert("Error " + e.message);
+			}
+		},
+		error : function(msg, errorMsg) {
+			var rqStr = "";
+			for ( var j in errorMsg) {
+				rqStr += j + "  " + errorMsg[j] + "\n";
+			}
+			alert("Error with oAuth request " + this.serviceID + " " + rqStr
+					+ "  " + errorMsg);
+		},
+		processRequest : function(evt) {
+			try {
+				if (this.callBacks[evt.id]) {
+					this.callBacks[evt.id](evt);
+				}
+			} catch (e) {
+				alert("error with cb " + e);
+			}
+		},
+		deAuthorizeService : function(cb) {
+
+			try {
+				var that = this;
+				if (cb) {
+					that.tmpCB = cb;
+					document.addEventListener("appMobi.oauth.unauthorize.service",
+							this.deAuthorizeCB, false);
+				}
+				AppMobi.oauth.unauthorizeService(this.serviceName);
+
+			} catch (ex) {
+				alert("Error removing " + ex);
+			}
+		},
+		deAuthorizeCB : function(evt) {
+			if (evt.service == this.serviceName) {
+				if (evt.success == false)
+					alert(evt.error);
+				else if (this.tmpCB) {
+					this.tmpCB();
+					delete this["tmpCB"];
+				}
+			}
+			document.removeEventListener("appMobi.oauth.unauthorize.service",this.deAuthorizeCB);
+		}
+	};
+	return social;
+})(jq);

data/vendor/assets/javascripts/plugins/jq.swipe.js

@@ -0,0 +1,121 @@
+/**
+ * $().swipe - a library to detect swipe events for jqMobi apps
+ * Copyright 2011 - AppMobi 
+ * Executes a callback function and passes in the direction return
+ * @string (left,right,up,down)
+ */ 
+(function($) {
+    var cache = [];
+    $.fn["swipeListener"] = function(opts) {
+        
+        if (opts === undefined && this.length > 0) 
+        {
+            return cache[this[0].id] ? cache[this[0].id] : null;
+        }
+        for (var i = 0; i < this.length; i++) {
+            tmp = new swipeListener(this[i], opts);
+            if (this[i].id)
+                cache[this[i].id] = tmp;
+        }
+        return this.length == 1 ? tmp : this;
+    };
+    var swipeListener = (function() {
+        var swipeListener = function(elID, opts) {
+            var that = this;
+            if (typeof (elID) == "string")
+                this.el = document.getElementById(elID);
+            else
+                this.el = elID
+            if (!this.el) {
+                alert("Error adding swipe listener for " + elID);
+                return;
+            }
+            this.el.addEventListener('touchmove', function(e) {
+                that.touchMove(e);
+            }, false);
+            this.el.addEventListener('touchend', function(e) {
+                that.touchEnd(e);
+            }, false);
+            for (j in opts) {
+                this[j] = opts[j];
+            }
+        };
+        
+        swipeListener.prototype = {
+            startX: 0,
+            startY: 0,
+            movingX: 0,
+            movingY: 0,
+            vthreshold: 50,
+            hthreshold: 50,
+            movingElement: false,
+            swipeDirection: {
+                up: false,
+                down: false,
+                left: false,
+                right: false
+            },
+            callBack: null,
+            
+            cancel: function() {
+                this.startX = 0;
+                this.startY = 0;
+                this.movingX = 0;
+                this.movingY = 0;
+                this.movingElement = false;
+                this.swipeDirection = {
+                    up: false,
+                    down: false,
+                    left: false,
+                    right: false
+                };
+            },
+            touchStart: function(event) {
+                if (event.touches[0].target && event.touches[0].target.type != undefined) {
+                    return;
+                }
+                if (event.touches.length == 1) {
+                    this.movingElement = true;
+                    this.startX = event.touches[0].pageX;
+                    this.startY = event.touches[0].pageY;
+                    event.preventDefault();
+                }
+            },
+            touchMove: function(event) {
+                if (this.movingElement == false)
+                    this.touchStart(event);
+                event.preventDefault();
+                if (event.touches.length > 1 || !this.movingElement) {
+                    this.cancel();
+                    return;
+                }
+                this.movingX = event.touches[0].pageX - this.startX;
+                this.movingY = event.touches[0].pageY - this.startY;
+            },
+            touchEnd: function(event) {
+                if (!this.movingElement)
+                    return;
+                event.preventDefault();
+                var swiped = false;
+                if (Math.abs(this.movingX) > this.hthreshold) {
+                    this.swipeDirection.right = this.movingX > 0;
+                    this.swipeDirection.left = this.movingX < 0;
+                    swiped = true;
+                }
+                if (Math.abs(this.movingY) > this.vthreshold) {
+                    this.swipeDirection.up = this.movingY < 0;
+                    this.swipeDirection.down = this.movingY > 0;
+                    swiped = true;
+                }
+                if (swiped && typeof (this.callBack == "function"))
+                    this.callBack(this.swipeDirection);
+                
+                this.cancel();
+            }
+        };
+        return swipeListener;
+    })();
+
+    // Helper function to get only
+   
+})(jq);

data/vendor/assets/javascripts/plugins/jq.template.js

@@ -0,0 +1,26 @@
+/**
+ * jq.web.template - a javascript template library
+ * Templating from John Resig - http://ejohn.org/ - MIT Licensed
+ */
+(function($) {
+    $["template"] = function(tmpl, data) {
+        return (template(tmpl, data));
+    };
+    $["tmpl"] = function(tmpl, data) {
+        return $(template(tmpl, data));
+    };
+    var template = function(str, data) {
+        //If there's no data, let's pass an empty object so the user isn't forced to.
+        if (!data)
+            data = {};
+        return tmpl(str, data);
+    };
+    
+    (function() {
+        var cache = {};
+        this.tmpl = function tmpl(str, data) {
+            var fn = !/\W/.test(str) ? cache[str] = cache[str] || tmpl(document.getElementById(str).innerHTML) : new Function("obj", "var p=[],print=function(){p.push.apply(p,arguments);};" + "with(obj){p.push('" + str.replace(/[\r\t\n]/g, " ").replace(/'(?=[^%]*%>)/g, "\t").split("'").join("\\'").split("\t").join("'").replace(/<%=(.+?)%>/g, "',$1,'").split("<%").join("');").split("%>").join("p.push('") + "');}return p.join('');");
+            return data ? fn(data) : fn;
+        };
+    })();
+})(jq);