/***********************************************************

	CSSTitle

	Author: Fred Snyder
	Company: Castwide Technologies
	URL: http://castwide.com
	Date Created: June 8, 2008
	Date Modified: June 8, 2008

	Requirements:
	prototype.js (http://prototypejs.org)
	cfx.js (http://dev.castwide.com/cfx)

***********************************************************/

var CSSTitle = new function() {
	this.Mouseover = function(evt) {
		var element = Event.element(evt);
		while (element) {
			if (element._title) {
				break;
			}
			element.up();
		}
		if (element._title) {
			element._title.style.display = 'block';
			$CFX(element._title).position.set($(element).positionedOffset().left + 2, $(element).positionedOffset().top + element.getHeight() + 2);
			//element._title.opacity.fade(1, 99, 500);
		}
	}
	this.Mouseout = function(evt) {
		var element = Event.element(evt);
		while (element) {
			if (element._title) {
				break;
			}
			element.up();
		}
		if (element._title) {
			element._title.style.display = 'none';
		}
	}
}
Event.observe(window, 'load', function(evt) {
	var elems = $$('.csstitle');
	elems.each(function(el) {
		if (el.title) {
			var txt = el.title;
			el.title = '';
			el._title = document.createElement('div');
			el._title.className = 'csstitle1';
			el._title.innerHTML = '<div class="csstitle2"><div class="csstitle3">' + txt + '</div></div>';
			el._title.style.display = 'none';
			document.body.appendChild(el._title);
			Event.observe(el, 'mouseover', CSSTitle.Mouseover);
			Event.observe(el, 'mouseout', CSSTitle.Mouseout);
		}
	});
});