/*
To use this you need to set the objects to fade in and out

e.g.
    function ShowExistingMember(){
        // Hide divNonMember and
        // Show divMember
        objFadeOut = document.getElementById('divNonMember');
        objFadeIn = document.getElementById('divMember');
        objFadeOut.xOpacity =1 ;
        objFadeIn.xOpacity =-1 ;
        FadeOut()
        FadeIn()
    }
    
*/

var objFadeOut, objFadeIn

function FadeOut() {
    //set the opacity
    objFadeOut.xOpacity = objFadeOut.xOpacity - 0.1

    if (objFadeOut.xOpacity <= 0) { // faded out so hide the whole layer
        objFadeOut.style.display = "none"
        objFadeIn.style.display = "block"
    } else { // still showing
        // ensure it is set as block
        objFadeOut.style.display = "block"
        // Set the CSS opactity values
        setOpacity(objFadeOut)
        // Run this sub again
        xInterval = setTimeout("FadeOut('" + objFadeOut.style.display + "')", 20);
        //mInterval = setInterval("FadeOut('"+curObj.style.display+"')",40);
        //FadeOut(objID)
    }
}
function FadeIn() {

    objFadeIn.xOpacity = objFadeIn.xOpacity + 0.1
    if (objFadeIn.xOpacity >= 1) {
        objFadeIn.style.display = "block"
    } else {
        setOpacity(objFadeIn)
        xInterval = setTimeout("FadeIn()", 20);
    }
}

/***/



//set the xOpacity property of the object, then call this method
function setOpacity(opacity, objID) {
    obj = document.getElementById(objID)
    obj.xOpacity = opacity / 100

    if (obj.xOpacity > 1) {
        obj.xOpacity = 1;
        return;
    }
    // one of these has got to work in your browser!
    obj.style.opacity = obj.xOpacity;
    obj.style.MozOpacity = obj.xOpacity;
    obj.style.filter = "alpha(opacity=" + (obj.xOpacity * 100) + ")";
}


function fadeOut2(objID) {
    var opac, opacStart, opacEnd
    opacStart = 100
    opacEnd = 20

    //o = document.getElementById(objID)
    //setOpacity (50, objID)

    var speed = Math.round(500 / 100);
    var timer = 0;
    //for (i = opacStart; i>=opacEnd; i--)
    for (i = opacStart; i > opacEnd; i--) {
        //document.getElementById('divtag').innerHTML += (i + "<br/>")
        setTimeout("setOpacity (" + i + ",'" + objID + "' )", (timer * speed))
        //setOpacity (i, objID)
        timer++;
    }

}

function fadeIn2(objID) {
    var opac, opacStart, opacEnd
    opacStart = 20
    opacEnd = 100

    //o = document.getElementById(objID)
    //setOpacity (50, objID)

    var speed = Math.round(500 / 100);
    var timer = 0;
    //for (i = opacStart; i>=opacEnd; i--)
    for (i = opacStart; i < opacEnd; i++) {
        //document.getElementById('divtag').innerHTML += (i + "<br/>")
        setTimeout("setOpacity (" + i + ",'" + objID + "' )", (timer * speed))
        //setOpacity (i, objID)
        timer++;
    }

}