Event.observe(window, 'load', toggle_why_millions_of_rooms, false);

var toggle1;
var toggle2;
var toggle3;
var toggle4;
var toggle5;
var activetoggle;

// Init asynchron search when load
function toggle_why_millions_of_rooms(){

  for (var i = 1; i <= 5; i++) {
    $('why-' + i).hide();
  }

  toggle1 = new Spry.Effect.Blind('why-1', {toggle:true, from: '0%', to: '100%'});
  Event.observe('why-toggle-1', 'click', toggle_1, false);
  
  toggle2 = new Spry.Effect.Blind('why-2', {toggle:true, from: '0%', to: '100%'});
  Event.observe('why-toggle-2', 'click', toggle_2, false);
  
  toggle3 = new Spry.Effect.Blind('why-3', {toggle:true, from: '0%', to: '100%'});
  Event.observe('why-toggle-3', 'click', toggle_3, false);
  
  toggle4 = new Spry.Effect.Blind('why-4', {toggle:true, from: '0%', to: '100%'});
  Event.observe('why-toggle-4', 'click', toggle_4, false);
  
  toggle5 = new Spry.Effect.Blind('why-5', {toggle:true, from: '0%', to: '100%'});
  Event.observe('why-toggle-5', 'click', toggle_5, false);

/*  for (var i = 1; i <= 5; i++) {
    $('why-' + i).hide();
  }
  Event.observe('why-toggle-1', 'click', function() { toggle(1) }, false);
  Event.observe('why-toggle-2', 'click', function() { toggle(2) }, false);
  Event.observe('why-toggle-3', 'click', function() { toggle(3) }, false);
  Event.observe('why-toggle-4', 'click', function() { toggle(4) }, false);
  Event.observe('why-toggle-5', 'click', function() { toggle(5) }, false); */
}

function toggle_1() {
  if (activetoggle) {
    if (activetoggle != toggle1) {
      activetoggle.start();
      activetoggle = toggle1;
    } else {
      activetoggle = undefined;
    }
  } else {
    activetoggle = toggle1;
  }
  toggle1.start();
  return false;
}

function toggle_2() {
  if (activetoggle) {
    if (activetoggle != toggle2) {
      activetoggle.start();
      activetoggle = toggle2;
    } else {
      activetoggle = undefined;
    }
  } else {
    activetoggle = toggle2;
  }
  toggle2.start();
  return false;
}

function toggle_3() {
  if (activetoggle) {
    if (activetoggle != toggle3) {
      activetoggle.start();
      activetoggle = toggle3;
    } else {
      activetoggle = undefined;
    }
  } else {
    activetoggle = toggle3;
  }
  toggle3.start();
  return false;
}

function toggle_4() {
  if (activetoggle) {
    if (activetoggle != toggle4) {
      activetoggle.start();
      activetoggle = toggle4;
    } else {
      activetoggle = undefined;
    }
  } else {
    activetoggle = toggle4;
  }
  toggle4.start();
  return false;
}

function toggle_5() {
  if (activetoggle) {
    if (activetoggle != toggle5) {
      activetoggle.start();
      activetoggle = toggle5;
    } else {
      activetoggle = undefined;
    }
  } else {
    activetoggle = toggle5;
  }
  toggle5.start();
  return false;
}

/*function toggle(number) {
  for (var i = 1; i <= 5; i++) {
    if (i != number) {
      $('why-' + i).hide();
    }
  }
  if ($('why-' + number).visible()) {
    new Effect.Fade('why-' + number, { duration: 0.5 });
  } else {
    new Effect.Appear('why-' + number, { duration: 0.5 });
  }
}*/