$(document).ready(function(){
	//hide dotted border for image links, {'css':'non-IE','hideFocus':'IE'}
	$('a:has(img)')
	.css({
		'outline': 'none'
	})
	.attr('hideFocus', 'true');

	
	//set hover after pre-load image, trouble but working
	$('#nav1 ul li a#MUSIC img').hover(
		function(){
			$(this).attr("src", "image/MUSIC_MO.jpg");
		},
		function(){
			$(this).attr("src", "image/MUSIC.jpg");
		}
	);
	
	$('#nav1 ul li a#VISUAL_ARTS img').hover(
		function(){
			$(this).attr("src", "image/VISUALARTS_MO.jpg");
		},
		function(){
			$(this).attr("src", "image/VISUALARTS.jpg");
		}
	);
	$('#nav1 ul li a#LITERATURE img').hover(
		function(){
			$(this).attr("src", "image/LITERATURE_MO.jpg");
		},
		function(){
			$(this).attr("src", "image/LITERATURE.jpg");
		}
	);
		
	$('#nav1 ul li a#FILM img').hover(
		function(){
			$(this).attr("src", "image/FILM_MO.jpg");
		},
		function(){
			$(this).attr("src", "image/FILM.jpg");
		}
	);
		
	$('#nav1 ul li a#WINE_CUISINE img').hover(
		function(){
			$(this).attr("src", "image/WINECUISINE_MO.jpg");
		},
		function(){
			$(this).attr("src", "image/WINECUISINE.jpg");
		}
	);
				
	$('#nav1 ul li a#WELLNESS img').hover(
		function(){
			$(this).attr("src", "image/WELLNESS_MO.jpg");
		},
		function(){
			$(this).attr("src", "image/WELLNESS.jpg");
		}
	);
});
