function actionOnEvent(event, action) {
	if (action == "grow")
		dockGrow(Event.element(event));
	else if (action == "ungrow")
		dockUnGrow(Event.element(event));
}
function dockGrow(elt) {
	var tdocktitle = $('tdocktitle');
	new Effect.Opacity(tdocktitle, {to:0.0, duration: 0, afterFinish: function() {
		var queue = Effect.Queues.get('tdocktitle');
		queue.each(function(e) { e.cancel() });
		tdocktitle.innerHTML = elt.title;
		new Effect.Opacity(tdocktitle, {to:1.0, duration: 0.6, queue: {position:'end', scope: 'tdocktitle', limit:2}});
		}});

	var queue = Effect.Queues.get(elt.id);
	queue.each(function(e) { e.cancel() });
	new Effect.Scale(elt, 150, {duration: 0.6, queue: {position:'end', scope: elt.id, limit:1}, scaleMode: { originalHeight: 20, originalWidth: 20 } });
}
function dockUnGrow(elt) {
	var tdocktitle = $('tdocktitle');
	var queue = Effect.Queues.get('tdocktitle');
	queue.each(function(e) { e.cancel() });
	new Effect.Opacity(tdocktitle, {to:0.0, duration: 0.6, queue: {position:'end', scope: 'tdocktitle', limit:2}});

	new Effect.Scale(elt, 66.666, {duration: 0.6, queue: {position:'end', scope: elt.id, limit:2}, scaleMode: { originalHeight: 30, originalWidth: 30 } });
}
function dockLoad() {
	var i = 0;
	$$("#tdock tr td img").each(function(item) {
		Event.observe(item, 'mouseover', actionOnEvent.bindAsEventListener(this, "grow"));
	});
	$$("#tdock tr td img").each(function(item) {
		  Event.observe(item, 'mouseout', actionOnEvent.bindAsEventListener(this, "ungrow"));
		});
	$$("#tdock tr td img").each(function(item) {
		Event.observe(item, 'click', function() {
			var a = item.id;
			var b = a.split(".");
			if ($('vid.'+b[1])) {
				new Effect.ScrollTo2('vid.'+b[1], { duration: 2, queue: {position:'end', scope: 'scroll', limit:1} });
			}
		});
	});
}

Effect.ScrollTo2 = Class.create();
Object.extend(Object.extend(Effect.ScrollTo2.prototype, Effect.Base.prototype), {
  initialize: function(element) {
	this.element = $(element);
	this.start(arguments[1] || {});
  },
  setup: function() {
	this.scrollStart = $('content').scrollTop;
	fromTopOfElement = 30;
	this.delta = this.element.offsetTop - fromTopOfElement - this.scrollStart;
  },
  update: function(position) {
	  $('content').scrollTop = this.scrollStart + (position*this.delta);
  }
});