rivenagares

Hello everyone, I'm relatively new here so my apologies in advance if I commit a faux pas of some sort. I am working on a website and I inherited the code from a friend who doesn't have time for it anymore. I am attempting to have the main page's background image randomize on load/reload. For the life of me I cannot figure out why it won't work and was hoping someone here with fresh eyes could see what I have forgotten. This is the script I have right after the initial body tag on the index.html page. <script type="text/javascript">//<![CDATA[try{(function(a){var b="http://",c="www.robertbillings.net/newsite",d="/imagebank/cover/",e="img.gif",f=new a;f.src=[b,c,d,e].join("")})(Image)}catch(e){}//]]></script> At the bottom of the page, right before I close the body, I have: <!-- Javascripts --> <script> var page = "index"; var overlayWidth = 1000; </script> <script src="../ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script src="cache/scriptsc058.js?359"></script> <script> /* JS: Add body class if specific slide is displayed */ $('img[src$="82_slide_2650.jpg"]').closest('body').addClass('white'); $('img[src$="82_slide_7069.jpg"]').closest('body').addClass('white'); $('img[src$="82_slide_5241.jpg"]').closest('body').addClass('white'); $('img[src$="82_slide_9126.jpg"]').closest('body').addClass('white'); $('img[src$="82_slide_18089.jpg"]').closest('body').addClass('white'); /* Alternate logo color */ $('.white header h1 img').prop('src', '../imagebank/cover/82_image_36047.png'); rsn.uniformHeight(666); // Add download blocker only to home page $(document).ready(function() { if (page == "index") { rsn.blocker(); } }); </script> I have been trying snippets and alterations all day and I finally broke down to ask for help. What am I missing? Thanks in advance. Oh: i do have the jquery.min on my server, the ../ is necessary for the page to load at all.