// Initialisation of the layers

var max = 5;
var max2 = 10;

function init() {  //initialize layer button colors
  if (document.layers) {
    document.layers["button1"].bgColor = "#F6AA25";
  } else if (document.all) {
    document.all.tags("div")["button1"].style.backgroundColor = "#F6AA25";
  } else if (document.getElementById) {
    document.getElementById("button1").style.backgroundColor = "#F6AA25";
  }
}

//  Changing layers when clicking on the buttons

function changeLayer(layer, button) {  //layer button pressed
  if (document.layers) {
    for (i = 5; i < max2; i++) {
      document.layers[i].bgColor = "#EF8213";
    }
    document.layers[button].bgColor = "#F6AA25";
    for (i = 0; i < max; i++) {
      document.layers[i].visibility = "hide";
    }
    document.layers[layer].visibility = "show";
  } else if (document.all) {
    for (i = 5; i < max2; i++) {
      document.all.tags("div")[i].style.backgroundColor = "#EF8213";
    }
    document.all.tags("div")[button].style.backgroundColor = "#F6AA25";
    for (i = 0; i < max; i++) {
      document.all.tags("div")[i].style.visibility = "hidden";
    }
    document.all.tags("div")[layer].style.visibility = "visible";
  } else if (document.getElementById) {
    document.getElementById('button1').style.backgroundColor = "#EF8213";
    document.getElementById('button2').style.backgroundColor = "#EF8213";
    document.getElementById('button3').style.backgroundColor = "#EF8213";
    document.getElementById('button4').style.backgroundColor = "#EF8213";
    document.getElementById('button5').style.backgroundColor = "#EF8213";
    document.getElementById(button).style.backgroundColor = "#F6AA25";

    document.getElementById('general').style.visibility = "hidden";
    document.getElementById('flight').style.visibility = "hidden";
    document.getElementById('hotel').style.visibility = "hidden";
    document.getElementById('rail').style.visibility = "hidden";
    document.getElementById('profile').style.visibility = "hidden";
    document.getElementById(layer).style.visibility = "visible";
  }
}