Change Div Background based on page

Hello everyone I wanted to know is there a way I can make a div change its background image based on page. I want to have at least 5-6 backgrounds, 1 for home page 1 for product pages and so forth. Any ideas? I know I can change the templates but what I am trying to do is the background covers from the very top where the top.tpl is all the way down so I just cant change the template to achieve what I want. Many thanks


{assign var=bg_class value=“your_value”}

your content


Then have the css setup appropriately for the '$bg_class' property