var timer = null;
var delay = 10; // In seconds

var picsArray = new Array();
// the picsArray elements should be URL, height, width
picsArray[0] = new Array("http://www.case.edu/sages/images-cafe/cafe1-1.jpg", 300, 300);
picsArray[1] = new Array("http://www.case.edu/sages/images-cafe/cafe1-2.jpg", 300, 300);
picsArray[2] = new Array("http://www.case.edu/sages/images-cafe/cafe1-3.jpg", 300, 300);
picsArray[3] = new Array("http://www.case.edu/sages/images-cafe/cafe1-4.jpg", 300, 300);
picsArray[4] = new Array("http://www.case.edu/sages/images-cafe/cafe1-5.jpg", 300, 300);
picsArray[5] = new Array("http://www.case.edu/sages/images-cafe/cafe1-6.jpg", 300, 300);
picsArray[6] = new Array("http://www.case.edu/sages/images-cafe/cafe1-7.jpg", 300, 300);
picsArray[7] = new Array("http://www.case.edu/sages/images-cafe/cafe1-8.jpg", 300, 300);
picsArray[8] = new Array("http://www.case.edu/sages/images-cafe/cafe1-9.jpg", 300, 300);
picsArray[9] = new Array("http://www.case.edu/sages/images-cafe/cafe1-10.jpg", 300, 300);
picsArray[10] = new Array("http://www.case.edu/sages/images-cafe/cafe1-11.jpg", 300, 300);

var displayPic = Math.floor( Math.random() * ( picsArray.length ));
timerID = self.setTimeout("setDisplayed(displayPic)", delay * 1000)

function setDisplayed(i) {
        if (document.images) {
                document.getElementById('cafe_thumbnail').src = picsArray[i][0];
                document.getElementById('cafe_thumbnail').height = picsArray[i][1];
                document.getElementById('cafe_thumbnail').width = picsArray[i][2];
        }
        i++;
        if ( i + 1 > picsArray.length ) i = 0;
        self.setTimeout("setDisplayed(" + i + ")", 10 * 1000)
}