// Navigation bar rollover script (jQuery)
//
// It works as follows:
// Each nav bar image is named link1.png, link2.png etc (although
// any extension will work fine). The image that appears when the mouse
// rolls over needs to be named link1_over.png, link2_over.png etc.
//
// If you want to change the end of the rollover image name to something 
// other than link1_over.png simply replace the two occurences of "_over." 
// below.

$(function() {
$('#nav img').hover(function() {
var newimg = $(this).attr('src').replace(".","_over."); 
$(this).attr('src',newimg);

}, function() {
var newimg = $(this).attr('src').replace("_over.",".");
$(this).attr('src',newimg);
});
});

$(function() {
$('#hosting_plans img').hover(function() {
var newimg = $(this).attr('src').replace(".","_over."); 
$(this).attr('src',newimg);

}, function() {
var newimg = $(this).attr('src').replace("_over.",".");
$(this).attr('src',newimg);
});
});