//0: box invisible; 1: box visible; 2: box transitioning
var StateMon = 0;
var theIntervalMon;
var opMon = 0;
var preLoad = new Array();
preLoad[1] = new Image();
preLoad[1].src = "images/scaledPipe.png";
preLoad[2] = new Image();
preLoad[2].src = "images/redbenefitbg.png";
preLoad[3] = new Image();
preLoad[3].src = "images/IEbenefitbg.png";
preLoad[4] = new Image();
preLoad[4].src = "images/IEredbenefitbg.png";

function displMon()
{
 
    if(StateMon == 0)
    {
    	StateMon = 2;
    	document.getElementById("saveMoneyBox").style.display = "block";
    	fadeupMon();
    }
    return false;
}

function hideMon()
{
    if(StateMon == 1)
    {
    	StateMon = 2;
    	fadedownMon();
    }
    return false;
}

function fadeupMon()
{
    clearInterval(theIntervalMon);
    theIntervalMon = setInterval("fadeinMon()",20);
}

function fadedownMon()
{
    clearInterval(theIntervalMon);
    theIntervalMon = setInterval("fadeoutMon()",30);
}

function fadeoutMon()
{
    if(opMon > 0)
    {
    	opMon -= 10;
    	changeopsMon();
    }
    else
    {
    	StateMon = 0;
    	clearInterval(theIntervalMon);
    	document.getElementById("saveMoneyBox").style.display = "none";
    }
}

function fadeinMon()
{
    if(opMon < 100)
    {
    	opMon += 10;
    	changeopsMon();
    }
    else
    {
    	StateMon = 1;
    	clearInterval(theIntervalMon);
    }
}

function changeopsMon()
{
	if(document.all)
	{
	    document.getElementById("saveMoneyBox").filters[0].opacity = opMon;
	}
	else
	{
	    document.getElementById("saveMoneyBox").style.opacity = opMon / 100;
	    document.getElementById("saveMoneyBox").style.MozOpacity = opMon / 100;
	    document.getElementById("saveMoneyBox").style.KhtmlOpacity = (opMon / 100);
    	}
}