if (document.images)
{
  pic1 = new Image(227,388); 
  pic1.src="images/clients.jpg";
  pic2 = new Image(227,388);
  pic2.src="images/about.jpg";
  pic3 = new Image(227,388);
  pic3.src="images/menu.jpg";
  pic4 = new Image(227,388);
  pic4.src="images/venues.jpg";
  pic5 = new Image(227,388);
  pic5.src="images/contact.jpg";
}

function timer(num) {
  var timeDelay = 5;
  timeDelay *= 1000;
  if (num == 1) {
    setTimeout("roller('1')", timeDelay);
  } else if (num == 2) {
    setTimeout("roller('2')", timeDelay);
  } else if (num == 3) {
    setTimeout("roller('3')", timeDelay);
  } else if (num == 4) {
    setTimeout("roller('4')", timeDelay);
  } else if (num == 5) {
    setTimeout("roller('5')", timeDelay);
  } else {
    setTimeout("roller('6')", timeDelay);
  }
}

function roller(num) {
  if (num == 1) {
    newImage = "url(images/clients.jpg)";
  } else if (num == 2) {
    newImage = "url(images/about.jpg)";
  } else if (num == 3) {
    newImage = "url(images/menu.jpg)";
  } else if (num == 4) {
    newImage = "url(images/venues.jpg)";
  } else if (num == 5) {
    newImage = "url(images/contact.jpg)";
  } else {
    newImage = "url(images/testimonials.jpg)";
  }
  document.getElementById('rollImage').style.backgroundImage = newImage;
  num = Number(num) + 1;
  if (num == 7) {
    num = 1;
  }
  timer(num);
}