Changing color Background With Image Overlay

by blowsie

HTML

woop
<div class="position:relative">
    <img src="http://clubroomservice.com/wp-content/themes/roomservice/images/bg.jpg"></div>

CSS

body{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #666666;}
img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity:0.9 }

JavaScript

function background() {
    $("body").animate({
        "backgroundColor": "#000000"
    },1000, function() {
        backgroundout();
    });
};
function backgroundout() {
    $("body").animate({
        "backgroundColor": "#666666"
    },1000, function() {
        background();
    });
};

background();