title: How to generate a random ID for body tag upon page load using a set array of IDs
body: <p>Here's my issue:</p>
  
  <p>I have a very simple html website teaser right now with a large background image (www.iambold.org).</p>
  
  <p>The background image is set up on the body tag, and so is the background color. What I need is for the body tag to be randomly assigned a different ID whenever the page is loaded.</p>
  
  <p>The reason for this is that each separate ID will have a different background image and different background color associated with it. </p>
  
  <p>The last part is that I need the generator to only select between the IDs that I have set in the css file.</p>
  
  <p>Here's the CSS for the body backgrounds:</p>
  
  <pre><code>body {font-family:'Lato',verdana,arial,sans-serif; font-size:14px; line-height:22px; }
  body#body_1 {background:#fff url(../images/bg_splash.jpg) center -15px repeat-x;}
  body#body_2 {background:#353932 url(../images/bg_splash2.jpg) center -15px repeat-x;}
  </code></pre>
  
  <p>I am familiar with jquery, and can hack codes well enough to do what I need, but I am not good enough to write my own code for these types of things.</p>