$(function(){
	$(document).pngFix();

	// Preloader
	$("#topBar img").not(".selected").not("#homeTopMenuBottom").each(function() {
		jQuery("<img />").attr("src", $(this).attr("src").replace("a.png","b.png"));
	});

	// Do this for now. Go to CSS sprites later?
	$("#topBar img").not(".selected").not("#homeTopMenuBottom").hover(
		function() {
			$(this).attr("src", $(this).attr("src").replace("a.png","b.png"));
		},
		function() {
			$(this).attr("src", $(this).attr("src").replace("b.png","a.png"));
		}
	);
	
	// For IE6 and 5.5
	$("#topBar span").not(".selected").not("#homeTopMenuBottom.hover").hover(
		function() {
			$(this).css("filter", $(this).css("filter").replace("a.png","b.png"));
		},
		function() {
			$(this).css("filter", $(this).css("filter").replace("b.png","a.png"));
		}
	);
});