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

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