// JavaScript Document
Tooltip = function(){
	Ext.onReady(this.init, this);
}

Ext.extend(Tooltip, Ext.util.Observable, {
	init: function(){
		var tipEl = Ext.get('tooltip');
		var items = Ext.select('img[rel=tip]');
		for(var i = 0; i < items.getCount(); i ++){
			//if(items.item(i).dom.getAttribute('tipID')){
				items.item(i).on('mouseover', function(e){
					var tipID = e.getTarget().getAttribute('tipID');
					var tipContent = Ext.get(tipID).dom.innerHTML;
					tipEl.update(tipContent);
					tipEl.setVisible(true);
				});
				
				items.item(i).on('mousemove', function(e){
					tipEl.setX(e.getPageX()+10);
					tipEl.setY(e.getPageY()+10);
				});
				items.item(i).on('mouseout', function(e){
					tipEl.setVisible(false);								  
				});
			//}
		}
	}		   
});

document.write('<div id="tooltip" style="position:absolute; visibility:hidden; z-index:2100; border:2px #0084d8 solid; background:#f0ede8; width:300px; min-height:100px; padding:5px"></div>');