var scroll = 0;
var i = 0;
var j = true;
var k;
var l = false;
var colorArray = new Array("#E5D5B4", "#D2C2A4", "#BFAE94", "#AB9C83", "#998873", "#857563", "#716252", "#5F4F42", "#4B3C31", "#382821", "#251611");

function safariAnimate(navId)
{
	if(i == 0)
	{
		$("#"+navId).css("background-color", colorArray[i]);
		$("#"+navId).css("color", colorArray[colorArray.length - i]);
		if(!l)
		{
			i++;
			j = true;
			l = true;
			k = setTimeout(function(){safariAnimate(navId)}, 500);
		}
	}
	else if(i <= 9)
	{
		$("#"+navId).css("background-color", colorArray[i]);
		$("#"+navId).css("color", colorArray[colorArray.length - i]);

		if(j)
			i++;
		else
			i--;

		k = setTimeout(function(){safariAnimate(navId)}, 50);
	}
	else if(i == 10)
	{
		$("#"+navId).css("background-color", colorArray[i]);
		$("#"+navId).css("color", colorArray[colorArray.length - i]);
		i--;
		j = false;
		k = setTimeout(function(){safariAnimate(navId)}, 500);
	}

}

function hoverIn(navId)
{
	if($.browser.safari)
	{
		safariAnimate(navId);
	}
	else
	{
		$("#"+navId).animate({backgroundColor: "#251611", color: "#E5D5B4"}, 1000, function()
		{
			$("#"+navId).animate({backgroundColor: '#E5D5B4', color: '#251611'}, 1000);
		});
	}
}

function hoverOut(navId)
{
	if($.browser.safari)
	{
		clearTimeout(k);
		i = 0;
		l = false;
	}
	else
		$("#"+navId).stop();
		
	$("#"+navId).css("background-color","#E5D5B4");
	$("#"+navId).css("color","#251611");
}

function scrollDn()
{
	if(($("#content").offset().top + 410) < $("#content var").offset().top)
	{
		scroll += 100;
		$("#content").scrollTop(scroll);
	}
}

function scrollUp()
{
	if(scroll > 0)
	{
		scroll -= 100;
		$("#content").scrollTop(scroll);
	}
}
