function initializeImageHover($imgs) {

	preloadImageSources($imgs);
	$imgs.hover(imageHoverOn, imageHoverOff);
}

function preloadImageSources($imgs) {

	$imgs.each(function(n) {
		var image = this;
		var imageUrl = image.src;
		
		if (imageUrl.indexOf(".png") != -1)
			imageUrl = imageUrl.replace(".png", "-hover.png");
		else if (imageUrl.indexOf(".gif") != -1)
			imageUrl = imageUrl.replace(".gif", "-hover.gif");

		$("<img>").attr("src", imageUrl);		
	});

}

function imageHoverOn() {
	var image =	this;
	var imageUrl = image.src;

	if (imageUrl.indexOf(".png") != -1)
		image.src = imageUrl.replace(".png", "-hover.png");
	else if (imageUrl.indexOf(".gif") != -1)
		image.src = imageUrl.replace(".gif", "-hover.gif");
}


function imageHoverOff() {
	var image =	this;
	var imageUrl = image.src;

	if (imageUrl.indexOf(".png") != -1)
		image.src = imageUrl.replace("-hover.png", ".png");
	else if (imageUrl.indexOf(".gif") != -1)
		image.src = imageUrl.replace("-hover.gif", ".gif");
}