$(document).ready(function() {
						   
	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("hidden")) 
		{
			$(".clientDetail").hide();
			$(".clientLogo").hide();
			$("#" + activeClientDetailID).show();			
			$("#" + activeClientDetailID + " > .clientLogo").show();			
	//			console.log(activeIconID + ' ' + activeClientDetailID);			
			//$(".clientDetail").fadeTo(300,0,function() {
			//	 $("#" + activeClientDetailID).removeClass("hidden");
			//}).fadeTo(700,1); 

			$(".client").removeClass("activeIcon");
			$(".client > .icon").addClass("inactive");
			$("#" + activeClientDetailID + "_icon").parent().addClass("activeIcon");												
			$("#" + activeClientDetailID + "_icon").removeClass("inactive");
		}				
	};
	clientIcons$.hover(function()
	{
		var this$ = $(this);

		OnHover(this$, true);
	},
	function()
	{
		intervalId = setTimeout(function() 
		{
			clearInterval(intervalId);									
			StartTimer();						
		}, 5000);
	}
	);								
	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();
					}, 5000);
	}
	StartTimer();								
});