window.addEvent('domready', function() {

  var hidden1 = false;
  var hidden2 = false;
  var hidden3 = false;
  var hidden4 = false;
  var hidden5 = false;
  var reduced = false;

  var diplomphysiker2 = new Fx.Slide('diplomphysiker_h2', {duration: 500, mode: "horizontal"});
  var musiker2 = new Fx.Slide('musiker_h2', {duration: 500, mode: "horizontal"});
  var geocacher2 = new Fx.Slide('geocacher_h2', {duration: 500, mode: "horizontal"});
  var australien_fan2 = new Fx.Slide('australien_fan_h2', {duration: 500, mode: "horizontal"});
  var digitaler2 = new Fx.Slide('digitaler_h2', {duration: 500, mode: "horizontal"});

  var hide_diplomphysiker = new Fx.Slide('diplomphysiker_content', {duration: 250});
  var hide_musiker = new Fx.Slide('musiker_content', {duration: 250});
  var hide_geocacher = new Fx.Slide('geocacher_content', {duration: 250});
  var hide_australien_fan = new Fx.Slide('australien_fan_content', {duration: 250});
  var hide_digitaler = new Fx.Slide('digitaler_content', {duration: 250});

  var iefix1 = new Fx.Morph('foto1', {duration: 1});
  iefix1.start({'opacity': 0});
  var iefix2 = new Fx.Morph('foto2', {duration: 1});
  iefix2.start({'opacity': 0});
  var iefix3 = new Fx.Morph('foto3', {duration: 1});
  iefix3.start({'opacity': 0});
  var iefix4 = new Fx.Morph('foto4', {duration: 1});
  iefix4.start({'opacity': 0});
//  var iefix5 = new Fx.Morph('foto5', {duration: 1});
//  iefix5.start({'opacity': 0});

  function reduce() {
    reduced = true;
    var reduce_dist = new Fx.Morph('subpages', {duration: 500, transition: Fx.Transitions.Expo.easeInOut});
    reduce_dist.start({'margin-top': [30,0], 'margin-left': [205,0]});
    $('diplomphysiker').setStyle('width','20px');
    $('musiker').setStyle('width','20px');
    $('geocacher').setStyle('width','20px');
    $('australien_fan').setStyle('width','20px');
    $('digitaler').setStyle('width','20px');
    $('diplomphysiker').setStyle('float','left');
    $('musiker').setStyle('float','left');
    $('geocacher').setStyle('float','left');
    $('australien_fan').setStyle('float','left');
    $('digitaler').setStyle('float','left');
  };

  function updateShow(n) {
    if (hidden1 && hidden2 && hidden3 && hidden4 && hidden5 && !reduced)
      reduce();
    switch (n) {
      case 1: if (!hidden1) {
                hide_diplomphysiker.slideIn();
              }
              break;
      case 2: if (!hidden2) {
                hide_musiker.slideIn();
              }
              break;
      case 3: if (!hidden3) {
                hide_geocacher.slideIn();
              }
              break;
      case 4: if (!hidden4) {
                hide_australien_fan.slideIn();
              }
              break;
      case 5: if (!hidden5) {
                hide_digitaler.slideIn();
              }
              break;
    }
  };

  function updateHide(n) {
    switch (n) {
      case 1: if (hidden1) {
                diplomphysiker2.slideOut();
              }
              break;
      case 2: if (hidden2) {
                musiker2.slideOut();
              }
              break;
      case 3: if (hidden3) {
                geocacher2.slideOut();
              }
              break;
      case 4: if (hidden4) {
                australien_fan2.slideOut();
              }
              break;
      case 5: if (hidden5) {
                digitaler2.slideOut();
              }
              break;
    }
  };

  function hideAll() {
    if (!hidden1) {
      hidden1 = true;
      var deakt = new Fx.Morph('diplomphysiker', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      deakt.start({'margin-left': [20,0], 'width': [350,23]});
      var deakt2 = new Fx.Morph('foto1', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      deakt2.start({'opacity': [1,0]});
      hide_diplomphysiker.slideOut();
    }
    if (!hidden2) {
      hidden2 = true;
      var deakt = new Fx.Morph('musiker', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      deakt.start({'margin-left': [20,0], 'width': [350,23]});
      var deakt2 = new Fx.Morph('foto2', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      deakt2.start({'opacity': [1,0]});
      hide_musiker.slideOut();
    }
    if (!hidden3) {
      hidden3 = true;
      var deakt = new Fx.Morph('geocacher', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      deakt.start({'margin-left': [20,0], 'width': [350,23]});
      var deakt2 = new Fx.Morph('foto3', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      deakt2.start({'opacity': [1,0]});
      hide_geocacher.slideOut();
    }
    if (!hidden4) {
      hidden4 = true;
      var deakt = new Fx.Morph('australien_fan', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      deakt.start({'margin-left': [20,0], 'width': [350,23]});
      var deakt2 = new Fx.Morph('foto4', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      deakt2.start({'opacity': [1,0]});
      hide_australien_fan.slideOut();
    }
    if (!hidden5) {
      hidden5 = true;
      var deakt = new Fx.Morph('digitaler', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      deakt.start({'margin-left': [20,0], 'width': [350,23]});
//      var deakt2 = new Fx.Morph('foto5', {duration: 500, transition: Fx.Transitions.Back.easeOut});
//      deakt2.start({'opacity': [1,0]});
      hide_digitaler.slideOut();
    }
  }

  diplomphysiker2.addEvent('complete', function(){updateShow(1);});
  musiker2.addEvent('complete', function(){updateShow(2);});
  geocacher2.addEvent('complete', function(){updateShow(3);});
  australien_fan2.addEvent('complete', function(){updateShow(4);});
  digitaler2.addEvent('complete', function(){updateShow(5);});

  hide_diplomphysiker.addEvent('start', function(){updateHide(1);});
  hide_musiker.addEvent('start', function(){updateHide(2);});
  hide_geocacher.addEvent('start', function(){updateHide(3);});
  hide_australien_fan.addEvent('start', function(){updateHide(4);});
  hide_digitaler.addEvent('start', function(){updateHide(5);});

  hidden1 = true;
  hidden2 = true;
  hidden3 = true;
  hidden4 = true;
  hidden5 = true;

  var reduce_elem = new Fx.Elements($$('li.subpage'), {duration: 1000, transition: Fx.Transitions.Expo.easeOut});
  reduce_elem.start({'0': {'margin-bottom': [0,-30]},
                     '1': {'margin-bottom': [0,-30]},
                     '2': {'margin-bottom': [0,-30]},
                     '3': {'margin-bottom': [0,-30]},
                     '4': {'margin-bottom': [0,-30]}
                    });

  hide_diplomphysiker.slideOut();
  hide_musiker.slideOut();
  hide_geocacher.slideOut();
  hide_australien_fan.slideOut();
  hide_digitaler.slideOut();

  $('diplomphysiker_bullet').addEvent('click', function(){
    if (hidden1) {
      hideAll();
      var akt = new Fx.Morph('diplomphysiker', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt.start({'margin-left': [0,20], 'width': [23,350]});
      var akt2 = new Fx.Morph('foto1', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt2.start({'opacity': [0,1]});
      var deakt = new Fx.Morph('foto0', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      deakt.start({'opacity': 0});
      hidden1 = false;
      diplomphysiker2.slideIn();
    } else {
      hideAll();
      var akt = new Fx.Morph('foto0', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt.start({'opacity': 1});
    }
  });

  $('musiker_bullet').addEvent('click', function(){
    if (hidden2) {
      hideAll();
      var akt = new Fx.Morph('musiker', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt.start({'margin-left': [0,20], 'width': [23,350]});
      var akt2 = new Fx.Morph('foto2', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt2.start({'opacity': [0,1]});
      var deakt = new Fx.Morph('foto0', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      deakt.start({'opacity': 0});
      hidden2 = false;
      musiker2.slideIn();
    } else {
      hideAll();
      var akt = new Fx.Morph('foto0', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt.start({'opacity': 1});
    }
  });

  $('geocacher_bullet').addEvent('click', function(){
    if (hidden3) {
      hideAll();
      var akt = new Fx.Morph('geocacher', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt.start({'margin-left': [0,20], 'width': [23,350]});
      var akt2 = new Fx.Morph('foto3', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt2.start({'opacity': [0,1]});
      var deakt = new Fx.Morph('foto0', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      deakt.start({'opacity': 0});
      hidden3 = false;
      geocacher2.slideIn();
    } else {
      hideAll();
      var akt = new Fx.Morph('foto0', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt.start({'opacity': 1});
      var akt = new Fx.Morph('body', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt.start({'opacity': 1});
    }
  });

  $('australien_fan_bullet').addEvent('click', function(){
    if (hidden4) {
      hideAll();
      var akt = new Fx.Morph('australien_fan', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt.start({'margin-left': [0,20], 'width': [23,350]});
      var akt2 = new Fx.Morph('foto4', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt2.start({'opacity': [0,1]});
      var deakt = new Fx.Morph('foto0', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      deakt.start({'opacity': 0});
      hidden4 = false;
      australien_fan2.slideIn();
    } else {
      hideAll();
      var akt = new Fx.Morph('foto0', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt.start({'opacity': 1});
    }
  });

  $('digitaler_bullet').addEvent('click', function(){
    if (hidden5) {
      hideAll();
      var akt = new Fx.Morph('digitaler', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt.start({'margin-left': [0,20], 'width': [23,350]});
      var akt2 = new Fx.Morph('foto0', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt2.start({'opacity': 1});
      hidden5 = false;
      digitaler2.slideIn();
    } else {
      hideAll();
      var akt = new Fx.Morph('foto0', {duration: 500, transition: Fx.Transitions.Back.easeOut});
      akt.start({'opacity': 1});
    }
  });

});