/* Uses mootool v1.1, see http://docs111.mootools.net/ for docs */

function unhide(id) {
  var styleFX = new Fx.Style(id, 'opacity', {'duration': 800, 'transition': Fx.Transitions.Sine.easeIn, 'unit': '%', wait: true});
  styleFX.start(0,0.75);
  return true;
}

function hide(id) {
  var styleFX = new Fx.Style(id, 'opacity', {duration: 800, 'transition': Fx.Transitions.Sine.easeIn, 'unit': '%', wait: true});
  styleFX.start(0.75,0);
  return true;
}


// Elemente initialisieren


function initElements() {
  if (!document.getElementById('header')) return;
  $('b1').setStyle('opacity',0);
  $('b2').setStyle('opacity',0);
  $('b3').setStyle('opacity',0);

  if(document.getElementById('b3').innerHTML.trim() == '') {
    $('h3').setStyle('opacity',0);	  
  }
  else {
    document.getElementById('h3').onclick = unhide_b3;
    document.getElementById('b3').onclick = nop;
    //hide_b3();
  }

  if(document.getElementById('b2').innerHTML.trim() == '') {
    $('h2').setStyle('opacity',0);	  
  }
  else {
    document.getElementById('h2').onclick = unhide_b2;
    document.getElementById('b2').onclick = nop;
    //hide_b2();
  }

  if(document.getElementById('b1').innerHTML.trim() == '') {
    $('h1').setStyle('opacity',0);	  
  }
  else {
    document.getElementById('h1').onclick = unhide_b1;
    document.getElementById('b1').onclick = nop;
    //hide_b1();
  }
}

function nop() {}

function unhide_b1() {
   unhide(document.getElementById('b1'));
   document.getElementById('h1').onclick = hide_b1;
   document.getElementById('b1').onclick = hide_b1;
}

function unhide_b2() {
   unhide(document.getElementById('b2'));
   document.getElementById('h2').onclick = hide_b2;
   document.getElementById('b2').onclick = hide_b2;
}

function unhide_b3() {
   unhide(document.getElementById('b3'));
   document.getElementById('h3').onclick = hide_b3;
   document.getElementById('b3').onclick = hide_b3;
}

function hide_b1(){
   hide(document.getElementById('b1'));	 
   document.getElementById('h1').onclick = unhide_b1;
   document.getElementById('b1').onclick = nop;
}

function hide_b2(){
   hide(document.getElementById('b2'));	 
   document.getElementById('h2').onclick = unhide_b2;
   document.getElementById('b2').onclick = nop;
}

function hide_b3(){
   hide(document.getElementById('b3'));	 
   document.getElementById('h3').onclick = unhide_b3;
   document.getElementById('b1').onclick = nop;
}

window.addEvent('domready', initElements);
