function getID(id)
{
    return document.getElementById(id);	
}
function showContainer(id)
{
    getID(id.toString()).style.visibility = "visible";	
}

function hideContainer(id)
{
	
    getID(id.toString()).style.visibility = "hidden";	
}

function findPosX(obj)
{
	var curleft = 0;
	if(obj.offsetParent)
		while(1) 
		{
		  curleft += obj.offsetLeft;
		  if(!obj.offsetParent)
			break;
		  obj = obj.offsetParent;
		}
	else if(obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	if(obj.offsetParent)
		while(1)
		{
		  curtop += obj.offsetTop;
		  if(!obj.offsetParent)
			break;
		  obj = obj.offsetParent;
		}
	else if(obj.y)
		curtop += obj.y;
	return curtop;
}

function showCountry(id,id2,addX,addY)
{

    var	continentContainer = getID(id);
	var countryContainer = getID(id2);
	
	var x1 = findPosX(continentContainer);
	var y1 = findPosY(continentContainer);
	
	
	x = x1 + addX + "px";
	y = y1 + addY + "px";
	
	countryContainer.style.left = x.toString();
	countryContainer.style.top = y.toString();

	showContainer(id2);
	
}

function hideExcept(id)
{
	if(id != 'asia')
    hideContainer('asiaC');	
	if(id != 'africa')
    hideContainer('africaC');	
	if(id != 'australia')
    hideContainer('australiaC');	
	if(id != 'southAmerica')
    hideContainer('southAmericaC');	
	if(id != 'northAmerica')
    hideContainer('northAmericaC');	
	if(id != 'middleEast')
    hideContainer('middleEastC');	
}