﻿function setup(id)
{
	$(id).mouseover(function() {
		$(this).append('<div class="hover"></div>');
		$(id + ' div.hover').css({ display: 'none' }).fadeIn(200);
	}).mouseout(function() {
		$(id + ' div.hover').fadeOut(300, function() {
			$(this).remove();
		});
	});
}

$(document).ready(function() {
	$('#nav a').each(function() {
	    $(this).css({ backgroundImage: 'none' });
	})

	setup('#nav1');
	setup('#nav2');
	setup('#nav3');
	setup('#nav4');
	setup('#nav5');
});
