var Pics = new Array();
var Index1 = 0;
var Time;

function LoadImages()
{
  Pics[0] = new Image();
  Pics[0].src = "../images/title7.jpg";
  Pics[1] = new Image();
  Pics[1].src = "../images/title1.jpg";
  Pics[2] = new Image();
  Pics[2].src = "../images/title2.jpg";
  Pics[3] = new Image();
  Pics[3].src = "../images/title3.jpg";
  Pics[4] = new Image();
  Pics[4].src = "../images/title4.jpg";
  Pics[5] = new Image();
  Pics[5].src = "../images/title5.jpg";
  Pics[6] = new Image();
  Pics[6].src = "../images/title6.jpg";


  document.getElementById('title_pic').src = Pics[0].src;
}

function SetTimer()
{
  Timer = setInterval("Animate()", 10000);
}

function Animate()
{
  Index1 ++;
  if (Index1 > 6) {
    Index1 = 0;
  }
  document.getElementById('title_pic').src = Pics[Index1].src;
}

function ChangePic(x)
{
  window.clearInterval(Timer);
    Index1 = x;
  document.getElementById('title_pic').src = Pics[Index1].src;
  SetTimer();
}

function PrevPic()
{
  window.clearInterval(Timer);
  Index1 --
  if (Index1 < 1) {
    Index1 = 0;
  }
  document.getElementById('title_pic').src = Pics[Index1].src;
  SetTimer();
}
function NextPic()
{
  window.clearInterval(Timer);
  Index1 ++
  if (Index1 > 6) {
    Index1 = 6;
  }
  document.getElementById('title_pic').src = Pics[Index1].src;
  SetTimer();
}