pixl-xyapp 2.1.0

package/js/dialog.js

@@ -0,0 +1,385 @@
+// Dialog Tools
+// Author: Joseph Huckaby
+
+var Dialog = {
+	
+	active: false,
+	clickBlock: false,
+	progress: null,
+	onHide: null,
+	
+	show: function(html, click_block) {
+		// show dialog, auto-size and center
+		this.clickBlock = click_block || false;
+		
+		var temp = $('<div/>').addClass('dialog').css({
+			position: 'absolute',
+			visibility: 'hidden'
+		}).html(html).appendTo('body');
+		
+		// var width = temp.width();
+		// var height = temp.height();
+		var width = temp[0].offsetWidth;
+		var height = temp[0].offsetHeight;
+		temp.remove();
+		
+		var size = get_inner_window_size();
+		var x = Math.floor( (size.width / 2) - ((width + 0) / 2) );
+		var y = Math.floor( ((size.height / 2) - (height / 2)) * 0.75 );
+		
+		if ($('#dialog_overlay').length) {
+			$('#dialog_overlay').stop().remove();
+		}
+		
+		var $overlay = $('<div id="dialog_overlay"></div>').css('opacity', 0);
+		$('body').append($overlay);
+		
+		$overlay.fadeTo( 500, 0.75 ).on('mouseup', function() {
+			if (!Dialog.clickBlock) {
+				if (Dialog.active == 'confirmation') Dialog.confirm_click(false);
+				else Dialog.hide();
+			}
+		});
+		
+		if ($('#dialog').length) {
+			$('#dialog').stop().remove();
+		}
+		
+		var $dialog = $('<div id="dialog" class="dialog"></div>').css({
+			opacity: 0,
+			left: '' + x + 'px',
+			top: '' + y + 'px'
+		}).html( html );
+		
+		$('body').append($dialog);
+		$dialog.fadeTo( 250, 1.0 );
+		
+		this.active = true;
+		unscroll();
+	},
+	
+	autoResize: function() {
+		// automatically resize dialog to match changed content size
+		if (!this.active) return;
+		
+		var $dialog = $('#dialog');
+		// var width = $dialog.width();
+		// var height = $dialog.height();
+		var width = $dialog[0].offsetWidth;
+		var height = $dialog[0].offsetHeight;
+		
+		var size = get_inner_window_size();
+		var x = Math.floor( (size.width / 2) - ((width + 0) / 2) );
+		var y = Math.floor( ((size.height / 2) - (height / 2)) * 0.75 );
+		
+		$dialog.css({
+			left: '' + x + 'px',
+			top: '' + y + 'px'
+		});
+	},
+	
+	hide: function() {
+		// hide dialog
+		if (this.active) {
+			$('#dialog').stop().fadeOut( 250, function() { $(this).remove(); } );
+			$('#dialog_overlay').stop().fadeOut( 300, function() { $(this).remove(); } );
+			this.active = false;
+			unscroll.reset();
+			
+			if (this.onHide) {
+				// one time hook for hide
+				var callback = this.onHide;
+				this.onHide = null;
+				callback();
+			}
+		}
+	},
+	
+	hideProgress: function() {
+		// hide progress dialog
+		this.hide();
+		delete this.progress;
+	},
+	
+	showProgress: function(counter, title) {
+		// show or update progress bar
+		if (!$('#d_progress_bar').length) {
+			// no progress dialog is active, so set it up
+			if (!counter) counter = 0;
+			if (counter < 0) counter = 0;
+			if (counter > 1) counter = 1;
+			var cx = Math.floor( counter * 196 );
+			
+			var html = '';
+			html += '<div style="padding:15px;">';
+			html += '<div id="d_progress_title" class="dialog_title" style="text-align:center; margin-bottom:15px;">' + title + '</div>';
+			
+			var extra_classes = '';
+			if (counter == 1.0) extra_classes = 'indeterminate';
+			
+			html += '<div id="d_progress_bar_cont" class="progress_bar_container '+extra_classes+'" style="width:196px; margin:0 auto 0 auto;">';
+				html += '<div id="d_progress_bar" class="progress_bar_inner" style="width:'+cx+'px;"></div>';
+			html += '</div>';
+			
+			html += '</div>';
+			app.hideMessage();
+			this.show( html, true );
+			
+			this.progress = {
+				start_counter: counter,
+				counter: counter,
+				counter_max: 1,
+				start_time: hires_time_now(),
+				last_update: hires_time_now(),
+				title: title
+			};
+		}
+		else if (this.progress) {
+			// progress dialog is active, so update existing elements
+			var now = hires_time_now();
+			var cx = Math.floor( counter * 196 );
+			$('#d_progress_bar').css( 'width', '' + cx + 'px' );
+			
+			var prog_cont = $('#d_progress_bar_cont');
+			if ((counter == 1.0) && !prog_cont.hasClass('indeterminate')) prog_cont.addClass('indeterminate');
+			else if ((counter < 1.0) && prog_cont.hasClass('indeterminate')) prog_cont.removeClass('indeterminate');
+			
+			if (title) this.progress.title = title;
+			$('#d_progress_title').html( this.progress.title );
+			
+			this.progress.last_update = now;
+			this.progress.counter = counter;
+		}
+	},
+	
+	showSimpleDialog: function(title, inner_html, buttons_html) {
+		// show simple dialog with title, content and buttons
+		var html = '';
+		html += '<div class="dialog_title">' + title + '</div>';
+		html += '<div class="dialog_content">' + inner_html + '</div>';
+		html += '<div class="dialog_buttons">' + buttons_html + '</div>';
+		
+		this.show( html );
+		
+		// add hover tooltips to mobile_collapse buttons
+		$('#dialog .dialog_buttons .button.mobile_collapse').each( function() {
+			var $this = $(this);
+			$this.attr('title', $this.find('span').text() );
+		} );
+	},
+	
+	confirm: function(title, html, ok_btn_label, callback) {
+		// show simple OK / Cancel dialog with custom text
+		// fires callback with true (OK) or false (Cancel)
+		if (!ok_btn_label) ok_btn_label = ['check-circle', "OK"];
+		this.confirm_callback = callback;
+		
+		var inner_html = "";
+		if (html.match(/^</)) inner_html = html;
+		else inner_html += '<div class="confirm_container">'+html+'</div>';
+		
+		if (isa_array(ok_btn_label)) {
+			ok_btn_label = '<i class="mdi mdi-' + ok_btn_label[0] + '">&nbsp;</i><span>' + ok_btn_label[1] + '</span>';
+		}
+		
+		var buttons_html = "";
+		buttons_html += '<div id="btn_dialog_cancel" class="button" onClick="Dialog.confirm_click(false)"><i class="mdi mdi-close-circle-outline">&nbsp;</i>Cancel</div>';
+		buttons_html += '<div id="btn_dialog_confirm" class="button primary" onClick="Dialog.confirm_click(true)">' + ok_btn_label + '</div>';
+		
+		this.showSimpleDialog( title, inner_html, buttons_html );
+		
+		// special mode for key capture
+		Dialog.active = 'confirmation';
+		
+		setTimeout( function() {
+			// hold alt/opt key to immediately click default button
+			if (app.lastClick.altKey) return Dialog.confirm_click(true);
+		}, 1 );
+	},
+	
+	confirmDanger: function(title, html, ok_btn_label, callback) {
+		// show simple OK / Cancel dialog with custom text
+		// fires callback with true (OK) or false (Cancel)
+		if (!ok_btn_label) ok_btn_label = ['check-circle', "OK"];
+		this.confirm_callback = callback;
+		
+		var inner_html = "";
+		if (html.match(/^</)) inner_html = html;
+		else inner_html += '<div class="confirm_container">'+html+'</div>';
+		
+		if (isa_array(ok_btn_label)) {
+			ok_btn_label = '<i class="mdi mdi-' + ok_btn_label[0] + '">&nbsp;</i><span>' + ok_btn_label[1] + '</span>';
+		}
+		
+		var buttons_html = "";
+		buttons_html += '<div id="btn_dialog_cancel" class="button" onMouseUp="Dialog.confirm_click(false)"><i class="mdi mdi-close-circle-outline">&nbsp;</i>Cancel</div>';
+		buttons_html += '<div id="btn_dialog_confirm" class="button delete" onMouseUp="Dialog.confirm_click(true)">'+ok_btn_label+'</div>';
+		
+		this.showSimpleDialog( '<span class="danger">' + title + '</span>', inner_html, buttons_html );
+		
+		// special mode for key capture
+		Dialog.active = 'confirmation';
+		
+		setTimeout( function() {
+			// hold alt/opt key to immediately click default button
+			if (app.lastClick.altKey) return Dialog.confirm_click(true);
+		}, 1 );
+	},
+	
+	confirm_click: function(result) {
+		// user clicked OK or Cancel in confirmation dialog, fire callback
+		// caller MUST deal with Dialog.hide() if result is true
+		if (this.confirm_callback) {
+			this.confirm_callback(result);
+			if (!result) this.hide();
+		}
+	},
+	
+	confirm_key: function(event) {
+		// handle keydown with active confirmation dialog
+		if ((this.active === 'editor') && (event.keyCode == 27)) {
+			// enable esc key for editor dialogs (codemirror)
+			Dialog.hide();
+			return;
+		}
+		
+		if (this.active !== 'confirmation') return;
+		if ((event.keyCode != 13) && (event.keyCode != 27)) return;
+		
+		// skip enter check if textarea is active
+		if (document.activeElement && (event.keyCode == 13)) {
+			if ($(document.activeElement).prop('type') == 'textarea') return;
+		}
+		
+		event.stopPropagation();
+		event.preventDefault();
+		
+		if (event.keyCode == 13) this.confirm_click(true);
+		else if (event.keyCode == 27) this.confirm_click(false);
+	}
+	
+};
+
+// Code Editor
+
+var CodeEditor = {
+	
+	active: false,
+	onHide: null,
+	
+	show: function(html) {
+		// show dialog, auto-size and center
+		var temp = $('<div/>').addClass('dialog').css({
+			position: 'absolute',
+			visibility: 'hidden'
+		}).html(html).appendTo('body');
+		
+		// var width = temp.width();
+		// var height = temp.height();
+		var width = temp[0].offsetWidth;
+		var height = temp[0].offsetHeight;
+		temp.remove();
+		
+		var size = get_inner_window_size();
+		var x = Math.floor( (size.width / 2) - ((width + 0) / 2) );
+		var y = Math.floor( ((size.height / 2) - (height / 2)) * 0.75 );
+		
+		if ($('#ceditor_overlay').length) {
+			$('#ceditor_overlay').stop().remove();
+		}
+		
+		var $overlay = $('<div id="ceditor_overlay"></div>').css('opacity', 0);
+		$('body').append($overlay);
+		
+		$overlay.fadeTo( 500, 0.75 ).on('mouseup', function() {
+			CodeEditor.hide();
+		});
+		
+		if ($('#ceditor').length) {
+			$('#ceditor').stop().remove();
+		}
+		
+		var $dialog = $('<div class="dialog" id="ceditor"></div>').css({
+			opacity: 0,
+			left: '' + x + 'px',
+			top: '' + y + 'px'
+		}).html( html );
+		
+		$('body').append($dialog);
+		$dialog.fadeTo( 250, 1.0 );
+		
+		this.active = true;
+		
+		// only do the unscroll thing if another dialog isn't active under us
+		if (!Dialog.active) unscroll();
+	},
+	
+	autoResize: function() {
+		// automatically resize dialog to match changed content size
+		if (!this.active) return;
+		
+		var $dialog = $('#ceditor');
+		// var width = $dialog.width();
+		// var height = $dialog.height();
+		var width = $dialog[0].offsetWidth;
+		var height = $dialog[0].offsetHeight;
+		
+		var size = get_inner_window_size();
+		var x = Math.floor( (size.width / 2) - ((width + 0) / 2) );
+		var y = Math.floor( ((size.height / 2) - (height / 2)) * 0.75 );
+		
+		$dialog.css({
+			left: '' + x + 'px',
+			top: '' + y + 'px'
+		});
+	},
+	
+	hide: function() {
+		// hide dialog
+		if (this.active) {
+			$('#ceditor').stop().fadeOut( 250, function() { $(this).remove(); } );
+			$('#ceditor_overlay').stop().fadeOut( 300, function() { $(this).remove(); } );
+			this.active = false;
+			
+			// only release scroll lock if another dialog isn't active under us
+			if (!Dialog.active) unscroll.reset();
+			
+			if (this.onHide) {
+				// one time hook for hide
+				var callback = this.onHide;
+				this.onHide = null;
+				callback();
+			}
+		}
+	},
+	
+	showSimpleDialog: function(title, inner_html, buttons_html) {
+		// show simple dialog with title, content and buttons
+		var html = '';
+		html += '<div class="dialog_title">' + title + '</div>';
+		html += '<div class="dialog_content">' + inner_html + '</div>';
+		html += '<div class="dialog_buttons">' + buttons_html + '</div>';
+		
+		this.show( html );
+		
+		// add hover tooltips to mobile_collapse buttons
+		$('#ceditor .dialog_buttons .button.mobile_collapse').each( function() {
+			var $this = $(this);
+			$this.attr('title', $this.find('span').text() );
+		} );
+	},
+	
+	handleKeyDown: function(event) {
+		// intercept keydown for custom actions
+		if (!this.active) return;
+		
+		if (this.onKeyDown) {
+			this.onKeyDown(event);
+		}
+		else if (event.keyCode == 27) {
+			event.preventDefault();
+			this.hide();
+		}
+	},
+	
+}; // CodeEditor

package/js/misc.js

@@ -0,0 +1,311 @@
+// Misc 3rd party utilities for Orchestra
+
+$.fn.innerBounds = function() {
+	// compute outer bounds of child elements
+	// (for non-measurable elems like ul w/display:contents)
+	var $this = this.length > 1 ? this.eq(0) : this;
+	var bounds = { left:-1, top:-1, right:-1, bottom:-1 };
+	
+	$this.children().each( function() {
+		var temp = this.getBoundingClientRect();
+		if (temp.width && temp.height) {
+			if ((bounds.left == -1) || (temp.left < bounds.left)) bounds.left = temp.left;
+			if ((bounds.top == -1) || (temp.top < bounds.top)) bounds.top = temp.top;
+			if ((bounds.right == -1) || (temp.right > bounds.right)) bounds.right = temp.right;
+			if ((bounds.bottom == -1) || (temp.bottom > bounds.bottom)) bounds.bottom = temp.bottom;
+		}
+	} );
+	
+	bounds.left += window.scrollX;
+	bounds.top += window.scrollY;
+	bounds.right += window.scrollX;
+	bounds.bottom += window.scrollY;
+	
+	bounds.x = bounds.left;
+	bounds.y = bounds.top;
+	bounds.width = bounds.right - bounds.left;
+	bounds.height = bounds.bottom - bounds.top;
+	
+	return bounds;
+};
+
+// ----------------------------------------------
+// https://github.com/teamdf/jquery-visible
+(function($){
+	/**
+	 * Copyright 2012, Digital Fusion
+	 * Licensed under the MIT license.
+	 * http://teamdf.com/jquery-plugins/license/
+	 *
+	 * @author Sam Sehnert
+	 * @desc A small plugin that checks whether elements are within
+	 *	   the user visible viewport of a web browser.
+	 *	   only accounts for vertical position, not horizontal.
+	 */
+	var $w = $(window);
+	$.fn.visible = function(partial,hidden,direction){
+
+		if (this.length < 1)
+			return;
+
+		var $t		= this.length > 1 ? this.eq(0) : this,
+			t		 = $t.get(0),
+			vpWidth   = $w.width(),
+			vpHeight  = $w.height(),
+			direction = (direction) ? direction : 'both',
+			clientSize = hidden === true ? t.offsetWidth * t.offsetHeight : true;
+
+		if (typeof t.getBoundingClientRect === 'function'){
+
+			// Use this native browser method, if available.
+			var rec = t.getBoundingClientRect(),
+				tViz = rec.top	>= 0 && rec.top	<  vpHeight,
+				bViz = rec.bottom >  0 && rec.bottom <= vpHeight,
+				lViz = rec.left   >= 0 && rec.left   <  vpWidth,
+				rViz = rec.right  >  0 && rec.right  <= vpWidth,
+				vVisible   = partial ? tViz || bViz : tViz && bViz,
+				hVisible   = partial ? lViz || rViz : lViz && rViz;
+
+			if(direction === 'both')
+				return clientSize && vVisible && hVisible;
+			else if(direction === 'vertical')
+				return clientSize && vVisible;
+			else if(direction === 'horizontal')
+				return clientSize && hVisible;
+		} else {
+
+			var viewTop		 = $w.scrollTop(),
+				viewBottom	  = viewTop + vpHeight,
+				viewLeft		= $w.scrollLeft(),
+				viewRight	   = viewLeft + vpWidth,
+				offset		  = $t.offset(),
+				_top			= offset.top,
+				_bottom		 = _top + $t.height(),
+				_left		   = offset.left,
+				_right		  = _left + $t.width(),
+				compareTop	  = partial === true ? _bottom : _top,
+				compareBottom   = partial === true ? _top : _bottom,
+				compareLeft	 = partial === true ? _right : _left,
+				compareRight	= partial === true ? _left : _right;
+
+			if(direction === 'both')
+				return !!clientSize && ((compareBottom <= viewBottom) && (compareTop >= viewTop)) && ((compareRight <= viewRight) && (compareLeft >= viewLeft));
+			else if(direction === 'vertical')
+				return !!clientSize && ((compareBottom <= viewBottom) && (compareTop >= viewTop));
+			else if(direction === 'horizontal')
+				return !!clientSize && ((compareRight <= viewRight) && (compareLeft >= viewLeft));
+		}
+	};
+
+})(jQuery);
+
+// onFontReady v1.1.0 (MIT License)
+// https://github.com/dwighthouse/onfontready/blob/master/LICENSE
+window.onfontready=function(e,t,i,n,o){i=i||0,i.timeoutAfter&&setTimeout(function(){n&&(document.body.removeChild(n),n=0,i.onTimeout&&i.onTimeout())},i.timeoutAfter),o=function(){n&&n.firstChild.clientWidth==n.lastChild.clientWidth&&(document.body.removeChild(n),n=0,t())},o(document.body.appendChild(n=document.createElement("div")).innerHTML='<div style="position:fixed;white-space:pre;bottom:999%;right:999%;font:999px '+(i.generic?"":"'")+e+(i.generic?"":"'")+',serif">'+(i.sampleText||" ")+'</div><div style="position:fixed;white-space:pre;bottom:999%;right:999%;font:999px '+(i.generic?"":"'")+e+(i.generic?"":"'")+',monospace">'+(i.sampleText||" ")+"</div>"),n&&(n.firstChild.appendChild(e=document.createElement("iframe")).style.width="999%",e.contentWindow.onresize=o,n.lastChild.appendChild(e=document.createElement("iframe")).style.width="999%",e.contentWindow.onresize=o,e=setTimeout(o))};
+window.onfontsready=function(e,t,n,o,i){for(n=n||0,o=i=0;o<e.length;o++)window.onfontready(e[o],function(){++i>=e.length&&t()},{timeoutAfter:n.timeoutAfter,sampleText:n.sampleText instanceof Array?n.sampleText[o]:n.sampleText,generic:n.generic instanceof Array?n.generic[o]:n.generic});n.timeoutAfter&&n.onTimeout&&setTimeout(function(){i<e.length&&n.onTimeout(i=NaN)},n.timeoutAfter)};
+
+/*
+ * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+ *
+ * Uses the built in easing capabilities added In jQuery 1.1
+ * to offer multiple easing options
+ *
+ * TERMS OF USE - jQuery Easing
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2008 George McGinley Smith
+ * All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without modification, 
+ * are permitted provided that the following conditions are met:
+ * 
+ * Redistributions of source code must retain the above copyright notice, this list of 
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list 
+ * of conditions and the following disclaimer in the documentation and/or other materials 
+ * provided with the distribution.
+ * 
+ * Neither the name of the author nor the names of contributors may be used to endorse 
+ * or promote products derived from this software without specific prior written permission.
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
+ * OF THE POSSIBILITY OF SUCH DAMAGE. 
+ *
+*/
+
+// t: current time, b: begInnIng value, c: change In value, d: duration
+jQuery.easing['jswing'] = jQuery.easing['swing'];
+
+jQuery.extend( jQuery.easing,
+{
+	def: 'easeOutQuad',
+	swing: function (x, t, b, c, d) {
+		//alert(jQuery.easing.default);
+		return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+	},
+	easeInQuad: function (x, t, b, c, d) {
+		return c*(t/=d)*t + b;
+	},
+	easeOutQuad: function (x, t, b, c, d) {
+		return -c *(t/=d)*(t-2) + b;
+	},
+	easeInOutQuad: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t + b;
+		return -c/2 * ((--t)*(t-2) - 1) + b;
+	},
+	easeInCubic: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t + b;
+	},
+	easeOutCubic: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t + 1) + b;
+	},
+	easeInOutCubic: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t + b;
+		return c/2*((t-=2)*t*t + 2) + b;
+	},
+	easeInQuart: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t + b;
+	},
+	easeOutQuart: function (x, t, b, c, d) {
+		return -c * ((t=t/d-1)*t*t*t - 1) + b;
+	},
+	easeInOutQuart: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
+		return -c/2 * ((t-=2)*t*t*t - 2) + b;
+	},
+	easeInQuint: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t*t + b;
+	},
+	easeOutQuint: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t*t*t + 1) + b;
+	},
+	easeInOutQuint: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+		return c/2*((t-=2)*t*t*t*t + 2) + b;
+	},
+	easeInSine: function (x, t, b, c, d) {
+		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+	},
+	easeOutSine: function (x, t, b, c, d) {
+		return c * Math.sin(t/d * (Math.PI/2)) + b;
+	},
+	easeInOutSine: function (x, t, b, c, d) {
+		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+	},
+	easeInExpo: function (x, t, b, c, d) {
+		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+	},
+	easeOutExpo: function (x, t, b, c, d) {
+		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+	},
+	easeInOutExpo: function (x, t, b, c, d) {
+		if (t==0) return b;
+		if (t==d) return b+c;
+		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
+		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+	},
+	easeInCirc: function (x, t, b, c, d) {
+		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+	},
+	easeOutCirc: function (x, t, b, c, d) {
+		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+	},
+	easeInOutCirc: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
+	},
+	easeInElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+	},
+	easeOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
+	},
+	easeInOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+	},
+	easeInBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*(t/=d)*t*((s+1)*t - s) + b;
+	},
+	easeOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+	},
+	easeInOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158; 
+		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+	},
+	easeInBounce: function (x, t, b, c, d) {
+		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+	},
+	easeOutBounce: function (x, t, b, c, d) {
+		if ((t/=d) < (1/2.75)) {
+			return c*(7.5625*t*t) + b;
+		} else if (t < (2/2.75)) {
+			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+		} else if (t < (2.5/2.75)) {
+			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+		} else {
+			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+		}
+	},
+	easeInOutBounce: function (x, t, b, c, d) {
+		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+	}
+});
+
+/*
+ *
+ * TERMS OF USE - EASING EQUATIONS
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2001 Robert Penner
+ * All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without modification, 
+ * are permitted provided that the following conditions are met:
+ * 
+ * Redistributions of source code must retain the above copyright notice, this list of 
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list 
+ * of conditions and the following disclaimer in the documentation and/or other materials 
+ * provided with the distribution.
+ * 
+ * Neither the name of the author nor the names of contributors may be used to endorse 
+ * or promote products derived from this software without specific prior written permission.
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
+ * OF THE POSSIBILITY OF SUCH DAMAGE. 
+ *
+ */