var badge         = 1;
var badgeOpacity  = 0;
var bTimer        = 0;
var oTimer        = 0;

function getBadge(i)
{
	return document.getElementById('badge' + i).style;
}

function setOpacity(e, o)
{
	a = o / 100;
	e.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity="' + o + '")';
	e.opacity = a;
	e.MozOpacity = a;
	e.KhtmlOpacity = a;
}

function showBadge()
{
	clearTimeout(oTimer);

	var n = badge == badgesCount ? 1 : badge + 1;
	var b = getBadge(n);
	var o = getBadge(badge);

	badgeOpacity += 10;
	setOpacity(b, badgeOpacity);

	if (badgeOpacity == 10)
	{
		b.zIndex = 100;
		o.zIndex = 50;
	}
	else if (badgeOpacity >= 100)
	{
		o.zIndex  = 0;
		badge     = n;
		return;
	}

	oTimer = setTimeout('showBadge()', 30);
}

function swapBadges()
{
	badgesClearTimer();
	badgeOpacity = 0;
	showBadge();
	badgesSetTimer();
}

function badgesClearTimer()
{
	if (!bTimer)
		return;

	clearTimeout(bTimer);
	bTimer = 0;
}

function badgesSetTimer(t)
{
	bTimer = setTimeout('swapBadges()', t || 6500);
}

function badgesLoaded()
{
	var b = document.getElementById('badges');

	b.onmouseover = badgesClearTimer;
	b.onmouseout  = function(e)
	{
		badgesSetTimer(1000);
	};

	badgesSetTimer();
}

badgesLoaded();