// JavaScript Document

var timerDiv = null; 
var timerID = null; 
var timerOn = false; 
var timecount = 500;

function hideDiv(myDiv) {
	opacity(myDiv, 100, 0, timecount);
}

function displayInline(myDiv) {
	if (myDiv.style.display == "none") {
		myDiv.style.display = "";
	} else {
		myDiv.style.display = "none";
	}

}

function showDiv(myDiv) {
	if (timerDiv != null && timerDiv != myDiv) {
		document.getElementById(timerDiv).style.visibility="hidden";
		document.getElementById(myDiv).style.display="none";
	}
	document.getElementById(myDiv).style.visibility="visible";
	document.getElementById(myDiv).style.display="INLINE";
	changeOpac(100, myDiv);
	timerDiv = myDiv;
	stopTime();
}

 function startTime(myDiv) { 
	 if (timerOn == false) { 
		 timerID=setTimeout( "hideDiv('"+myDiv+"')" , timecount); 
		 timerOn = true; 
	 } 
 } 

 function stopTime() { 
	 if (timerOn) { 
		clearTimeout(timerID); 
		timerID = null; 
		timerOn = false;
	 } 
 } 
 
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++;
			i = i - 5;
        }
        setTimeout("changeOpac(0,'" + id + "')",(timer * speed)); 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
             timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
	if (opacity == 0) {
		document.getElementById(timerDiv).style.visibility="hidden";
		document.getElementById(timerDiv).style.display="none";
	}
} 


function showSubDiv(myDiv) {
	document.getElementById(myDiv).style.visibility="visible";
	document.getElementById(myDiv).style.display="INLINE";
}
function hideSubDiv(myDiv) {
	document.getElementById(myDiv).style.visibility="hidden";
	document.getElementById(myDiv).style.display="none";
}