document.write( '<div id="div_hover" style="width: 300px; height: auto; display: none; background">' );
  document.write( '<table border="0" cellpadding="0" cellspacing="0">' );
  document.write( '<tr>' );
  document.write( '<td><img src="/img/hover_tl.png"/></td><td style="background: url(/img/hover_tt.png) 0 0 repeat-x;"></td><td><img src="/img/hover_tr.png"/></td>' );
  document.write( '</tr>' );
  document.write( '<tr>' );
  document.write( '<td style="background: url(/img/hover_ll.png) 0px 0 repeat-y;"></td>' );
  document.write( '<td style="font-size: 8pt; font-family: Arial; background: #F7F4DD; padding: 5px;"><span id="hover_span"></span></td>' );
  document.write( '<td style="background: url(/img/hover_rr.png) 0 0 repeat-y;"></td>' );
  document.write( '</tr>' );
  document.write( ' <tr valign="top">' );
  document.write( ' <td style="background: url(/img/hover_bl.png) 0 0 no-repeat;"></td><td style="width: 100%; background: url(/img/hover_bb.png) 0 0 repeat-x;"><img src="/img/phon_arrow.png"></td><td style="background: url(/img/hover_br.png) 0 0 no-repeat;"/></td>' );
  document.write( ' </tr>' );
  document.write( '</table>' );
  document.write( ' </div>' );
  
var hoverTimer = 0;
objs = document.getElementsByClassName( "span_hover" );
var n_objs = objs.length;
for ( var i = 0; i < n_objs; i++ ) {
	obj = objs[ i ];
	if ( !obj )
		break;
	if ( !obj.title )
		break;
	obj.hover = obj.title;
	obj.title = "";
	obj.onmouseover = function ( e ) {
//		http://lleo.aha.ru/na/
		var div_hover = document.getElementById( "div_hover" );
		if ( div_hover.flag == "active" )
			return;
		if ( div_hover.flag == "timeout" )
			clearTimeout( hoverTimer );
		div_hover.flag = "active";
		
		e = e || window.event;
		var elem;
		if (e.target) elem = e.target;
		else if (e.srcElement) elem = e.srcElement;
		if (elem.nodeType == 3) // defeat Safari bug
			elem = elem.parentNode;

		var hover_span = $( "hover_span" );
		hover_span.innerHTML = this.hover;

	
		var w = elem.offsetWidth;
		var l = 0;
		var t = 0;
		
		while (elem) {
			l += elem.offsetLeft;
			t += elem.offsetTop;
			elem = elem.offsetParent;
		}
		
		div_hover.style.position = "absolute";
		div_hover.style.display = "block";
		var h = hover_span.offsetHeight;
//		alert( "left: " + l + "\nwidth:" + hover_span.offsetWidth );
		div_hover.style.left = l + 30;
		div_hover.style.top = t - h - 25;
		return false;
	}
	obj.onmouseout = function ( e ) {
		var div_hover = document.getElementById( "div_hover" );
		hoverTimer = setTimeout( 'hide( "div_hover" )', 500 );
		div_hover.flag = "timeout";		
	}
}
function hide( obj ) {
	var div_hover = document.getElementById( "div_hover" );
	if ( div_hover.flag == "active" )
		return;
	div_hover.style.display = "none";
	div_hover.flag = "hide";
}