[jQuery] Random Image from Array

[jQuery] Random Image from Array


I have some image URLs stored in an array. I then want to be able to
print out one of those image URLs randomly on page load. What would
be the best method to do this in jQuery?
My array looks like:
var theImages = new Array()
theImages[1] = 'http://www.puc.edu/__data/assets/image/0014/16007/
visual_arts1.jpg'
theImages[2] = 'http://www.puc.edu/__data/assets/image/0015/16008/
visual_arts2.jpg'
theImages[3] = 'http://www.puc.edu/__data/assets/image/0017/16208/
visual_arts3.jpg'
theImages[4] = 'http://www.puc.edu/__data/assets/image/0018/19035/
visual_arts4.jpg'