$(document).ready(function($) {

	/*
		Add classes to support some missing selectors
	*/

	$("nav ul li:first-child").addClass("first-child");
	$("ul.meta li:last-child").addClass("last-child");

	/*
		Add focus class on focus/blur events
	*/

	$('input, textarea').bind("focus", function(evt) {
		$(this).addClass("focus");
	});
	$('input, textarea').bind("blur", function(evt) {
		$(this).removeClass("focus");
	});
		
	/*
		
		Change greyscale partner images to their original colors when hovering over
	
		This depends on the directory structure
		Expected in this script is the following structure:
		
		/modules/layout/images/partners/               Contains two folders, greyscale and original
		/modules/layout/images/partners/greyscale/     Contains greyscale images
		/modules/layout/images/partners/original/      Contains original images
		
	*/

	$('#partners li a').bind("click focus mouseover", function(evt) {
		var fileName = $(this).children('img').attr("src");
		fileName = fileName.split('/');
		$(this).children('img').attr("src", '/modules/core/layout/images/partners/' + 'original' + '/' + fileName[7]);
	});

	$('#partners li a').bind("blur mouseout", function(evt) {
		var fileName = $(this).children('img').attr("src");
		fileName = fileName.split('/');
		$(this).children('img').attr("src", '/modules/core/layout/images/partners/' + 'greyscale' + '/' + fileName[7]);
	});
	
	// Dirty hack
	$('table tr td:last-child').css("padding", "0");
	
});