var info=new Array();
function build_line(left, x, y)
{
  var width_line=parseInt(left)-x-5; 
  var str11=  "<table border='0' cellpadding='0' cellspacing='0'><tr><td valign='center'><img src='circle13x13.gif' width='5' border='0' valign='center'></td><td><img src='point1x1.gif' width='"+width_line+"' height='1' border='0' valign='center'></td></table>";
   
  return str11;   	   
}

function build_info(div_id)
{
  var name=" <span class='info'>"+info[div_id]+"</span>";
  var nsuper=" <span class='nsuper'>"+global_nsuper[div_id]+" supermercados</span>";
  var href=hrefs[div_id];
  var anchor="<a href='"+href+"'>"+name+nsuper+"</a>";
  var str11=  " <table border='0' style='width: 200px' cellpadding='0' cellspacing='0' ><tr><td class='info'>"+anchor+"</td></tr></table>";
  //alert(str);
  return str11;   	   
}

function show_div_info(div)
{
  alert(div.id+"|"+div.style.left+"|"+div.style.top+"|"+div.style.zIndex);
}  

var div_info_scrollheight=5;
function write_info(div_name, left, style)
{
  e_target=document.getElementById(div_name);
  if ( top_adjustment == null )
    top_adjustment=0;
  if ( left_adjustment == null )
    left_adjustment=0;
  var linea_name="linea_"+e_target.id;
  var div_info_name="div_info_"+e_target.id;
  var ball_pos_x=parseInt(e_target.style.left)+
                                    0.5*parseInt(e_target.style.width)+
				    left_adjustment;
				    
  var ball_pos_y=parseInt(e_target.style.top)+
                                    0.5*parseInt(e_target.style.height)
				    +top_adjustment;
  var delta_ball_pos_y=a_delta_y[e_target.id];
  if ( delta_ball_pos_y != null )
    ball_pos_y+=delta_ball_pos_y;
  var delta_info_style_left=a_delta_x[e_target.id];
  if ( delta_info_style_left != null )
    left+=delta_info_style_left;
  div_info_style_top=parseInt(ball_pos_y)-div_info_scrollheight;
  
  var str="<div id='"+linea_name+"'  style='position: absolute"+
           "; left: "  +ball_pos_x+"px"+
	   "; top: "   +ball_pos_y+"px"+
	   "; z-index: 500'>"+
	   build_line(left, ball_pos_x, ball_pos_y)+
	   "</div>"+
	   "<div id='"+div_info_name+"'  style='position: absolute"+
           "; left: "  +left+"px"+
 	   "; top: "   +div_info_style_top+"px"+
           "; width: 200px"+
	   "; z-index: 500;"+
	   style+"'>"+
	   build_info(e_target.id)+
	   "</div>";
  document.write(str);	
}