$(function()
{
	var init = function()
	{
		var hide;
		var numLogos = 0;
		var pos = 0;
		var logoWidth = 134;
		var show = function()
		{
			$("div.swoop").css({
				background: "url(images/references/swoop.png) repeat-y -940px top"
			}).animate({
				backgroundPosition: "980px 0px"
			}, 1500, "linear", function()
			{
				$(this).hide();
				window.setTimeout(hide, 4000);
			});
		};
		
		hide = function()
		{
			$("div.swoop").css({
				background: "url(images/references/swoop2.png) repeat-y -1920px top"
			}).animate({
				backgroundPosition: "0px 0px"
			}, 1500, "linear", function()
			{
				// scroll container
				pos += 7;
				if (pos + 7 > numLogos)
					pos = 0;
				$("div.references div.logos")[0].scrollLeft = pos * logoWidth;
				window.setTimeout(show, 1000);
			}).show();
		};
		window.setTimeout(show, 1000);
		
		numLogos = $("div.references a").css({opacity: 0.7}).mouseover(function()
		{
			$(this).stop().animate({opacity: 1.0});
		}).mouseout(function()
		{
			$(this).stop().animate({opacity: 0.7});
		}).length;
		
		$("div.references div.logos > div").css({width: logoWidth*numLogos+980});
	}
	
	// preload images
	checkImagesLoaded(["images/references/swoop.png", "images/references/swoop2.png", "images/references/background.png"], function()
	{
		$("div.references div.logos").css({visibility: "visible"});
		$("div.references").css({backgroundImage: "url(images/references/background.png)"});
		init();
	});
});