ols.controls.Tooltip = function(span,yOffset)
{
	this.BACKGROUND = '/assets/scripts/ols/controls/assets/tooltip/bg.png';
	if(ols.util.isIE(6))
	{
		alert('test');
		return;
	}
	if(span.DIV==null)
	{
		span.DIV = document.createElement('DIV');
		span.DIV.innerHTML = span.title.replace("\r\n","<br/><br/>");
		span.DIV.innerHTML = span.DIV.innerHTML.replace('&lt;','<');
		span.DIV.innerHTML = span.DIV.innerHTML.replace('&gt;','>');
		//span.DIV.innerHTML = '<div>'+span.DIV.innerHTML+'</div>';
		var top = ols.util.getAbsoluteTop(span)+yOffset;
		var left = ols.util.getAbsoluteLeft(span)+5;


		span.DIV.style.border = '0px solid Gray';
		span.DIV.style.clear = 'none';
		span.DIV.style.color = 'Black';
		span.DIV.style.fontSize = '0.9em';
		span.DIV.style.left = (span.offsetWidth)+5+left+'px';
		span.DIV.style.padding = '5px';
		span.DIV.style.position = 'absolute';
		span.DIV.style.top = top+'px';
		span.DIV.style.zIndex = '1000';
		span.appendChild(span.DIV);
		span.title = '';
		span.BG = document.createElement('DIV');
		span.BG.style.clear = 'none';
		span.BG.style.left = (left+10)+'px';
		span.BG.style.padding = '0px';
		span.BG.style.position = 'absolute';
		span.BG.style.top = (top-15)+'px';
		span.BG.style.zIndex = span.DIV.style.zIndex-100;
		span.onmouseout = function(){this.DIV.style.display = this.BG.style.display = 'none';}
		if(span.DIV.offsetWidth>200)
		{
			span.DIV.style.width = '150px';
		}

		if(ols.util.getAbsoluteLeft(span.DIV)+span.DIV.offsetWidth > ols.util.getScreenWidth())
		{
			left-=(span.DIV.offsetWidth)+200;
			span.DIV.style.left = (span.offsetWidth)+5+left+'px';
			span.BG.style.left = (left+10)+'px';
		}

		span.style.height = span.DIV.offsetHeight+'px';

		var tbl = '';
		tbl+= '<table border="0" cellpadding="0" cellspacing="0" style="height:'+(span.DIV.offsetHeight+30)+'px;width:'+(span.DIV.offsetWidth+30)+'px;">';
		tbl+= '<tr><td style="background: url('+this.BACKGROUND+') no-repeat top left;"/>&nbsp;</td><td style="background:url('+this.BACKGROUND+') no-repeat top right;"/>&nbsp;</td></tr>';
		tbl+= '<tr><td style="background: url('+this.BACKGROUND+') no-repeat bottom left;"/>&nbsp;</td><td style="background:url('+this.BACKGROUND+') no-repeat bottom right;"/>&nbsp;</td></tr>';
		tbl+= '</table>';
		span.BG.innerHTML = tbl;
		span.appendChild(span.BG);
	}
	span.DIV.style.display='block';
	span.BG.style.display='block';
}