// JavaScript Document
//here you place the ids of every element you want.

//var ids=new Array('c1','c2','c3','c4','c5','c6','c7','c8','c9','c10');

function switchidCase(id,event){	
	//hideallids();
	showdivCase(id,event);
}

/*
function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids.length;i++)
	{
		hidedivCase(ids[i]);
	}		  
}*/


function showdivCase(id,event) 
{
	// Safe function to show an element with a specified id
	
	if (document.getElementById)
	{
		// DOM3 = IE5, NS6
		
		document.getElementById(id).style.display = 'block';
	}
	else
	{
		if (document.layers)
		{ 
			// Netscape 4
			document.id.display = 'block';
		}
		else 
		{
			// IE 4
			document.all.id.style.display = 'block';
		}
	}
      document.getElementById(id).style.top =  event.clientY + document.documentElement.scrollTop - document.getElementById(id).scrollHeight - '265'+'px'; //10
 	  document.getElementById(id).style.left = event.clientX + document.documentElement.scrollLeft - 240 +'px'; // -30
	  //alert(document.body.clientTop);
}

function hidedivCase(id) 
{
	// Safe function to hide an element with a specified id
	
	if (document.getElementById) 
	{
		// DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else 
	{
		if (document.layers)
		{
			// Netscape 4
			document.id.display = 'none';
		}
		else 
		{
			// IE 4
			document.all.id.style.display = 'none';
		}
	}	  

}