HansonDodge.Clients = {
	grid: null,

	init: function () {
		HansonDodge.Clients.grid = jQuery("#logo-matrix");

		HansonDodge.Clients.grid.find("li").each(HansonDodge.Clients.configureGridItem);
	},

	configureGridItem: function () {
		var gridItem = jQuery(this);

		var link = jQuery(this).children("a");
		HansonDodge.Clients.configureLinkImages(link);

		if (gridItem && gridItem.length) {
			gridItem.hover(
				function () {
					$(this).addClass("hover");

					var tooltip = $(".tooltip", this);
					if (tooltip.length) {
						var position = $(this).position();

						gridItem.css("position", "relative");
						gridItem.css("z-index", "30");

						tooltip.show();
					}
				},
				function () {
					$(this).removeClass("hover");

					var tooltip = $(".tooltip", this);
					if (tooltip.length) {
						gridItem.css("position", "static");
						gridItem.css("z-index", "1");

						tooltip.hide();
					}
				}
			);
		}
	},

	configureLinkImages: function (link) {
		if (link && link.length) {
			var originalImage = link.find("img");

			if (originalImage.length) {
				var grayscalePath = originalImage.attr("data-grayscale-path");
				if (grayscalePath) {
					originalImage.addClass("clientLogoRollover");

					var grayscaleImage = jQuery("<img/>");
					grayscaleImage.attr("src", grayscalePath);
					grayscaleImage.addClass("clientLogoGrayscale");
					link.append(grayscaleImage);
				}
			}
		}
	}
};


jQuery(HansonDodge.Clients.init);
