--- a/web/res/metadataplayer/test/interface 1.2/source/ifxdrop.js Wed Apr 27 15:40:01 2011 +0200
+++ b/web/res/metadataplayer/test/interface 1.2/source/ifxdrop.js Wed Apr 27 18:54:31 2011 +0200
@@ -1,300 +1,300 @@
-/**
- * Interface Elements for jQuery
- * FX - drop
- *
- * http://interface.eyecon.ro
- *
- * Copyright (c) 2006 Stefan Petre
- * Dual licensed under the MIT (MIT-LICENSE.txt)
- * and GPL (GPL-LICENSE.txt) licenses.
- *
- *
- */
-
-/**
- * Applies a dropping effect to element
- */
-jQuery.fn.extend(
- {
- /**
- * @name DropOutDown
- * @description drops the element out down
- * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
- * @param Function callback (optional) A function to be executed whenever the animation completes.
- * @param String easing (optional) The name of the easing effect that you want to use.
- * @type jQuery
- * @cat Plugins/Interface
- * @author Stefan Petre
- */
- DropOutDown : function (speed, callback, easing) {
- return this.queue('interfaceFX',function(){
- new jQuery.fx.DropOutDirectiont(this, speed, callback, 'down', 'out', easing);
- });
- },
-
- /**
- * @name DropInDown
- * @description drops the element in down
- * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
- * @param Function callback (optional) A function to be executed whenever the animation completes.
- * @param String easing (optional) The name of the easing effect that you want to use.
- * @type jQuery
- * @cat Plugins/Interface
- * @author Stefan Petre
- */
- DropInDown : function (speed, callback, easing) {
- return this.queue('interfaceFX',function(){
- new jQuery.fx.DropOutDirectiont(this, speed, callback, 'down', 'in', easing);
- });
- },
-
- /**
- * @name DropToggleDown
- * @description drops the element in/out down
- * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
- * @param Function callback (optional) A function to be executed whenever the animation completes.
- * @param String easing (optional) The name of the easing effect that you want to use.
- * @type jQuery
- * @cat Plugins/Interface
- * @author Stefan Petre
- */
- DropToggleDown : function (speed, callback, easing) {
- return this.queue('interfaceFX',function(){
- new jQuery.fx.DropOutDirectiont(this, speed, callback, 'down', 'toggle', easing);
- });
- },
-
- /**
- * @name DropOutUp
- * @description drops the element out up
- * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
- * @param Function callback (optional) A function to be executed whenever the animation completes.
- * @param String easing (optional) The name of the easing effect that you want to use.
- * @type jQuery
- * @cat Plugins/Interface
- * @author Stefan Petre
- */
- DropOutUp : function (speed, callback, easing) {
- return this.queue('interfaceFX',function(){
- new jQuery.fx.DropOutDirectiont(this, speed, callback, 'up', 'out', easing);
- });
- },
-
- /**
- * @name DropInUp
- * @description drops the element in up
- * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
- * @param Function callback (optional) A function to be executed whenever the animation completes.
- * @param String easing (optional) The name of the easing effect that you want to use.
- * @type jQuery
- * @cat Plugins/Interface
- * @author Stefan Petre
- */
- DropInUp : function (speed, callback, easing) {
- return this.queue('interfaceFX',function(){
- new jQuery.fx.DropOutDirectiont(this, speed, callback, 'up', 'in', easing);
- });
- },
-
- /**
- * @name DropToggleUp
- * @description drops the element in/out up
- * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
- * @param Function callback (optional) A function to be executed whenever the animation completes.
- * @param String easing (optional) The name of the easing effect that you want to use.
- * @type jQuery
- * @cat Plugins/Interface
- * @author Stefan Petre
- */
- DropToggleUp : function (speed, callback, easing) {
- return this.queue('interfaceFX',function(){
- new jQuery.fx.DropOutDirectiont(this, speed, callback, 'up', 'toggle', easing);
- });
- },
-
- /**
- * @name DropOutLeft
- * @description drops the element out left
- * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
- * @param Function callback (optional) A function to be executed whenever the animation completes.
- * @param String easing (optional) The name of the easing effect that you want to use.
- * @type jQuery
- * @cat Plugins/Interface
- * @author Stefan Petre
- */
- DropOutLeft : function (speed, callback, easing) {
- return this.queue('interfaceFX',function(){
- new jQuery.fx.DropOutDirectiont(this, speed, callback, 'left', 'out', easing);
- });
- },
-
- /**
- * @name DropInLeft
- * @description drops the element in left
- * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
- * @param Function callback (optional) A function to be executed whenever the animation completes.
- * @param String easing (optional) The name of the easing effect that you want to use.
- * @type jQuery
- * @cat Plugins/Interface
- * @author Stefan Petre
- */
- DropInLeft : function (speed, callback, easing) {
- return this.queue('interfaceFX',function(){
- new jQuery.fx.DropOutDirectiont(this, speed, callback, 'left', 'in', easing);
- });
- },
-
- /**
- * @name DropToggleLeft
- * @description drops the element in/out left
- * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
- * @param Function callback (optional) A function to be executed whenever the animation completes.
- * @param String easing (optional) The name of the easing effect that you want to use.
- * @type jQuery
- * @cat Plugins/Interface
- * @author Stefan Petre
- */
- DropToggleLeft : function (speed, callback, easing) {
- return this.queue('interfaceFX',function(){
- new jQuery.fx.DropOutDirectiont(this, speed, callback, 'left', 'toggle', easing);
- });
- },
-
- /**
- * @name DropOutRight
- * @description drops the element out right
- * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
- * @param Function callback (optional) A function to be executed whenever the animation completes.
- * @param String easing (optional) The name of the easing effect that you want to use.
- * @type jQuery
- * @cat Plugins/Interface
- * @author Stefan Petre
- */
- DropOutRight : function (speed, callback, easing) {
- return this.queue('interfaceFX',function(){
- new jQuery.fx.DropOutDirectiont(this, speed, callback, 'right', 'out', easing);
- });
- },
-
- /**
- * @name DropInRight
- * @description drops the element in right
- * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
- * @param Function callback (optional) A function to be executed whenever the animation completes.
- * @param String easing (optional) The name of the easing effect that you want to use.
- * @type jQuery
- * @cat Plugins/Interface
- * @author Stefan Petre
- */
- DropInRight : function (speed, callback, easing) {
- return this.queue('interfaceFX',function(){
- new jQuery.fx.DropOutDirectiont(this, speed, callback, 'right', 'in', easing);
- });
- },
-
- /**
- * @name DropToggleRight
- * @description drops the element in/out right
- * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
- * @param Function callback (optional) A function to be executed whenever the animation completes.
- * @param String easing (optional) The name of the easing effect that you want to use.
- * @type jQuery
- * @cat Plugins/Interface
- * @author Stefan Petre
- */
- DropToggleRight : function (speed, callback, easing) {
- return this.queue('interfaceFX',function(){
- new jQuery.fx.DropOutDirectiont(this, speed, callback, 'right', 'toggle', easing);
- });
- }
- }
-);
-
-jQuery.fx.DropOutDirectiont = function (e, speed, callback, direction, type, easing)
-{
- if (!jQuery.fxCheckTag(e)) {
- jQuery.dequeue(e, 'interfaceFX');
- return false;
- }
- var z = this;
- z.el = jQuery(e);
- z.easing = typeof callback == 'string' ? callback : easing||null;
- z.oldStyle = {};
- z.oldStyle.position = z.el.css('position');
- z.oldStyle.top = z.el.css('top');
- z.oldStyle.left = z.el.css('left');
- if (!e.ifxFirstDisplay)
- e.ifxFirstDisplay = z.el.css('display');
- if ( type == 'toggle') {
- type = z.el.css('display') == 'none' ? 'in' : 'out';
- }
- z.el.show();
-
- if (z.oldStyle.position != 'relative' && z.oldStyle.position != 'absolute') {
- z.el.css('position', 'relative');
- }
- z.type = type;
- callback = typeof callback == 'function' ? callback : null;
- /*sizes = ['em','px','pt','%'];
- for(i in sizes) {
- if (z.oldStyle.top.indexOf(sizes[i])>0) {
- z.topUnit = sizes[1];
- z.topSize = parseFloat(z.oldStyle.top)||0;
- }
- if (z.oldStyle.left.indexOf(sizes[i])>0) {
- z.leftUnit = sizes[1];
- z.leftSize = parseFloat(z.oldStyle.left)||0;
- }
- }*/
-
- directionIncrement = 1;
- switch (direction){
- case 'up':
- z.e = new jQuery.fx(z.el.get(0), jQuery.speed(speed - 15, z.easing,callback), 'top');
- z.point = parseFloat(z.oldStyle.top)||0;
- z.unit = z.topUnit;
- directionIncrement = -1;
- break;
- case 'down':
- z.e = new jQuery.fx(z.el.get(0), jQuery.speed(speed - 15, z.easing,callback), 'top');
- z.point = parseFloat(z.oldStyle.top)||0;
- z.unit = z.topUnit;
- break;
- case 'right':
- z.e = new jQuery.fx(z.el.get(0), jQuery.speed(speed - 15, z.easing,callback), 'left');
- z.point = parseFloat(z.oldStyle.left)||0;
- z.unit = z.leftUnit;
- break;
- case 'left':
- z.e = new jQuery.fx(z.el.get(0), jQuery.speed(speed - 15, z.easing,callback), 'left');
- z.point = parseFloat(z.oldStyle.left)||0;
- z.unit = z.leftUnit;
- directionIncrement = -1;
- break;
- }
- z.e2 = new jQuery.fx(
- z.el.get(0),
- jQuery.speed
- (
- speed, z.easing,
- function()
- {
- z.el.css(z.oldStyle);
- if (z.type == 'out') {
- z.el.css('display', 'none');
- } else
- z.el.css('display', z.el.get(0).ifxFirstDisplay == 'none' ? 'block' : z.el.get(0).ifxFirstDisplay);
-
- jQuery.dequeue(z.el.get(0), 'interfaceFX');
- }
- ),
- 'opacity'
- );
- if (type == 'in') {
- z.e.custom(z.point+ 100*directionIncrement, z.point);
- z.e2.custom(0,1);
- } else {
- z.e.custom(z.point, z.point + 100*directionIncrement);
- z.e2.custom(1,0);
- }
+/**
+ * Interface Elements for jQuery
+ * FX - drop
+ *
+ * http://interface.eyecon.ro
+ *
+ * Copyright (c) 2006 Stefan Petre
+ * Dual licensed under the MIT (MIT-LICENSE.txt)
+ * and GPL (GPL-LICENSE.txt) licenses.
+ *
+ *
+ */
+
+/**
+ * Applies a dropping effect to element
+ */
+jQuery.fn.extend(
+ {
+ /**
+ * @name DropOutDown
+ * @description drops the element out down
+ * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
+ * @param Function callback (optional) A function to be executed whenever the animation completes.
+ * @param String easing (optional) The name of the easing effect that you want to use.
+ * @type jQuery
+ * @cat Plugins/Interface
+ * @author Stefan Petre
+ */
+ DropOutDown : function (speed, callback, easing) {
+ return this.queue('interfaceFX',function(){
+ new jQuery.fx.DropOutDirectiont(this, speed, callback, 'down', 'out', easing);
+ });
+ },
+
+ /**
+ * @name DropInDown
+ * @description drops the element in down
+ * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
+ * @param Function callback (optional) A function to be executed whenever the animation completes.
+ * @param String easing (optional) The name of the easing effect that you want to use.
+ * @type jQuery
+ * @cat Plugins/Interface
+ * @author Stefan Petre
+ */
+ DropInDown : function (speed, callback, easing) {
+ return this.queue('interfaceFX',function(){
+ new jQuery.fx.DropOutDirectiont(this, speed, callback, 'down', 'in', easing);
+ });
+ },
+
+ /**
+ * @name DropToggleDown
+ * @description drops the element in/out down
+ * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
+ * @param Function callback (optional) A function to be executed whenever the animation completes.
+ * @param String easing (optional) The name of the easing effect that you want to use.
+ * @type jQuery
+ * @cat Plugins/Interface
+ * @author Stefan Petre
+ */
+ DropToggleDown : function (speed, callback, easing) {
+ return this.queue('interfaceFX',function(){
+ new jQuery.fx.DropOutDirectiont(this, speed, callback, 'down', 'toggle', easing);
+ });
+ },
+
+ /**
+ * @name DropOutUp
+ * @description drops the element out up
+ * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
+ * @param Function callback (optional) A function to be executed whenever the animation completes.
+ * @param String easing (optional) The name of the easing effect that you want to use.
+ * @type jQuery
+ * @cat Plugins/Interface
+ * @author Stefan Petre
+ */
+ DropOutUp : function (speed, callback, easing) {
+ return this.queue('interfaceFX',function(){
+ new jQuery.fx.DropOutDirectiont(this, speed, callback, 'up', 'out', easing);
+ });
+ },
+
+ /**
+ * @name DropInUp
+ * @description drops the element in up
+ * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
+ * @param Function callback (optional) A function to be executed whenever the animation completes.
+ * @param String easing (optional) The name of the easing effect that you want to use.
+ * @type jQuery
+ * @cat Plugins/Interface
+ * @author Stefan Petre
+ */
+ DropInUp : function (speed, callback, easing) {
+ return this.queue('interfaceFX',function(){
+ new jQuery.fx.DropOutDirectiont(this, speed, callback, 'up', 'in', easing);
+ });
+ },
+
+ /**
+ * @name DropToggleUp
+ * @description drops the element in/out up
+ * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
+ * @param Function callback (optional) A function to be executed whenever the animation completes.
+ * @param String easing (optional) The name of the easing effect that you want to use.
+ * @type jQuery
+ * @cat Plugins/Interface
+ * @author Stefan Petre
+ */
+ DropToggleUp : function (speed, callback, easing) {
+ return this.queue('interfaceFX',function(){
+ new jQuery.fx.DropOutDirectiont(this, speed, callback, 'up', 'toggle', easing);
+ });
+ },
+
+ /**
+ * @name DropOutLeft
+ * @description drops the element out left
+ * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
+ * @param Function callback (optional) A function to be executed whenever the animation completes.
+ * @param String easing (optional) The name of the easing effect that you want to use.
+ * @type jQuery
+ * @cat Plugins/Interface
+ * @author Stefan Petre
+ */
+ DropOutLeft : function (speed, callback, easing) {
+ return this.queue('interfaceFX',function(){
+ new jQuery.fx.DropOutDirectiont(this, speed, callback, 'left', 'out', easing);
+ });
+ },
+
+ /**
+ * @name DropInLeft
+ * @description drops the element in left
+ * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
+ * @param Function callback (optional) A function to be executed whenever the animation completes.
+ * @param String easing (optional) The name of the easing effect that you want to use.
+ * @type jQuery
+ * @cat Plugins/Interface
+ * @author Stefan Petre
+ */
+ DropInLeft : function (speed, callback, easing) {
+ return this.queue('interfaceFX',function(){
+ new jQuery.fx.DropOutDirectiont(this, speed, callback, 'left', 'in', easing);
+ });
+ },
+
+ /**
+ * @name DropToggleLeft
+ * @description drops the element in/out left
+ * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
+ * @param Function callback (optional) A function to be executed whenever the animation completes.
+ * @param String easing (optional) The name of the easing effect that you want to use.
+ * @type jQuery
+ * @cat Plugins/Interface
+ * @author Stefan Petre
+ */
+ DropToggleLeft : function (speed, callback, easing) {
+ return this.queue('interfaceFX',function(){
+ new jQuery.fx.DropOutDirectiont(this, speed, callback, 'left', 'toggle', easing);
+ });
+ },
+
+ /**
+ * @name DropOutRight
+ * @description drops the element out right
+ * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
+ * @param Function callback (optional) A function to be executed whenever the animation completes.
+ * @param String easing (optional) The name of the easing effect that you want to use.
+ * @type jQuery
+ * @cat Plugins/Interface
+ * @author Stefan Petre
+ */
+ DropOutRight : function (speed, callback, easing) {
+ return this.queue('interfaceFX',function(){
+ new jQuery.fx.DropOutDirectiont(this, speed, callback, 'right', 'out', easing);
+ });
+ },
+
+ /**
+ * @name DropInRight
+ * @description drops the element in right
+ * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
+ * @param Function callback (optional) A function to be executed whenever the animation completes.
+ * @param String easing (optional) The name of the easing effect that you want to use.
+ * @type jQuery
+ * @cat Plugins/Interface
+ * @author Stefan Petre
+ */
+ DropInRight : function (speed, callback, easing) {
+ return this.queue('interfaceFX',function(){
+ new jQuery.fx.DropOutDirectiont(this, speed, callback, 'right', 'in', easing);
+ });
+ },
+
+ /**
+ * @name DropToggleRight
+ * @description drops the element in/out right
+ * @param Mixed speed animation speed, integer for miliseconds, string ['slow' | 'normal' | 'fast']
+ * @param Function callback (optional) A function to be executed whenever the animation completes.
+ * @param String easing (optional) The name of the easing effect that you want to use.
+ * @type jQuery
+ * @cat Plugins/Interface
+ * @author Stefan Petre
+ */
+ DropToggleRight : function (speed, callback, easing) {
+ return this.queue('interfaceFX',function(){
+ new jQuery.fx.DropOutDirectiont(this, speed, callback, 'right', 'toggle', easing);
+ });
+ }
+ }
+);
+
+jQuery.fx.DropOutDirectiont = function (e, speed, callback, direction, type, easing)
+{
+ if (!jQuery.fxCheckTag(e)) {
+ jQuery.dequeue(e, 'interfaceFX');
+ return false;
+ }
+ var z = this;
+ z.el = jQuery(e);
+ z.easing = typeof callback == 'string' ? callback : easing||null;
+ z.oldStyle = {};
+ z.oldStyle.position = z.el.css('position');
+ z.oldStyle.top = z.el.css('top');
+ z.oldStyle.left = z.el.css('left');
+ if (!e.ifxFirstDisplay)
+ e.ifxFirstDisplay = z.el.css('display');
+ if ( type == 'toggle') {
+ type = z.el.css('display') == 'none' ? 'in' : 'out';
+ }
+ z.el.show();
+
+ if (z.oldStyle.position != 'relative' && z.oldStyle.position != 'absolute') {
+ z.el.css('position', 'relative');
+ }
+ z.type = type;
+ callback = typeof callback == 'function' ? callback : null;
+ /*sizes = ['em','px','pt','%'];
+ for(i in sizes) {
+ if (z.oldStyle.top.indexOf(sizes[i])>0) {
+ z.topUnit = sizes[1];
+ z.topSize = parseFloat(z.oldStyle.top)||0;
+ }
+ if (z.oldStyle.left.indexOf(sizes[i])>0) {
+ z.leftUnit = sizes[1];
+ z.leftSize = parseFloat(z.oldStyle.left)||0;
+ }
+ }*/
+
+ directionIncrement = 1;
+ switch (direction){
+ case 'up':
+ z.e = new jQuery.fx(z.el.get(0), jQuery.speed(speed - 15, z.easing,callback), 'top');
+ z.point = parseFloat(z.oldStyle.top)||0;
+ z.unit = z.topUnit;
+ directionIncrement = -1;
+ break;
+ case 'down':
+ z.e = new jQuery.fx(z.el.get(0), jQuery.speed(speed - 15, z.easing,callback), 'top');
+ z.point = parseFloat(z.oldStyle.top)||0;
+ z.unit = z.topUnit;
+ break;
+ case 'right':
+ z.e = new jQuery.fx(z.el.get(0), jQuery.speed(speed - 15, z.easing,callback), 'left');
+ z.point = parseFloat(z.oldStyle.left)||0;
+ z.unit = z.leftUnit;
+ break;
+ case 'left':
+ z.e = new jQuery.fx(z.el.get(0), jQuery.speed(speed - 15, z.easing,callback), 'left');
+ z.point = parseFloat(z.oldStyle.left)||0;
+ z.unit = z.leftUnit;
+ directionIncrement = -1;
+ break;
+ }
+ z.e2 = new jQuery.fx(
+ z.el.get(0),
+ jQuery.speed
+ (
+ speed, z.easing,
+ function()
+ {
+ z.el.css(z.oldStyle);
+ if (z.type == 'out') {
+ z.el.css('display', 'none');
+ } else
+ z.el.css('display', z.el.get(0).ifxFirstDisplay == 'none' ? 'block' : z.el.get(0).ifxFirstDisplay);
+
+ jQuery.dequeue(z.el.get(0), 'interfaceFX');
+ }
+ ),
+ 'opacity'
+ );
+ if (type == 'in') {
+ z.e.custom(z.point+ 100*directionIncrement, z.point);
+ z.e2.custom(0,1);
+ } else {
+ z.e.custom(z.point, z.point + 100*directionIncrement);
+ z.e2.custom(1,0);
+ }
};
\ No newline at end of file