Смена фона при обновлении сайта, фон растянут по ширине страницы

Доброго времени суток,

Подскажите пожалуйста, как сделать чтобы при обновлении сайта фон на сайте менялся?
задача - сделать так , что бы при обновлении сайта грузился фон bg1 при следующей загрузке bg2 (всего 2 фона). но они должны быть растянуты на весь экран.
тонкость в том что картинка растянута по всему фону вот так -
<style>
@import url("css/style.css");
body
{
-moz-background-size: 100%; /* Firefox 3.6+ */
-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
-o-background-size: 100%; /* Opera 9.6+ */
background-size: 100%; /* Современные браузеры */
margin: 0px;
padding: 0px;
background-color: #0F1824;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
}
.table_top {
background-image: url(images/double_dot.png);
background-repeat: repeat;
margin: 0px;
padding: 0px;
text-align: right;
}
</style>

Хотелось бы узнать как это можно сделать в HTML/CSS или JS
заранее извиняюсь коль что не так, только учусь и вникаю, был бы очень признателен, если бы ещё и разжевали как можно подробно