スタイルシートで指定している背景を時間帯によって変えたいのですが、

JavaScriptでの指定の仕方がわかりません。

スタイルシート
---------------------------
#bg_top {
background-image: url(../img/top/bg_top.jpg);←これです
background-repeat: no-repeat;
height: 600px;
width: 800px;
margin: auto;
}
---------------------------

JavaScript
---------------------------
var bgImage = ['../img/top/bg_top.jpg','../img/top/bg_top2.jpg','../img/top/bg_top3.jpg'];

if((myHours >= 4)&&(myHours <= 15)) {
var bgImage = bgImage[0];
}
else if((myHours >= 16)&&(myHours <= 18)) {
var bgImage = bgImage[1];
}
else if((myHours >= 19)&&(myHours <= 23)||(myHours >= 0)&&(myHours <= 3)) {
var bgImage = bgImage[2];
}

document.body.style.backgroundImage = "url(' + bgImage + ')";
---------------------------

おそらくJavaScriptのdocument.body.style.backgroundImageの指定の部分を変えればいいのかなと思ったりもするのですがよくわからず困っています。
どなたか分かる方いらっしゃいましたらご教授お願い致します。