var state = 'out';
var level = 0;

function fadein()
{
	if(state == 'out')
	{
		state = 'in';
		document.getElementById('divlink').style.background = 'url(http://www.harbormarine.net/pm/navbg.gif) repeat-x';
		document.getElementById('divfloat').style.display = 'block';
		document.getElementById('divfloatbg').style.display = 'block';
		document.getElementById('divfloatbg').style.height = document.getElementById('divfloat').offsetHeight + 'px';
		fadein2();
	}
}

function fadeout()
{
	if(state == 'in')
	{
		state = 'out';
		document.getElementById('divlink').style.background = 'transparent';
		fadeout2();
	}
}

function fadein2()
{
	if(level < 100 && state == 'in')
	{
		level+= 10;
		document.getElementById('divfloat').style.opacity = (level / 100);
		document.getElementById('divfloat').style.filter = 'alpha(opacity=' + level + ')';
		document.getElementById('divfloatbg').style.opacity = (level / 500);
		document.getElementById('divfloatbg').style.filter = 'alpha(opacity=' + (level / 5) + ')';
		setTimeout('fadein2()', 15);
	}
}

function fadeout2()
{
	if(level > 0 && state == 'out')
	{
		level-= 10;
		document.getElementById('divfloat').style.opacity = (level / 100);
		document.getElementById('divfloat').style.filter = 'alpha(opacity=' + level + ')';
		document.getElementById('divfloatbg').style.opacity = (level / 500);
		document.getElementById('divfloatbg').style.filter = 'alpha(opacity=' + (level / 5) + ')';
		setTimeout('fadeout2()', 30);
		if(level <= 1)
		{
			document.getElementById('divfloat').style.display = 'none';
			document.getElementById('divfloatbg').style.display = 'none';
		}
	}
}