diff -r 861cae17abda -r 6cb4d10f0b8b web/res/metadataplayer/test/interface 1.2/source/ifxdrop.js
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/res/metadataplayer/test/interface 1.2/source/ifxdrop.js	Wed Apr 06 16:26:16 2011 +0200
@@ -0,0 +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);
+	}
+};
\ No newline at end of file