$(document).ready(function(){
	loadClients();
});

var interval = 10000;
var multiple = false;
var fadein   = 2000;
var fadeout  = 1500;

var clients  = new Array(13);
for (i=0; i < clients.length; ++i)
	clients[i] = new Array(2);

clients[0][0] = 'client_01.png';
clients[0][1] = 'Pizza Hut';
clients[1][0] = 'client_02.png';
clients[1][1] = 'John Deere';
clients[2][0] = 'client_03.png';
clients[2][1] = 'FedEx';
clients[3][0] = 'client_04.png';
clients[3][1] = 'Comcast';
clients[4][0] = 'client_05.png';
clients[4][1] = 'Delta';
clients[5][0] = 'client_06.png';
clients[5][1] = 'Dupont';
clients[6][0] = 'client_07.png';
clients[6][1] = 'Bechtel';
clients[7][0] = 'client_08.png';
clients[7][1] = 'CAT';
clients[8][0] = 'client_09.png';
clients[8][1] = 'US Cellular';
clients[9][0] = 'client_10.png';
clients[9][1] = 'Panera';
clients[10][0] = 'client_11.png';
clients[10][1] = 'Habtat for Humanity';
clients[11][0] = 'client_12.png';
clients[11][1] = 'Crossville';
clients[12][0] = 'client_13.png';
clients[12][1] = 'Team Health';

function loadClients() {
	var start    = Math.floor(Math.random()*clients.length);
	var $image   = $('#clients img');
	var wait     = 7500;

	if ($('#clients img').size() == 1) {
		$image.attr('alt', clients[start][1]).attr('title', clients[start][1]).attr('src', 'img/' + clients[start][0]).fadeIn(fadein);

		setTimeout(function() {nextImg($image)}, interval);
	} else {
		var diff = Math.floor(clients.length / $image.size());
		var offset = 0;

		$image.each(function(i){
			var pos = 0;

			if (start + (diff * i) >= clients.length) {
				pos = (start + (diff * i)) - clients.length;
			} else {
				pos = start + (diff * i);
			}

			$(this).attr('alt', clients[pos][1]).attr('title', clients[pos][1]).attr('src', 'img/' + clients[pos][0]).fadeIn(fadein*i);

			offset = interval * i;
			setTimeout(function() {nextImg($image.eq(i))}, wait + offset);
		});
	}
}

function nextImg($img) {
	var n;
	var i = 0;
	jQuery.each(clients, function() {
		if (jQuery.inArray($($img).attr('src').replace('img/', ''), this) >= 0) {
			n = i + 1;
			return false;
		}
		i++;
	});

	if (n >= clients.length) {
		n = 0;
	}

	if ($('#clients img').length > 1 && !multiple) {
		interval = interval * ($('#clients img').length);
		multiple = true;
	}
	$img = $('#clients img').eq($('#clients img').index($img));
	$($img).fadeOut(fadeout);

	setTimeout(function() {
				$($img).attr('alt', clients[n][1]).attr('title', clients[n][1]).attr('src', 'img/' + clients[n][0]);
				$($img).fadeIn(fadein);
				setTimeout(function() {nextImg($img);}, interval);
			}, fadein + 5
		);
}



jQuery.preloadImages = function() {
	for(var i=0; i < arguments.length; i++) {
		$('<img>').attr('src', arguments[i]);
	}
}
$.preloadImages('img/client_01.png', 'img/client_02.png', 'img/client_03.png', 'img/client_04.png', 'img/client_05.png', 'img/client_06.png', 'img/client_07.png', 'img/client_08.png', 'img/client_09.png', 'img/client_10.png', 'img/client_11.png', 'img/client_12.png', 'img/client_13.png');