var switchLast = 0;

function ShowInfo(id){

var baseObj = document.getElementById('cell_' + id);
var infoBlock = document.getElementById(id);

if( infoBlock || infoBlock != null){

   if(!switchLast){

      var x = posleft(baseObj); 
		var y = postop(baseObj);
		
      infoBlock.style.left = (x + 18) + 'px';
      infoBlock.style.top = (y + 18) + 'px';

		infoBlock.style.display = 'block';
	   switchLast = id;
      
	}

	else{

      var infoBlock = document.getElementById(switchLast);

		infoBlock.style.display = 'none';
	   switchLast = 0;

	}
}// if

}



function posleft(elm)
{

var left = elm.offsetLeft;

	while((elm = elm.offsetParent) != null){
	   
		left += elm.offsetLeft;
   }

return left;
}


function postop(elm)
{

var top = elm.offsetTop;

   while((elm = elm.offsetParent) != null){
      
      top += elm.offsetTop;
   }

return top;
}


