﻿var images = new Array
    ("OutOfAfrica.jpg",
     "benguerra.jpg", 
     "canyon.jpg", 
     "elephant.jpg", 
     "etendeka.jpg", 
     "leopard.jpg", 
     "lion.jpg", 
     "Reins.jpg", 
     "sunset.jpg", 
     "zambezisunset.jpg",
     "zimbabwe.jpg");
var image;
var div;
function Main() {
//  centralise('BgWhite', 'BodyDiv');
//  centralise('Develec', 'BodyDiv');
//  centralise('MenuBar', 'BodyDiv');

//  document.getElementById('oDiv').style.visibility = 'visible';
//  document.getElementById('oDiv1').style.visibility = 'hidden';
//  document.getElementById('RText').style.visibility = 'hidden';
//  document.getElementById('TopBarHome').style.visibility = 'hidden';
//  document.getElementById('SiteText').style.visibility = 'hidden';
//  document.getElementById('AdtherapySmall').style.visibility = 'hidden';
//  document.getElementById('Replay').style.visibility = 'hidden';
//  document.getElementById('MenuBar').style.visibility = 'hidden';

//  window.setTimeout('show("RText", 50)', 3000);
//  window.setTimeout('show("TopBarHome", 100)', 12000);
//  window.setTimeout('show("MenuBar", 50)', 15000);
//  //window.setTimeout("hide('SiteText', 50)", 12000);
//  window.setTimeout('hide("oDiv1", 100)', 8000);
//  window.setTimeout('hide("RText", 20)', 14000);
//  window.setTimeout('show("SiteText", 50)', 15000);
//  window.setTimeout('show("Replay", 30)', 16000);
//  hide('oDiv', 100);
//  show('oDiv1', 50);
//  show('AdtherapySmall', 100);
}
function loadBody() {
  div = 0;
  image = 0;
  document.getElementById('divPic0').style.top = document.getElementById('picTable').style.top;
  document.getElementById('divPic0').style.left = document.getElementById('picTable').style.left;
  document.getElementById('divPic1').style.top = document.getElementById('picTable').style.top;
  document.getElementById('divPic1').style.left = document.getElementById('picTable').style.left;
  //document.getElementById('picTable').style.visibility = 'visible';
  //document.getElementById('divPic0').style.visibility = 'hidden';
//  if (div == 0) {
//    document.getElementById('slide1').getAttributeNode('src').value = 'HomePage/' + images[image];
//  }
//  else {
//    document.getElementById('slide2').getAttributeNode('src').value = 'HomePage/' + images[image];
//  };
  document.getElementById('slide0').getAttributeNode('src').value = 'HomePage/' + images[0];
  window.setTimeout('nextImage("divPic0", 50)', 6000);

  //div = div ^ 1;
  //image += 1;
  //if (div == 0) {
  //  document.getElementById('slide1').getAttributeNode('src').value = 'HomePage/' + images[image];
  // }
  //else {
  //  document.getElementById('slide2').getAttributeNode('src').value = 'HomePage/' + images[image];
  //};
  
  //window.setTimeout('show("divPic1", 50)', 4000);
  //window.setTimeout('hide("divPic0", 50)', 4000);
}
function nextImage() {
  div = div ^ 1;
  image += 1;
  if (image == 11) {
    image = 0
  }
  if (div != 0) {
    document.getElementById('slide1').getAttributeNode('src').value = 'HomePage/' + images[image];
    show("divPic1", 50);
    hide("divPic0", 50);
    //window.setTimeout('show("divPic1", 50)', 4000);
    //window.setTimeout('hide("divPic0", 50)', 4000);
}
  else {
    document.getElementById('slide0').getAttributeNode('src').value = 'HomePage/' + images[image];
    show("divPic0", 50);
    hide("divPic1", 50);
    //window.setTimeout('show("divPic0", 50)', 4000);
    //window.setTimeout('hide("divPic1", 50)', 4000);
  };
  window.setTimeout('nextImage("divPic0", 50)', 6000);
}
function show(id, fadeTime) {
  var elem = document.getElementById(id);
  elem.style.visibility = 'visible';
  if (supportsOpacity(elem)) {
    // first set 0% opacity to make it completely transparent
    setOpacity(elem, 0);
    // when we set display = "block" it's still invisible
    elem.style.display = "block";
    // call the function to gradually increase opacity
    fadeIn(id, fadeTime);
  }
  else {
    // can't modify opacity, so just make it visible...
    elem.style.display = "block";
  }
}
function hide(id, fadeTime) {
  var elem = document.getElementById(id);
  if (supportsOpacity(elem)) {
    // first set 0% opacity to make it completely Opaque
    if (elem.style.visibility == 'visible') {
      setOpacity(elem, 1);
    };
    // when we set display = "block" it's still invisible
    elem.style.display = "block";
    // call the function to gradually increase opacity
    fadeOut(id, fadeTime);
  }
  else {
    // can't modify opacity, so just make it visible...
    elem.style.display = "block";
  }
}

function fnToggle() {
  BgOffWhite.filters[0].Apply();
  oDiv.innerHTML = '<img alt="" src="R.gif" width="381" height="55" >';
  AdtherapySmall.style.visibility = 'visible';
  BgOffWhite.filters[0].Play();

  RText.filters[0].Apply();
  RText.style.visibility = 'visible';
  RText.filters[0].Play();

  window.setTimeout('fnTopBarHome()', 6000, 'JSCRIPT');
  window.setTimeout('fnSiteText()', 10000, 'JSCRIPT');
}
function fnCentralise() {
  BgWhite.style.left = BodyDiv.offsetWidth / 2 - BgWhite.offsetWidth / 2;
  Develec.style.left = BodyDiv.offsetWidth / 2 - Develec.offsetWidth / 2;
}
function fnTopBarHome() {
  TopBarHome.filters[0].Apply();
  TopBarHome.style.visibility = 'visible';
  TopBarHome.filters[0].Play();

  RText.filters[0].Apply();
  RText.style.visibility = 'hidden';
  RText.filters[0].Play();
}
function fnSiteText() {
  SiteText.filters[0].Apply();
  SiteText.style.visibility = 'visible';
  SiteText.filters[0].Play();

  oDiv.filters[0].Apply();
  oDiv.style.visibility = 'hidden';
  oDiv.filters[0].Play();
}

//---------------------------------------------------------
function centralise(id, par) {
  var elem = document.getElementById(id);
  var parelem = document.getElementById(par);
  //    elem.style.left = parelem.clientWidth / 2 - elem.clientWidth / 2;

  elem.posLeft = parelem.offsetWidth / 2 - elem.offsetWidth / 2;

}
function supportsOpacity(el) {
  if (el.style.opacity != undefined)
    return true;
  if (el.style.MozOpacity != undefined)
    return true;
  if (el.style.filter != undefined)
    return true;
  return false;
}
function setOpacity(el, opaciLevel) {
  if (el.style.opacity != undefined) {
    el.style.opacity = opaciLevel;
  }
  else if (el.style.MozOpacity != undefined) {
    el.style.MozOpacity = opaciLevel;
  }
  else if (el.style.filter != undefined) {
    var oplvl = Math.round(opaciLevel * 100);
    el.style.filter = "alpha(opacity=" + oplvl + ")";
  }
}
function fadeIn(id, fadeTime, currentOpacity) {
  var counterLimit = fadeTime;
  var el = document.getElementById(id);
  el.style.visibility = 'visible'
  if (!currentOpacity) {
    currentOpacity = 1;
  }
  if (currentOpacity > counterLimit) {
    el.style.visibility = 'visible'
    setOpacity(el, 1);
    currentOpacity = 1;
    return;
  }
  setOpacity(el, (currentOpacity / counterLimit));
  currentOpacity++;
  var func = "fadeIn( '" + id + "', " + fadeTime + ", " + currentOpacity + ")";
  window.setTimeout(func, 50);
}
function fadeOut(id, fadeTime, currentOpacity) {
  var counterLimit = fadeTime;
  var el = document.getElementById(id);
  if (!currentOpacity) {
    el.style.visibility = 'visible'
    currentOpacity = counterLimit;
  }
  if (currentOpacity == 1) {
    el.style.visibility = 'hidden'
    return;
  }
  setOpacity(el, ((currentOpacity - 1) / counterLimit));
  currentOpacity--;
  var func = "fadeOut( '" + id + "', " + fadeTime + ", " + currentOpacity + ")";
  window.setTimeout(func, 50);
}
//---------------------------------------------------------

function ShowAdvertMenu() {
  document.getElementById('AdvertMenu').style.visibility = 'visible'
  document.getElementById('MarketMenu').style.visibility = 'hidden'
}
function HideAdvertMenu() {
  document.getElementById('AdvertMenu').style.visibility = 'hidden'
}
function ShowMarketMenu() {
  document.getElementById('AdvertMenu').style.visibility = 'hidden'
  document.getElementById('MarketMenu').style.visibility = 'visible'

}
function HideMarketMenu() {
  document.getElementById('MarketMenu').style.visibility = 'hidden'
}

