$(document).ready(function(){
	//preload
	if (document.images){
		biographyBtn = new Image();
		biographyBtn.src = "images/biography_on.png";
		contactBtn = new Image();
		contactBtn.src = "images/contact_on.png";
		paintingsBtn = new Image();
		paintingsBtn.src = "images/paintings_on.png";
		sketchbookBtn = new Image();
		sketchbookBtn.src = "images/sketchbook_on.png";
		homeBtn = new Image();
		homeBtn.src = "images/home_on.png";

	}
});

$(function(){
	$("#paintings").hover(
		function(){$('#paintings').css({'background' : 'url(images/paintings_on.png) no-repeat'});}, 
		function(){$('#paintings').css({'background' : 'url(images/paintings_off.png) no-repeat'});}
	);
	$("#sketchbook").hover(
		function(){$('#sketchbook').css({'background' : 'url(images/sketchbook_on.png) no-repeat'});}, 
		function(){$('#sketchbook').css({'background' : 'url(images/sketchbook_off.png) no-repeat'});}
	);
	$("#biography").hover(
		function(){$('#biography').css({'background' : 'url(images/biography_on.png) no-repeat'});}, 
		function(){$('#biography').css({'background' : 'url(images/biography_off.png) no-repeat'});}
	);
	$("#contact").hover(
		function(){$('#contact').css({'background' : 'url(images/contact_on.png) no-repeat'});}, 
		function(){$('#contact').css({'background' : 'url(images/contact_off.png) no-repeat'});}
	);
	$("#home").hover(
		function(){$('#home').css({'background' : 'url(images/home_on.png) no-repeat'});}, 
		function(){$('#home').css({'background' : 'url(images/home_off.png) no-repeat'});}
	);

});