function show(n)
{
        var element = document.getElementById("c"+n);

	if(element.style.zIndex==500)return;
	element.style.zIndex=500;
	fade_in("c"+n,20,10);

	for(i=0;i<10;i++)
	{
		if(i==n)continue;
        	element = document.getElementById("c"+i);
		if(element)
		{
			if(element.style.zIndex==500)
			{
				element.style.zIndex=200-i;
				fade_out("c"+i,20,100);
			}
		}
	}
}

function fade_out (id, delay, o)
{
        var element=document.getElementById(id);
        if(o<0)
        {
                element.style.zIndex = -20;
        	setOpacity(element,0);
                return;
        }
        else
        {
                element.style.zIndex = 20;
        }
        setOpacity(element,o);
        o-=30;
        setTimeout("fade_out('"+id+"',"+delay+","+o+")", delay);
}
function fade_in (id, delay, o)
{
        if(o>100)
	{
        	setOpacity(document.getElementById(id),100);
		return;
	}
        setOpacity(document.getElementById(id),o);
        o+=30;
        setTimeout("fade_in('"+id+"',"+delay+","+o+")", delay);
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;

  // IE/Win
  //obj.style.filter = "alpha(opacity="+opacity+")";

  // Safari<1.2, Konqueror
  //obj.style.KHTMLOpacity = opacity/100;

  // Older Mozilla and Firefox
  //obj.style.MozOpacity = opacity/100;

  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;

  if(opacity==0)
	obj.style.visibility="hidden";
  else
	obj.style.visibility="visible";
}


