// JavaScript Document
jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

$("body").ready(function ()
{
	$("span.navButton a").each(function(i)
	{
		$.preloadImages("images/navB_" + (i+1) + ".gif");
		//$(this).html("<img class=\"navImage\" src=\"images/navA_" + (i+1) + ".gif\" border=\"0\" title=\"<img src='images/navC_" + (i+1) + ".gif'>\" />");
		$(this).html("<img class=\"navImage\" src=\"images/cA.gif\" border=\"0\" title=\"<img src='images/navC_" + (i+1) + ".gif'>\" />");
	}).css({'cursor': 'pointer', 'padding':0,'height':'52px', 'width': '60px'});
	
	$(".navImage").hover(function() { $(this).attr("src", $(this).attr("src").replace(/A/,  "B")); }, function() { $(this).attr("src", $(this).attr("src").replace(/B/,  "A")); });
	
	$(".navImage").tooltip({ 
		track: true, 
		delay: 0, 
		showURL: false, 
		showBody: " - ", 
		opacity: 0.85, 
		top: -60,
		left: -26
	});
});