// JavaScript Document
// "coordinates.js" REQUIRED
function changeOpac(opacity, id) { 
	if((object = document.getElementById(id)))
	{
	changeOpacByObj(opacity, object);
	if(opacity==0) object.style.display="none";
	else object.style.display="block";
	}
} 

function changeOpacByObj(opacity, object) {
    object.style.opacity = (opacity / 100); 
    object.style.MozOpacity = (opacity / 100); 
    object.style.KhtmlOpacity = (opacity / 100); 
    object.style.filter = "alpha(opacity=" + opacity + ")"; 

}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}


function toggleFade(id)
	{
		if(document.getElementById(id).style.display=="" || document.getElementById(id).style.display=="block")
			{
				for(i=100,x=1;i>=0;i--,x=x+3)
					{
						setTimeout('changeOpac('+i+', "'+id+'")',x);
						if(i==0) setTimeout('hideDiv("'+id+'")',(x+1));
					}
			//changeToTransparent(id,100,0);
			}
		else
			{
				showDiv(id);
				changeOpac(0,id);
				for(i=1,x=1;i<=100;i++,x=x+3)
					{
						setTimeout('changeOpac('+i+', "'+id+'")',x);
					}
			//changeToOpaque(id,0,100);
			}
	}