function showContent(evt,id)
{
   
   
   var evt = document.all?event:evt;
   var link = document.all?event.srcElement:evt.target;
   var productsDiv = document.getElementById("products");
   productsDiv.style.display="block";
   var nodes = productsDiv.childNodes;
   for(var i=0;i<nodes.length;i++)
   {
	if(nodes[i].className == "toggle")
	{
	   nodes[i].style.display = "none"; 
	}
   }
   var theDiv = document.getElementById(id)
   theDiv.style.display = "";
   
    var pdiv = document.getElementById("products");
    pdiv.style.backgroundColor="#CCC";
    var left = (evt.clientX + 10 - link.offsetParent.offsetParent.offsetParent.offsetLeft)+ "px";
    var top = (evt.clientY + document.getElementById("HTML").scrollTop - link.offsetParent.offsetParent.offsetParent.offsetTop - document.getElementById("products").offsetHeight) + "px";

    
    pdiv.style.top = top
    pdiv.style.left = left;
   
}

function hideContent()
{
   var productsDiv = document.getElementById("products");
   var nodes = productsDiv.childNodes;
   for(var i=0;i<nodes.length;i++)
   {
	if(nodes[i].className == "toggle")
	{
	   nodes[i].style.display = "none";
	}
   }
   productsDiv.style.display="none";
   }