var nav_positions = new Array();
nav_positions['writing'] 	= 0;
nav_positions['design'] 	= 1;
nav_positions['wtw'] 		= 2;
nav_positions['clients'] 	= 3;
nav_positions['contact'] 	= 4;

function swapBg(page){
	$('#main-box').css('background-position', -502 * nav_positions[page] + 'px 0');
}

$(document).ready(function(){
	$('#main-nav div').mouseout(function(){
		$('#main-box').css('background-position', '-1004px 0');
	});
	$('#main-nav div').hover(function(){
		swapBg(this.id);
	});
});