// global flag
var isIE = false;

// global request and XML document objects
var req;

// global content index
var connum = 0;

// global variable for scrolling through menu sections
var scroll = true;

if (document.images) {
  var m0off = new Image(); 
  m0off.src = "images/menutitles/starters.gif";
  var m0on = new Image(); 
  m0on.src = "images/menutitles/starterslite.gif";
  var m1off = new Image(); 
  m1off.src = "images/menutitles/salads.gif";
  var m1on = new Image(); 
  m1on.src = "images/menutitles/saladslite.gif";
  var m2off = new Image(); 
  m2off.src = "images/menutitles/entrees.gif";
  var m2on = new Image(); 
  m2on.src = "images/menutitles/entreeslite.gif";
  var m3off = new Image(); 
  m3off.src = "images/menutitles/desserts.gif";
  var m3on = new Image(); 
  m3on.src = "images/menutitles/dessertslite.gif";

  var bstarter = new Image;
  var bsalad   = new Image;
  var bentree  = new Image;
  var bdessert = new Image;
  bstarter.src = "images/food/starter.jpg";
  bsalad.src   = "images/food/salad.jpg";
  bentree.src  = "images/food/entree.jpg";
  bdessert.src = "images/food/dessert.jpg";

}

//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//
// retrieve XML document (reusable generic function);
// parameter is URL string (relative or complete) to
// an .xml file whose Content-Type is a valid XML
// type, such as text/xml; XML source must be from
// same domain as HTML file
function loadXMLDoc(url) {
  // branch for native XMLHttpRequest object
  if (window.XMLHttpRequest) {
    req = new XMLHttpRequest();
    req.onreadystatechange = processReqChange;
    req.open("GET", url, true);
    req.send(null);
    // branch for IE/Windows ActiveX version
  } else if (window.ActiveXObject) {
    isIE = true;
    req = new ActiveXObject("Microsoft.XMLHTTP");
    if (req) {
      req.onreadystatechange = processReqChange;
      req.open("GET", url, true);
      req.send();
    }
  }
}
//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//
// handle onreadystatechange event of req object
function processReqChange() {
  // only if req shows "loaded"
  if (req.readyState == 4) {
    // only if "OK"
    if (req.status == 200) {  
      getProgress();
    } else {
      //Uncomment for debugging
      //alert("There was a problem retrieving the XML data:" + req.readyState + ':' +  req.status + ':' + req.statusText + ':' +  req.responseText);
    }
  }
}
//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//
function getProgress() {
  var content = req.responseXML.getElementsByTagName("content" + connum)[0].firstChild.data;
  displayProgress(content);
}
//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//
function displayProgress(content) {

  document.getElementById("featuredmenu").innerHTML = content;

  connum++;
  connum = connum % 4;

  setTimeout('scrollNext()', 5000);

}
//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//
function scrollNext() {
  if(scroll) {
    updatePage();
  }
}
//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//
function updatePage() {
  url = 'menu.xml';
  setMenuLinks(connum);
  loadXMLDoc(url);
}
//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//
function setMenu(sect) {
  scroll = false;
  connum = sect;
  updatePage();
}
//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//
function setMenuLinks(sect) {
  if (document.images) {
    if(sect == 0) {
      document.images.starters.src = m0on.src;
      document.images.salads.src   = m1off.src;
      document.images.entrees.src  = m2off.src;
      document.images.desserts.src  = m3off.src;
      document.getElementById('conspace').style.backgroundImage = 'url(images/food/starter.jpg)';
    } else if(sect == 1) {
      document.images.starters.src = m0off.src;
      document.images.salads.src   = m1on.src;
      document.images.entrees.src  = m2off.src;
      document.images.desserts.src  = m3off.src;
      document.getElementById('conspace').style.backgroundImage = 'url(images/food/salad.jpg)';
    } else if(sect == 2) {
      document.images.starters.src = m0off.src;
      document.images.salads.src   = m1off.src;
      document.images.entrees.src  = m2on.src;
      document.images.desserts.src  = m3off.src;
      document.getElementById('conspace').style.backgroundImage = 'url(images/food/entree.jpg)';
    } else if(sect == 3) {
      document.images.starters.src = m0off.src;
      document.images.salads.src   = m1off.src;
      document.images.entrees.src  = m2off.src;
      document.images.desserts.src  = m3on.src;
      document.getElementById('conspace').style.backgroundImage = 'url(images/food/dessert.jpg)';
    }
  }
}
//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//---//