$(document).ready(function() {
	$(".client > .icon").each(
		function(intIndex) {
			$(this).attr("id", "client" + intIndex + "_icon");
		}
	);	
	$(".clientDetail").each(
		function(intIndex) {
			$(this).attr("id", "client" + intIndex);
		}
	);	
	$("#client0_icon").parent().addClass("activeIcon");												
	$("#client0_icon").removeClass("inactive");	
	$("#client0").show();
						   
	var clientIcons$ = $(".client > .icon");
	var animating = false;
	var eventStack = [];
	var abandonStack = false;
	
	 var OnHover = function (hoverElement$, userMovementGenerated) 
	 {		
		if (userMovementGenerated)
		{	
			clearInterval(intervalId);
			currentClientIconIndex = clientIcons$.index(hoverElement$.get(0));
		}
		var activeIconID = hoverElement$.attr("id");

		var activeClientDetailID = activeIconID.replace('_icon', '');
		if ($("#" + activeClientDetailID).hasClass("hiddenImage")) 
		{			
			$(".clientDetail").hide();
			$(".clientLogo").hide();
			$("#" + activeClientDetailID).animate({ opacity: 'show' }, 'fast');
			$("#" + activeClientDetailID + " > .clientLogo").animate({ opacity: 'show' }, 'fast');
			$(".client").removeClass("activeIcon");
			$(".client > .icon").addClass("inactive");
			$("#" + activeClientDetailID + "_icon").parent().addClass("activeIcon");												
			$("#" + activeClientDetailID + "_icon").removeClass("inactive");			
			var targetLink = $("#" + activeClientDetailID + "_icon").attr("rel");
			$(".rightLargeImage").find("a").attr("href", targetLink);			
		}				
	};
	clientIcons$.hover(function()
	{
		var this$ = $(this);
		OnHover(this$, true);
	},
	function()
	{
		intervalId = setTimeout(function() 
		{
			clearInterval(intervalId);									
			StartTimer();						
		}, 7000);
	}
);								
var currentClientIconIndex = 0;								
var intervalId;
	function StartTimer()
	{
		intervalId = setInterval(function()
		{
			clearInterval(intervalId);
			if (currentClientIconIndex + 1 < clientIcons$.length)
				currentClientIconIndex++;
			else
				currentClientIconIndex = 0;
			OnHover($(clientIcons$.get(currentClientIconIndex)), false);
			StartTimer();
		}, 7000);
	}
	StartTimer();		
						
	$(".rightLargeImage").hover(
      function () {
        $(this).animate({opacity: '1.0'}, 'fast');
      }, 
      function () {
        $(this).animate({opacity: '0.9'}, 'fast');
      }
    );	
});