var Tips = Class.create();
Tips.prototype = {
	initialize: function(elmnts, eclass) {
		this.elements = elmnts;
		this.class_name = eclass;
		this.elements.each(function(item){
			
			item.setAttribute('rel', item.getAttribute('title'));
			item.removeAttribute('title');

			Event.observe(item, 'mouseover', function(event) {
				var dv; var dv_t; var dv_c;
				var elmnt = Event.element(event);
				
				if(!$('mtip')) {
					// create div //
					dv = document.createElement('div');
					dv.setAttribute('id','mtip');
					dv.className='tips-tip';
					
					dv_t = document.createElement('div');
					dv_t.setAttribute('id','mtipt');
					dv_t.className='tips-title';
					dv.appendChild(dv_t);
					
					dv_c = document.createElement('div');
					dv_c.setAttribute('id','mtipc');
					dv_c.className='tips-text';
					dv.appendChild(dv_c);
					document.getElementsByTagName('body')[0].appendChild(dv);
				} else {
					dv = $('mtip');
					dv_c = $('mtipc');
					dv_t = $('mtipt');
					dv.style.display='block';
				}
				
				var pos = Position.cumulativeOffset(elmnt);
				var dims = elmnt.getDimensions();
				dv.style.left=(pos[0]+dims.width)+'px';
				dv.style.top=(pos[1]+dims.height)+'px';
				var mtxt=elmnt.getAttribute('rel').split('::');
				dv_t.innerHTML=mtxt[0];
				dv_c.innerHTML=mtxt[1];
			});

			Event.observe(item, 'mouseout', function(event) {
				
				window.setTimeout(function (){$('mtip').style.display='none'}, 250);
			});
		});
	}
}