var rotation_delay = 5; // seconds var dynamic_images = Array('/images/backgrounds/basketball.jpg','/images/backgrounds/joggers.jpg','/images/backgrounds/mvac-basketball.jpg','/images/backgrounds/mvac-bikes.jpg','/images/backgrounds/mvac-ellipticals.jpg','/images/backgrounds/mvac-front.jpg','/images/backgrounds/mvacgroup-a.jpg','/images/backgrounds/mvacgroup-b.jpg','/images/backgrounds/mvacgroup-c.jpg','/images/backgrounds/mvacgroup-d.jpg','/images/backgrounds/mvac-pool.jpg','/images/backgrounds/mvac-spin.jpg','/images/backgrounds/mvac-trainer.jpg','/images/backgrounds/mvac-treadmills.jpg','/images/backgrounds/mvac-weight-machines.jpg','/images/backgrounds/mvac-weights.jpg','/images/backgrounds/mvac-weights-b.jpg','/images/backgrounds/mvac-weights-a.jpg','/images/backgrounds/trainer.jpg'); $(document).ready(function() { /* Figure out the current background image of the #inner_content and * modify the DOM to: * - remove the background * - add the image back in as a separate element, before the elements contents * Note that we use the CSS present in dynamic-index.css to make everything * continue to line up correctly. Why go to all this trouble? * - this is a bolt-on hack to a single page of a completed design * - we don't need to come up with and maintain a secondary template * - regresses nicely */ var img = $("#inner_content").css('background-image'); img = img.match( /http:\/\/[a-zA-Z\-\.\/]*/ ); $("#inner_content").css('background', 'none'); $("#inner_content").prepend('