Not sure if this would work, co worker shared this with me:
Basically I have the body of several pages loading w/diff background images.
However it gets tricky in wp as to simplify things I'd like to keep a single header.php. the header contains the main <body id="relative background image">.
But when the page changes I want it to load the background image for that page Switch to <body id="new background image">.. So...

this is the original. Don't want/need button of course
Code:
<script>
$("button").click(function () {
$(this).replaceWith( "<div>" + $(this).text() + "</div>" );
});
</script>
was thinking...


Code:
<script>
$("#mainBody").onload(function () {
$(this).replaceWith( "#diffBody" );
});
</script>
and of course the css styling for each is in the main style.css page
Thank you
D