// JavaScript Document

var layercount = 3;
var lastOp = 0;

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; 
}


function fadeIn(layerid)
	{
		if(layerid <= layercount)
			{
				var lyr = document.getElementById('panel'+layerid);
				if(lastOp < 100)
					{
						lastOp = lastOp + 10;
						setopacity(lyr,lastOp);
						setTimeout('fadeIn('+layerid+');',100);
					}
				else
					{
						lastOp = 0;
						setTimeout('fadeIn('+(layerid + 1)+');',100);
					}
				
			}
	}