$(function() {
	var numberOfImages = 4;
	var delayTime = 10000;
	var slideTime = 4000;
	var count = 1;
	var status = "on";
	var x = 0;
	
	/*
	// Replace PNG with GIF equivalent
	if ($.browser.msie && $.browser.version.substr(0,1)<7)
	$("#hero img").attr("src", "/images/client-focus-background-new.gif");
	*/
	
	function hero()
	{
		ele = $("#hero img");
		$(ele).delay(delayTime).show(function() {
			if (status=="on")
			{
				$(ele).animate({backgroundPosition: "-=956px 9px"}, slideTime);
				count++;
				if (count==numberOfImages)
				{
					$(ele).show(client);
					$(ele).delay(delayTime).animate({backgroundPosition: "+="+((count-1)*956)+"px 9px"}, slideTime);
					count=1;
				}
				$(ele).show(client);
			}
			$(ele).show(hero);
		});
	}
	
	function client()
	{
		a = $("#client-focus-mini-one").html();
		b = $("#client-focus-mini-two").html();
		c = $("#client-focus-mini-three").html();
		d = $("#client-focus").html();
		
		$("#client-focus").html(a);
		$("#client-focus-mini-one").html(b);
		$("#client-focus-mini-two").html(c);
		$("#client-focus-mini-three").html(d);
	}
	
	$("#video-wrap").append('<a><img id="close-video" src="/images/close-video.png" alt="CLOSE"/></a>');
	
	$(".client-focus-mini").mouseover(function() {
		if ($("#video-wrap").css("display") == "none")
		{
			status="off";
			
			xPos = $(this).css("top");
			x=parseInt(xPos.substr(0, 3));
			x+=4;
			
			$("#video-wrap").css("top", x);
			$("#video-wrap").animate({height: "385", width: "680", "margin-left": "200", top: "91"}, 2000, "easeOutCubic", function() {
				$("#video").css("display", "block"); $("#close-video").css("display", "block");
			});
		}
	});
	$("#close-video").click(function() {
		status="on";
		
		$("#close-video").css("display", "none");
		$("#video").css("display", "none");
		$("#video-wrap").stop(true).animate({height: "108", width: "152", "margin-left": "704", top: x}, 2000, "easeOutCubic", function() { $("#video-wrap").css({"display": "none", "top": x}); });
	});
	
	hero();
});