cookie em javascript

tenho um código, mas não sei com fazer funcionar direito.

como fazer para que um visitante possa mudar a imagem de fundo, e a mesma ser memorizada até que ele mude a imagem novamente?

tentei fazer, só que acho que errei em alguma coisa. toda vez que a página recarrega, a imagem escolhida desaparece e volta tudo ao padrão.

alguém poderia me orientar pra fazer o código abaixo funcionar?

<style>
.bg1{ background-image: url("imagem1.png"); }
.bg2{ background-image: url("imagem2.png"); }

</style>

<script type="text/javascript">

function AlterarPdeFundo(id){

document.getElementById("conteudo").className = "bg" + id;
setCookie("bg",id);
}

function setCookie(name, value, expires, path, domain, secure) {
var curCookie = name + "=" + escape(value) +

((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +

((secure) ? "; secure" : "");
document.cookie = curCookie;
}
function getCookie(name) {
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1) {
begin = dc.indexOf(prefix);
if (begin != 0) return null;

} else

begin += 2;
var end = document.cookie.indexOf(";", begin);
if (end == -1)
end = dc.length;
return unescape(dc.substring(begin + prefix.length, end));
}
function deleteCookie(name, path, domain) {

if (getCookie(name)) {
document.cookie = name + "=" +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +

"; expires=Thu, 01-Jan-70 00:00:01 GMT";
history.go(0);
}
}
function fixDate(date) {
var base = new Date(0);
var skew = base.getTime();
if (skew > 0) date.setTime(date.getTime() - skew);
}

</script>

<a href="javascript:AlterarPdeFundo(1);">TROCA 1</a>
<a href="javascript:AlterarPdeFundo(2);">TROCA 2</a>

<div id="conteudo">Conteudo do site</div>

<script type="text/javascript">

if(getCookie("bg")){
AlterarPdeFundo(getCookie("bg"));
}else{

AlterarPdeFundo(getCookie("bg1"));
}

</script>

por favor me ajudem!