var FTableManager = 
{
	UpdateAttributes:function(to, from)
	{
		if(from.id) to.id = from.id;
		if(from.vAlign) to.vAlign = from.vAlign;
    if(from.align) to.align = from.align;
   	if(from.colSpan) to.colSpan = from.colSpan;
    if(from.className) to.className = from.className;
    if(from.style.backgroundColor) to.style.backgroundColor = from.style.backgroundColor;
	},
	Update:function(to, from)
	{
		Element.update(to, from.innerHTML);
		this.UpdateAttributes(to, from);
	},
	UpdateRowContent: function (rowElement, tr_content)
	{
		//Create Object
		var div = document.createElement('div');
		div.innerHTML = '<table>' + tr_content +'</table>';
		var tr = div.firstChild.rows[0];
	
		rowElement = $(rowElement);
		while(rowElement.cells.length)
			rowElement.deleteCell(0);
		for(var i = 0; i < tr.cells.length; i++ ) 
			this.Update(rowElement.insertCell(rowElement.cells.length), tr.cells[i]);
		
		div.innerHTML = "";
		this.UpdateAttributes(rowElement, tr);
	  this.Show(rowElement);
	},
	UpdateRowContentWithBackup:function(rowElement, tr_content)
	{
		rowElement = $(rowElement);
		rowElement.__backupInnerHTML = rowElement.innerHTML;
		this.UpdateRowContent(rowElement, tr_content);
	},
	RollBackRowContent:function(rowElement)
	{
		rowElement = $(rowElement);
		if(rowElement.__backupInnerHTML)
			this.UpdateRowContent(rowElement, "<tr>" + rowElement.__backupInnerHTML + "</tr>");
		
	},
	InsertRowContent: function (table_id, tr_content, options)
	{
		var table = $(table_id);
		var index = null;
		
		if(options)
		{
			if(options["before"])
				index = $(options["before"]).rowIndex;
			else if(options["after"])
				index = $(options["after"]).rowIndex + 1;
			else if(options["beforeIndex"])
				index = options["beforeIndex"];
			else if (options["afterIndex"])
				index = options["afterIndex"] + 1;
		}
		if(!index)
			index = table.rows.length;
		
		var new_tr = table.insertRow(index);
    $(new_tr).hide();
		this.UpdateRowContent(new_tr, tr_content);
	},
  Hide:function(rowElement)
  {
  	  var element = $(rowElement);
	  new Effect.Parallel([
		new Effect.Highlight(element.id, {startcolor: '#ffffff',endcolor: '#ff0000',duration: 0.5}),
		new Effect.Fade(element.id, {duration: 0.5}) ]);
  },
  Remove:function(rowElement)
  {
  	 var element = $(rowElement);
	 new Effect.Parallel([
		new Effect.Highlight(element.id, {startcolor: '#ffffff',endcolor: '#ff0000',duration: 0.5}),
		new Effect.Fade(element.id, {duration: 0.5}) ],
		{
			afterFinish:function() { element.remove();}
		});
  },
  Show:function(rowElement)
  {
     var element = $(rowElement);
	   new Effect.Parallel([
     	new Effect.Appear(element),
     	new Effect.Highlight (element)]);
  }
}

Element.HoverObserver = Class.create();
Element.HoverObserver.getInstance = function (element) {
	var element = $(element);
	if(element.hoverObserverInstance)
		return element.hoverObserverInstance;
	else
		return new Element.HoverObserver(element)
}
Element.HoverObserver.prototype = {
    initialize: function(element) {
        this.element = $(element);
        this.element.hoverObserverInstance = this;
		this.hintElement = this.element.select('.hover_task').first();
		this.active = true;
		
	   	Event.observe(this.element, 'mouseover', this.registerCallback.bind(this));
		Event.observe(this.element, 'mouseout', this.cancelCallback.bind(this));
    },
    registerCallback: function(event) {
		if (!this.active) return;
        if (this.timer) clearTimeout(this.timer);
		this.timer = setTimeout(this.show.bind(this), 100);
    },
    cancelCallback: function(event) {
		if (!this.active) return;
        if (this.timer) clearTimeout(this.timer);
		this.timer = setTimeout(this.hide.bind(this), 1000);
		
    },
    show: function() {
		var size = Element.getDimensions(this.element);
		var pos = Position.cumulativeOffset(this.element);
		var hintSize = Element.getDimensions(this.hintElement);
		
		this.hintElement.setStyle(
		{
			position : 'absolute',
			left: pos[0] + (size.width + 10) + "px",
			top : pos[1] + ((size.height - hintSize.height) / 2) + "px"
		});
		this.hintElement.show();
    },
	hide: function() {
		this.hintElement.hide();
    }	
}