var tourArray = new Array();
var entranceArray = new Array();
var preLoadEntrance = new Array();
var concessionArray = new Array();
var preLoadConcession = new Array();
var officeArray = new Array();
var preLoadOffice = new Array();
var practiceArray = new Array();
var preLoadPractice = new Array();
var gymArray = new Array();
var preLoadGym = new Array();
var standsArray = new Array();
var preLoadStands = new Array();
var fieldArray = new Array();
var preLoadField = new Array();
var balconyArray = new Array();
var preLoadBalcony = new Array();
var partyArray = new Array();
var preLoadParty = new Array();
var aerobicsArray = new Array();
var preLoadAerobics = new Array();
var defaultArray = new Array();
var preLoadDefault = new Array();
var interval = 7000;
//var interval = 100;
var tour_display = 0;
var tourTimer;

function createTourArrays()
{
  //alert('Loading the images');
  defaultArray = ["AdminPanel/images/logo_admin.jpg"];

  for (var i = 0; i < entranceArray.length; i++)
  {
    preLoadEntrance[i] = new Image();
    preLoadEntrance[i].src = entranceArray[i];
  }
  for (var i = 0; i < concessionArray.length; i++)
  {
    preLoadConcession[i] = new Image();
    preLoadConcession[i].src = concessionArray[i];
  }
  for (var i = 0; i < officeArray.length; i++)
  {
    preLoadOffice[i] = new Image();
    preLoadOffice[i].src = officeArray[i];
  }
  for (var i = 0; i < practiceArray.length; i++)
  {
    preLoadPractice[i] = new Image();
    preLoadPractice[i].src = practiceArray[i];
  }
  for (var i = 0; i < gymArray.length; i++)
  {
    preLoadGym[i] = new Image();
    preLoadGym[i].src = gymArray[i];
  }
  for (var i = 0; i < standsArray.length; i++)
  {
    //alert('Stand: ' + standsArray[i] + '|');
    preLoadStands[i] = new Image();
    preLoadStands[i].src = standsArray[i];
  }
  for (var i = 0; i < fieldArray.length; i++)
  {
    preLoadField[i] = new Image();
    preLoadField[i].src = fieldArray[i];
  }
  for (var i = 0; i < balconyArray.length; i++)
  {
    preLoadBalcony[i] = new Image();
    preLoadBalcony[i].src = balconyArray[i];
  }
  for (var i = 0; i < partyArray.length; i++)
  {
    preLoadParty[i] = new Image();
    preLoadParty[i].src = partyArray[i];
  }
  for (var i = 0; i < aerobicsArray.length; i++)
  {
    preLoadAerobics[i] = new Image();
    preLoadAerobics[i].src = aerobicsArray[i];
  }
  for (var i = 0; i < defaultArray.length; i++)
  {
    preLoadDefault[i] = new Image();
    preLoadDefault[i].src = defaultArray[i];
  }
}
function stopTour()
{
  //alert('Stopping tour');
  tourTimer = clearInterval(tourTimer);
}
function startTour(room)
{
  //alert('Starting tour');
  tour_display = 0;
  switch(room)
  {
    case "entrance":
      tourArray = preLoadEntrance;
    break;
    case "concession":
      tourArray = preLoadConcession;
    break;
    case "office":
      tourArray = preLoadOffice;
    break;
    case "practice":
      tourArray = preLoadPractice;
    break;
    case "gym":
      tourArray = preLoadGym;
    break;
    case "stands":
      tourArray = preLoadStands;
      //alert('Starting tour' + room);
    break;
    case "field":
      tourArray = preLoadField;
    break;
    case "balcony":
      tourArray = preLoadBalcony;
    break;
    case "party":
      tourArray = preLoadParty;
    break;
    case "aerobics":
      tourArray = preLoadAerobics;
    break;
  }
  if (tourArray.length == 0)
  {
    tourArray = preLoadDefault;
  }
  tourFadeOut("currentPhoto", 90);
  tourTimer = setInterval("startSlides()", interval);
  //startSlides();
}
function startSlides()
{
  //alert('Starting tour');
  //alert('calling fadeout');
  tourFadeOut("currentPhoto", 90);
  tour_display = tour_display + 1;
  //alert('random = ' + tourArray.length);
  if (tour_display > (tourArray.length - 1))
  {
    tour_display = 0;
  }
}
function tourFadeOut(imgObj, opac)
{
  //alert('in fade ' + imgObj + " " + opac);
  if (opac > 0)
  {
    document.getElementById(imgObj).style.opacity = opac/100;
    document.getElementById(imgObj).style.filter = "alpha(opacity=" + opac + ")";
    opac -= 10;
    //alert('new opac' + opac);
    setTimeout("tourFadeOut('currentPhoto', " + opac + ")", 100);
  }
  else
  {
    //alert('Should fade in now' + tourArray[tour_display].src );
    document.images.currentPhoto.src = tourArray[tour_display].src;
    var img_width = document.images.currentPhoto.width;
    var img_height = document.images.currentPhoto.height;

    //if (img_height > 265)
    //{
    //  document.getElementById('currentPhoto').style.marginTop = "-" + ((img_height - 265)/2 + 222) + "px";
    //alert('Top = ' + document.getElementById('currentPhoto').style.marginTop);
    //}
    //else
    //{
      //document.images.currentPhoto.marginTop = "0px";
    //  document.getElementById('currentPhoto').style.marginTop = "-222px";
    //}
    
    tourFadeIn('currentPhoto', 10);
  }
}
function tourFadeIn(imgObj, opac)
{
  //alert('in fade s' + opac);
  //tourFadeOut("currentPhoto", 90);

  
  if (opac <= 100)
  {
    document.getElementById(imgObj).style.opacity = opac/100;
    document.getElementById(imgObj).style.filter = "alpha(opacity=" + opac + ")";
    opac += 10;
    //alert('new opac' + opac);
    setTimeout("tourFadeIn('currentPhoto', " + opac + ")", 100);
  }
}
function switchLevel(tab)
{
  if (tab == "upperTab")
  {
    var showMap = document.getElementById('upperLevel');
    var currMap = document.getElementById('facility');
    var showTab = document.getElementById('upperTab');
    var currTab = document.getElementById('lowerTab');

    currTab.style.borderRight = '2px solid #000000';
    currTab.style.borderBottom = '2px solid #000000';
    currTab.style.border = '2px solid #000000';
    //currTab.style.borderRight = 'none';
    currTab.style.borderLeft = 'none';
    //showTab.style.borderRight = '2px solid #000000';
    showTab.style.borderBottom = '2px solid #cccccc';
  }
  else
  {
    var showMap = document.getElementById('facility');
    var currMap = document.getElementById('upperLevel');
    var showTab = document.getElementById('lowerTab');
    var currTab = document.getElementById('upperTab');

    showTab.style.borderRight = '2px solid #000000';
    showTab.style.borderBottom = '2px solid #cccccc';
    currTab.style.border = '2px solid #000000';
    currTab.style.borderRight = 'none';
    currTab.style.borderLeft = 'none';
  }
    showMap.style.display = 'block';
    currMap.style.display = 'none';

    showTab.style.background = '#cccccc';
    showTab.style.color = '#cc0000';
    showTab.style.cursor = 'default';

    currTab.style.background = '#cc0000';
    currTab.style.color = '#cccccc';
    currTab.style.cursor = 'pointer';

}