Mudar imagem do background de acordo com a resolução

Gostaria de um código que mudasse a imagem de fundo de acordo com a resolução.

Tentei duas formas, mas não tive sucesso.

<script language="javascript">
	var d = document;

	if (screen.width == 800)
	{
 //fundo é o id da body
 d.getElementById('fundo').style.background="../imagens/design/fdprincipal2.png";
	}
	if (screen.width == 1024)
	{
 document.getElementById(body).backgroundImage="url('../imagens/design/fdprincipal.png')";
	}
	</script>