var counter = 0;
var centerX = screen.width/2;
var centerY = screen.height/2;
var objects = new Array();
objects[0] = new Object("title", 100, 185, 10, 10, 1850); 
objects[1] = new Object("baseline", 100, 180, 30, 30, 1975);
objects[2] = new Object("aboutImg", 45, 185, 390, 63, 100);
objects[3] = new Object("aboutMenu", 80, 180, 10, 126, 0);
objects[4] = new Object("menusImg", 45, 185, 450, 63, 100);
objects[5] = new Object("menusMenu", 80, 180, 10, 147, 0);
objects[6] = new Object("creditsImg", 45, 185, 510, 63, 100);
objects[7] = new Object("creditsMenu", 80, 180, 10, 168, 0);
objects[8] = new Object("ratesImg", 45, 185, 570, 63, 100);
objects[9] = new Object("ratesMenu", 80, 180, 10, 189, 0);
objects[10] = new Object("contactImg", 45, 185, 630, 63, 100);
objects[11] = new Object("contactMenu", 80, 180, 10, 210, 0);
objects[12] = new Object("fayreeventsImg", 45, 185, 720, 63, 100);
objects[13] = new Object("fayreeventsMenu", 80, 180, 10, 270, 0);
loadPictures();

function Object(id, width, height, x, y, timeout) {
  this.id = id;
  this.width = width;
  this.height = height;
  this.x = x;
  this.y = y;
  this.timeout = timeout;
}

function start() {
  bgsound.src = music.src;
  o = objects[counter];
  setTimeout("display('"+o.id+"',"+o.width+","+o.height+","+o.x+","+o.y+","+o.timeout+")", 900);
}

function display(id, width, height, x, y, timeout) {
  var layer = document.getElementById(id);
  layer.style.left = parseInt(centerX - width/2);
  layer.style.top = parseInt(centerY - height/2);
  layer.style.visibility = "visible";
  var a = (parseInt(layer.style.top) - y) / (parseInt(layer.style.left) - x);
  var b = y - a*x;
  setTimeout("slide('"+id+"',"+a+","+b+","+y+")", timeout);
}

function slide(id, a, b, y) {
  var layer = document.getElementById(id);
  var yposition = parseInt(layer.style.top);
  var xposition = parseInt(layer.style.left);
  if(yposition > (y+10)) {
    if(counter < 2) yposition -= 5;
    else yposition -=10;
    layer.style.top = yposition;
    xposition = parseInt((yposition - b)/a);
    layer.style.left = xposition;
    setTimeout("slide('"+id+"',"+a+","+b+","+y+")", 10);
  }
  else {
    layer.style.left = objects[counter].x;
    layer.style.top = objects[counter].y;
    if(++counter < objects.length) {
      o = objects[counter];
      if(counter < 3) setTimeout("display('"+o.id+"',"+o.width+","+o.height+","+o.x+","+o.y+","+o.timeout+")", 500);
      else display(o.id, o.width, o.height, o.x, o.y, o.timeout);
    }
    else {
      setTimeout('document.getElementById("content").style.visibility = "visible"', 400);
      setTimeout('document.getElementById("footer").style.visibility = "visible"', 400);
      setTimeout('menuStyle()', 400);
      setTimeout('imgStyle()', 400);
      if(document.getElementById("venueMenu")) setTimeout('document.getElementById("venueMenu").style.visibility = "visible"', 400);
    }
  }
}

function over(child, id) {
  imgOver(child);
  document.getElementById(id+"Menu").className=id+"MenuOver";
  document.getElementById(id+"MenuLink").className=id+"MenuLinkOver";
}

function out(child, id) {
  imgOut(child);
  document.getElementById(id+"Menu").className=id+"Menu";
  document.getElementById(id+"MenuLink").className=id+"MenuLink";
}

function imgOver(child) {
  if(child.filters) child.parentElement.parentElement.filters.alpha.opacity='100';
}

function imgOut(child) {
  if(child.filters) child.parentElement.parentElement.filters.alpha.opacity='50';
}

function menuStyle() {
  document.getElementById("menusMenu").className="menusMenu";
  document.getElementById("menusMenuLink").className="menusMenuLink";
  document.getElementById("creditsMenu").className="creditsMenu";
  document.getElementById("creditsMenuLink").className="creditsMenuLink";
  document.getElementById("ratesMenu").className="ratesMenu";
  document.getElementById("ratesMenuLink").className="ratesMenuLink";
  document.getElementById("contactMenu").className="contactMenu";
  document.getElementById("contactMenuLink").className="contactMenuLink";
  document.getElementById("fayreeventsMenu").className="fayreeventsMenu";
  document.getElementById("fayreeventsMenuLink").className="fayreeventsMenuLink";
}

function imgStyle() {
  for (i=1; i<6; i++) {
    element = document.images[i].offsetParent;
    if(element.filters) element.filters.alpha.opacity='50';
    else if(element.style.MozOpacity) element.style.MozOpacity=0.5;
  }
}

function loadPictures() {
  image0 = new Image(); image0.src = "pics/about.jpg";
  image1 = new Image(); image1.src = "pics/menus.jpg";
  image2 = new Image(); image2.src = "pics/credits.jpg";
  image3 = new Image(); image3.src = "pics/rates.jpg";
  image4 = new Image(); image4.src = "pics/contact.jpg";
  image5 = new Image(); image5.src = "pics/fayreevents.jpg";
}